pds-dev-kit-web 2.0.7 → 2.0.9-alpha.0
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/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFA.js +2 -2
- package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFB.js +4 -4
- package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFC.js +2 -2
- package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFD.js +2 -2
- package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFE.js +4 -4
- package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMA.js +2 -2
- package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMB.js +2 -2
- package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPA.js +2 -2
- package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPB.js +2 -2
- package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPC.js +4 -4
- package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPD.js +2 -2
- package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPE.js +2 -2
- package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPF.js +4 -4
- package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSA.js +2 -2
- package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSB.js +2 -2
- package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSC.js +4 -4
- package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSD.js +2 -2
- package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSE.js +2 -2
- package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSF.js +4 -4
- package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSG.js +2 -2
- package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSH.js +2 -2
- package/dist/src/sub/DynamicLayout/DynamicLayout.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/DynamicLayout.js +10 -2
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/EditModeSectionMatcher.js +36 -2
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/GlobalFixedOverlay.d.ts +7 -0
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/GlobalFixedOverlay.js +47 -0
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/MembershipSectionGlobalFixedOverlay.d.ts +8 -0
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/MembershipSectionGlobalFixedOverlay.js +80 -0
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/MembershipSectionGlobalFixedOverlayMembershipList.d.ts +12 -0
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/MembershipSectionGlobalFixedOverlayMembershipList.js +27 -0
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/MembershipSectionGlobalFixedOverlayPlanSheet.d.ts +8 -0
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/MembershipSectionGlobalFixedOverlayPlanSheet.js +39 -0
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/index.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/index.js +8 -0
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/index.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/index.js +8 -0
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/index.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/index.js +5 -0
- package/dist/src/sub/DynamicLayout/components/SectionMatcher/SectionMatcher.js +2 -0
- package/dist/src/sub/DynamicLayout/mock_samplePage.d.ts +3 -1
- package/dist/src/sub/DynamicLayout/mock_samplePage.js +219 -11
- package/dist/src/sub/DynamicLayout/mock_storybook.d.ts +6 -0
- package/dist/src/sub/DynamicLayout/mock_storybook.js +1523 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/MembershipSection.d.ts +4 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/MembershipSection.js +63 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/index.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/index.js +8 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/TemplateA.d.ts +7 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/TemplateA.js +16 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/D_TemplateA.d.ts +7 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/D_TemplateA.js +35 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipBenefitInfo.d.ts +8 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipBenefitInfo.js +10 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipPlanSheet.d.ts +10 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipPlanSheet.js +41 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipSheet.d.ts +8 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipSheet.js +92 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/NarrowMembershipListView.d.ts +11 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/NarrowMembershipListView.js +137 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/SectionContents.d.ts +3 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/SectionContents.js +37 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/WideMembershipListView.d.ts +11 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/WideMembershipListView.js +91 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/index.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/index.js +8 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/index.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/index.js +8 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/M_TemplateA.d.ts +7 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/M_TemplateA.js +27 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipBenefitInfo.d.ts +8 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipBenefitInfo.js +11 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipContents.d.ts +7 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipContents.js +26 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipSectionSheet.d.ts +7 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipSectionSheet.js +51 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/SectionContents.d.ts +3 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/SectionContents.js +33 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/index.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/index.js +8 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/TemplateB.d.ts +7 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/TemplateB.js +16 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/D_TemplateB.d.ts +7 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/D_TemplateB.js +35 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipBenefitInfo.d.ts +8 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipBenefitInfo.js +9 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipCard.d.ts +7 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipCard.js +83 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipPlanSheet.d.ts +10 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipPlanSheet.js +41 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipSheet.d.ts +8 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipSheet.js +78 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/SectionContents.d.ts +3 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/SectionContents.js +37 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/index.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/index.js +8 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/index.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/index.js +8 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/M_TemplateB.d.ts +7 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/M_TemplateB.js +14 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipBenefitInfo.d.ts +8 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipBenefitInfo.js +11 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipContents.d.ts +7 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipContents.js +26 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipSectionSheet.d.ts +7 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipSectionSheet.js +66 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/SectionContents.d.ts +3 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/SectionContents.js +40 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/index.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/index.js +8 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/index.d.ts +2 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/index.js +7 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/MembershipSection.d.ts +4 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/MembershipSection.js +57 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/index.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/index.js +8 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/TemplateA.d.ts +6 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/TemplateA.js +16 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/desktop/D_TemplateA.d.ts +6 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/desktop/D_TemplateA.js +22 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/desktop/components/SectionContents.d.ts +3 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/desktop/components/SectionContents.js +37 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/desktop/index.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/desktop/index.js +8 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/index.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/index.js +8 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/mobile/M_TemplateA.d.ts +6 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/mobile/M_TemplateA.js +25 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/mobile/components/SectionContents.d.ts +3 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/mobile/components/SectionContents.js +33 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/mobile/index.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/mobile/index.js +8 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/TemplateB.d.ts +6 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/TemplateB.js +16 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/desktop/D_TemplateB.d.ts +6 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/desktop/D_TemplateB.js +22 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/desktop/components/SectionContents.d.ts +3 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/desktop/components/SectionContents.js +37 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/desktop/index.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/desktop/index.js +8 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/index.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/index.js +8 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/mobile/M_TemplateB.d.ts +6 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/mobile/M_TemplateB.js +12 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/mobile/components/SectionContents.d.ts +3 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/mobile/components/SectionContents.js +40 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/mobile/index.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/mobile/index.js +8 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/index.d.ts +2 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/index.js +7 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/desktop/MembershipSectionItem.d.ts +40 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/desktop/MembershipSectionItem.js +244 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/desktop/index.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/desktop/index.js +8 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/index.d.ts +2 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/index.js +7 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/mobile/MembershipSectionItem.d.ts +42 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/mobile/MembershipSectionItem.js +264 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/mobile/index.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/mobile/index.js +8 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/constants.d.ts +5 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/constants.js +29 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/index.d.ts +3 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/index.js +7 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/type.d.ts +5 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/type.js +2 -0
- package/dist/src/sub/DynamicLayout/sections/index.d.ts +2 -0
- package/dist/src/sub/DynamicLayout/sections/index.js +5 -1
- package/dist/src/sub/DynamicLayout/types.d.ts +84 -4
- package/package.json +1 -1
- package/release-note.md +3 -4
- package/webhook/node_modules/esrecurse/.babelrc +3 -0
package/dist/index.d.ts
CHANGED
|
@@ -25,6 +25,6 @@ export { M_BasicChatListItem, M_BasicFormGroup, M_BasicList, M_BasicListItem, M_
|
|
|
25
25
|
export { M_AnnotationSheet, M_ContentSheet, M_MobileBasicModal, M_SectionSheet };
|
|
26
26
|
import { DynamicLayout } from './src/sub';
|
|
27
27
|
export { DynamicLayout };
|
|
28
|
-
import type { TypeOfSectionManifestSchema, TypeofSectionTemplate, TypeOfSectionContentMediaType, TypeOfSectionLinkType, TypeOfCarouselAutoplayMode, TypeOfCarouselInfiniteLoopMode, TypeOfBackgroundMediaType, TypeOfSectionButtonDesignType, TypeOfItemButtonDesignType, TypeOfItemManifestSchema, TypeOfItemLinkMethod, TypeOfItemLinkType, ISection, ISectionProperties, ISectionStyles, IItem, TypeOfSectionAction } from './src/sub/DynamicLayout/types';
|
|
29
|
-
export { TypeOfSectionManifestSchema, TypeofSectionTemplate, TypeOfSectionContentMediaType, TypeOfSectionLinkType, TypeOfCarouselAutoplayMode, TypeOfCarouselInfiniteLoopMode, TypeOfBackgroundMediaType, TypeOfSectionButtonDesignType, TypeOfItemButtonDesignType, TypeOfItemManifestSchema, TypeOfItemLinkMethod, TypeOfItemLinkType, TypeOfSectionAction, ISection, ISectionProperties, ISectionStyles, IItem };
|
|
28
|
+
import type { TypeOfSectionManifestSchema, TypeofSectionTemplate, TypeOfSectionContentMediaType, TypeOfSectionLinkType, TypeOfCarouselAutoplayMode, TypeOfCarouselInfiniteLoopMode, TypeOfBackgroundMediaType, TypeOfSectionButtonDesignType, TypeOfItemButtonDesignType, TypeOfItemManifestSchema, TypeOfItemLinkMethod, TypeOfItemLinkType, ISection, ISectionProperties, ISectionStyles, IItem, TypeOfSectionAction, TypeOfProgrammedItemActionButtonTextType, TypeOfItemToneType, IProgrammedSectionComponents, IProgrammedSectionPreviewData } from './src/sub/DynamicLayout/types';
|
|
29
|
+
export { TypeOfSectionManifestSchema, TypeofSectionTemplate, TypeOfSectionContentMediaType, TypeOfSectionLinkType, TypeOfCarouselAutoplayMode, TypeOfCarouselInfiniteLoopMode, TypeOfBackgroundMediaType, TypeOfSectionButtonDesignType, TypeOfItemButtonDesignType, TypeOfItemManifestSchema, TypeOfItemLinkMethod, TypeOfItemLinkType, TypeOfSectionAction, ISection, ISectionProperties, ISectionStyles, IItem, TypeOfProgrammedItemActionButtonTextType, TypeOfItemToneType, IProgrammedSectionComponents, IProgrammedSectionPreviewData };
|
|
30
30
|
export { AdminList, AdminListHeader, AdminListItem, BulkActionBar, ToolBar } from './src/sub';
|
|
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
|
|
|
45
45
|
var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
|
|
46
46
|
return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
|
|
47
47
|
});
|
|
48
|
-
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n
|
|
48
|
+
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
|
|
49
49
|
var theme = _a.theme;
|
|
50
50
|
return theme.ui_m_contentscontainer01_background;
|
|
51
51
|
}, function (_a) {
|
|
52
52
|
var containerColor = _a.containerColor;
|
|
53
53
|
return "background-color: " + containerColor;
|
|
54
54
|
}, overrideStyleContainer1);
|
|
55
|
-
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n
|
|
55
|
+
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding-bottom: 88px;\n ", ";\n"], ["\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
|
|
56
56
|
var areaColor = _a.areaColor;
|
|
57
57
|
return "background-color: " + areaColor;
|
|
58
58
|
});
|
|
@@ -50,7 +50,7 @@ var overrideStyleContainer2 = (0, styled_components_1.css)(templateObject_2 || (
|
|
|
50
50
|
return overrideContainer2ColorKey && theme[overrideContainer2ColorKey];
|
|
51
51
|
});
|
|
52
52
|
var S_Box = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n height: 100%;\n"])));
|
|
53
|
-
var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n
|
|
53
|
+
var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n\n ", ";\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n\n ", ";\n ", ";\n\n ", "\n"])), function (_a) {
|
|
54
54
|
var theme = _a.theme;
|
|
55
55
|
return theme.ui_m_contentscontainer01_background;
|
|
56
56
|
}, function (_a) {
|
|
@@ -63,18 +63,18 @@ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (
|
|
|
63
63
|
var containerColor = _a.containerColor;
|
|
64
64
|
return "background-color: " + containerColor;
|
|
65
65
|
}, overrideStyleContainer1);
|
|
66
|
-
var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n
|
|
66
|
+
var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n flex: 1;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
|
|
67
67
|
var theme = _a.theme;
|
|
68
68
|
return theme.ui_m_contentscontainer02_background;
|
|
69
69
|
}, function (_a) {
|
|
70
70
|
var containerColor = _a.containerColor;
|
|
71
71
|
return "background-color: " + containerColor;
|
|
72
72
|
}, overrideStyleContainer2);
|
|
73
|
-
var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n
|
|
73
|
+
var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
|
|
74
74
|
var areaColor = _a.areaColor;
|
|
75
75
|
return "background-color: " + areaColor;
|
|
76
76
|
});
|
|
77
|
-
var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n
|
|
77
|
+
var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n padding-bottom: 88px;\n ", ";\n"], ["\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
|
|
78
78
|
var areaColor = _a.areaColor;
|
|
79
79
|
return "background-color: " + areaColor;
|
|
80
80
|
});
|
|
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
|
|
|
45
45
|
var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
|
|
46
46
|
return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
|
|
47
47
|
});
|
|
48
|
-
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n
|
|
48
|
+
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n flex: 1;\n height: 100%;\n ", ";\n\n ", "\n"])), function (_a) {
|
|
49
49
|
var theme = _a.theme;
|
|
50
50
|
return theme.ui_m_contentscontainer01_background;
|
|
51
51
|
}, function (_a) {
|
|
52
52
|
var containerColor = _a.containerColor;
|
|
53
53
|
return "background-color: " + containerColor;
|
|
54
54
|
}, overrideStyleContainer1);
|
|
55
|
-
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n
|
|
55
|
+
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n ", ";\n"], ["\n height: 100%;\n ", ";\n"])), function (_a) {
|
|
56
56
|
var areaColor = _a.areaColor;
|
|
57
57
|
return "background-color: " + areaColor;
|
|
58
58
|
});
|
|
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
|
|
|
45
45
|
var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
|
|
46
46
|
return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
|
|
47
47
|
});
|
|
48
|
-
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n
|
|
48
|
+
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n flex: 1;\n height: 100%;\n\n ", ";\n\n ", "\n"])), function (_a) {
|
|
49
49
|
var theme = _a.theme;
|
|
50
50
|
return theme.ui_m_contentscontainer01_background;
|
|
51
51
|
}, function (_a) {
|
|
52
52
|
var containerColor = _a.containerColor;
|
|
53
53
|
return "background-color: " + containerColor;
|
|
54
54
|
}, overrideStyleContainer1);
|
|
55
|
-
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n
|
|
55
|
+
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
|
|
56
56
|
var areaColor = _a.areaColor;
|
|
57
57
|
return "background-color: " + areaColor;
|
|
58
58
|
});
|
|
@@ -50,7 +50,7 @@ var overrideStyleContainer2 = (0, styled_components_1.css)(templateObject_2 || (
|
|
|
50
50
|
return overrideContainer2ColorKey && theme[overrideContainer2ColorKey];
|
|
51
51
|
});
|
|
52
52
|
var S_Box = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n height: 100%;\n"])));
|
|
53
|
-
var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n
|
|
53
|
+
var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n\n ", ";\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n\n ", ";\n ", ";\n\n ", "\n"])), function (_a) {
|
|
54
54
|
var theme = _a.theme;
|
|
55
55
|
return theme.ui_m_contentscontainer01_background;
|
|
56
56
|
}, function (_a) {
|
|
@@ -63,18 +63,18 @@ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (
|
|
|
63
63
|
var containerColor = _a.containerColor;
|
|
64
64
|
return "background-color: " + containerColor;
|
|
65
65
|
}, overrideStyleContainer1);
|
|
66
|
-
var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n
|
|
66
|
+
var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n flex: 1;\n height: 100%;\n\n ", ";\n\n ", "\n"])), function (_a) {
|
|
67
67
|
var theme = _a.theme;
|
|
68
68
|
return theme.ui_m_contentscontainer02_background;
|
|
69
69
|
}, function (_a) {
|
|
70
70
|
var containerColor = _a.containerColor;
|
|
71
71
|
return "background-color: " + containerColor;
|
|
72
72
|
}, overrideStyleContainer2);
|
|
73
|
-
var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n
|
|
73
|
+
var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
|
|
74
74
|
var areaColor = _a.areaColor;
|
|
75
75
|
return "background-color: " + areaColor;
|
|
76
76
|
});
|
|
77
|
-
var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: 100%;\n
|
|
77
|
+
var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: 100%;\n padding-bottom: 88px;\n ", ";\n"], ["\n height: 100%;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
|
|
78
78
|
var areaColor = _a.areaColor;
|
|
79
79
|
return "background-color: " + areaColor;
|
|
80
80
|
});
|
|
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
|
|
|
45
45
|
var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
|
|
46
46
|
return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
|
|
47
47
|
});
|
|
48
|
-
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n
|
|
48
|
+
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
|
|
49
49
|
var theme = _a.theme;
|
|
50
50
|
return theme.ui_m_contentscontainer01_background;
|
|
51
51
|
}, function (_a) {
|
|
52
52
|
var containerColor = _a.containerColor;
|
|
53
53
|
return "background-color: " + containerColor;
|
|
54
54
|
}, overrideStyleContainer1);
|
|
55
|
-
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n
|
|
55
|
+
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding-bottom: 88px;\n ", ";\n"], ["\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
|
|
56
56
|
var areaColor = _a.areaColor;
|
|
57
57
|
return "background-color: " + areaColor;
|
|
58
58
|
});
|
|
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
|
|
|
45
45
|
var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
|
|
46
46
|
return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
|
|
47
47
|
});
|
|
48
|
-
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n
|
|
48
|
+
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n\n ", ";\n\n ", "\n"])), function (_a) {
|
|
49
49
|
var theme = _a.theme;
|
|
50
50
|
return theme.ui_m_contentscontainer01_background;
|
|
51
51
|
}, function (_a) {
|
|
52
52
|
var containerColor = _a.containerColor;
|
|
53
53
|
return "background-color: " + containerColor;
|
|
54
54
|
}, overrideStyleContainer1);
|
|
55
|
-
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n
|
|
55
|
+
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
|
|
56
56
|
var areaColor = _a.areaColor;
|
|
57
57
|
return "background-color: " + areaColor;
|
|
58
58
|
});
|
|
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
|
|
|
45
45
|
var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
|
|
46
46
|
return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
|
|
47
47
|
});
|
|
48
|
-
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n
|
|
48
|
+
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
|
|
49
49
|
var theme = _a.theme;
|
|
50
50
|
return theme.ui_m_contentscontainer01_background;
|
|
51
51
|
}, function (_a) {
|
|
52
52
|
var containerColor = _a.containerColor;
|
|
53
53
|
return "background-color: " + containerColor;
|
|
54
54
|
}, overrideStyleContainer1);
|
|
55
|
-
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n height: 100%;\n
|
|
55
|
+
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n height: 100%;\n\n ", ";\n /* padding-bottom: 88px; */\n"], ["\n /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n height: 100%;\n\n ", ";\n /* padding-bottom: 88px; */\n"])), function (_a) {
|
|
56
56
|
var areaColor = _a.areaColor;
|
|
57
57
|
return "background-color: " + areaColor;
|
|
58
58
|
});
|
|
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
|
|
|
45
45
|
var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
|
|
46
46
|
return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
|
|
47
47
|
});
|
|
48
|
-
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n
|
|
48
|
+
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
|
|
49
49
|
var theme = _a.theme;
|
|
50
50
|
return theme.ui_m_contentscontainer01_background;
|
|
51
51
|
}, function (_a) {
|
|
52
52
|
var containerColor = _a.containerColor;
|
|
53
53
|
return "background-color: " + containerColor;
|
|
54
54
|
}, overrideStyleContainer1);
|
|
55
|
-
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n height: 100%;\n
|
|
55
|
+
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n height: 100%;\n\n ", ";\n /* padding-bottom: 88px; */\n"], ["\n /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n height: 100%;\n\n ", ";\n /* padding-bottom: 88px; */\n"])), function (_a) {
|
|
56
56
|
var areaColor = _a.areaColor;
|
|
57
57
|
return "background-color: " + areaColor;
|
|
58
58
|
});
|
|
@@ -50,7 +50,7 @@ var overrideStyleContainer2 = (0, styled_components_1.css)(templateObject_2 || (
|
|
|
50
50
|
return overrideContainer2ColorKey && theme[overrideContainer2ColorKey];
|
|
51
51
|
});
|
|
52
52
|
var S_Box = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n height: 100%;\n"])));
|
|
53
|
-
var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n
|
|
53
|
+
var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n\n ", ";\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n\n ", ";\n ", ";\n\n ", "\n"])), function (_a) {
|
|
54
54
|
var theme = _a.theme;
|
|
55
55
|
return theme.ui_m_contentscontainer01_background;
|
|
56
56
|
}, function (_a) {
|
|
@@ -63,18 +63,18 @@ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (
|
|
|
63
63
|
var containerColor = _a.containerColor;
|
|
64
64
|
return "background-color: " + containerColor;
|
|
65
65
|
}, overrideStyleContainer1);
|
|
66
|
-
var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n
|
|
66
|
+
var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n flex: 1;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
|
|
67
67
|
var theme = _a.theme;
|
|
68
68
|
return theme.ui_m_contentscontainer02_background;
|
|
69
69
|
}, function (_a) {
|
|
70
70
|
var containerColor = _a.containerColor;
|
|
71
71
|
return "background-color: " + containerColor;
|
|
72
72
|
}, overrideStyleContainer2);
|
|
73
|
-
var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n
|
|
73
|
+
var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
|
|
74
74
|
var areaColor = _a.areaColor;
|
|
75
75
|
return "background-color: " + areaColor;
|
|
76
76
|
});
|
|
77
|
-
var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n
|
|
77
|
+
var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n padding-bottom: 88px;\n ", ";\n"], ["\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
|
|
78
78
|
var areaColor = _a.areaColor;
|
|
79
79
|
return "background-color: " + areaColor;
|
|
80
80
|
});
|
|
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
|
|
|
45
45
|
var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
|
|
46
46
|
return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
|
|
47
47
|
});
|
|
48
|
-
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n
|
|
48
|
+
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n\n ", ";\n\n ", "\n"])), function (_a) {
|
|
49
49
|
var theme = _a.theme;
|
|
50
50
|
return theme.ui_m_contentscontainer01_background;
|
|
51
51
|
}, function (_a) {
|
|
52
52
|
var containerColor = _a.containerColor;
|
|
53
53
|
return "background-color: " + containerColor;
|
|
54
54
|
}, overrideStyleContainer1);
|
|
55
|
-
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n
|
|
55
|
+
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
|
|
56
56
|
var areaColor = _a.areaColor;
|
|
57
57
|
return "background-color: " + areaColor;
|
|
58
58
|
});
|
|
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
|
|
|
45
45
|
var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
|
|
46
46
|
return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
|
|
47
47
|
});
|
|
48
|
-
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n
|
|
48
|
+
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n\n ", ";\n\n ", "\n"])), function (_a) {
|
|
49
49
|
var theme = _a.theme;
|
|
50
50
|
return theme.ui_m_contentscontainer01_background;
|
|
51
51
|
}, function (_a) {
|
|
52
52
|
var containerColor = _a.containerColor;
|
|
53
53
|
return "background-color: " + containerColor;
|
|
54
54
|
}, overrideStyleContainer1);
|
|
55
|
-
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n
|
|
55
|
+
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
|
|
56
56
|
var areaColor = _a.areaColor;
|
|
57
57
|
return "background-color: " + areaColor;
|
|
58
58
|
});
|
|
@@ -50,7 +50,7 @@ var overrideStyleContainer2 = (0, styled_components_1.css)(templateObject_2 || (
|
|
|
50
50
|
return overrideContainer2ColorKey && theme[overrideContainer2ColorKey];
|
|
51
51
|
});
|
|
52
52
|
var S_Box = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n height: 100%;\n"])));
|
|
53
|
-
var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n
|
|
53
|
+
var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n\n ", ";\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n\n ", ";\n ", ";\n\n ", "\n"])), function (_a) {
|
|
54
54
|
var theme = _a.theme;
|
|
55
55
|
return theme.ui_m_contentscontainer01_background;
|
|
56
56
|
}, function (_a) {
|
|
@@ -63,18 +63,18 @@ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (
|
|
|
63
63
|
var containerColor = _a.containerColor;
|
|
64
64
|
return "background-color: " + containerColor;
|
|
65
65
|
}, overrideStyleContainer1);
|
|
66
|
-
var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n
|
|
66
|
+
var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n flex: 1;\n height: 100%;\n\n ", ";\n\n ", "\n"])), function (_a) {
|
|
67
67
|
var theme = _a.theme;
|
|
68
68
|
return theme.ui_m_contentscontainer02_background;
|
|
69
69
|
}, function (_a) {
|
|
70
70
|
var containerColor = _a.containerColor;
|
|
71
71
|
return "background-color: " + containerColor;
|
|
72
72
|
}, overrideStyleContainer2);
|
|
73
|
-
var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n
|
|
73
|
+
var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
|
|
74
74
|
var areaColor = _a.areaColor;
|
|
75
75
|
return "background-color: " + areaColor;
|
|
76
76
|
});
|
|
77
|
-
var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: 100%;\n
|
|
77
|
+
var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: 100%;\n padding-bottom: 88px;\n ", ";\n"], ["\n height: 100%;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
|
|
78
78
|
var areaColor = _a.areaColor;
|
|
79
79
|
return "background-color: " + areaColor;
|
|
80
80
|
});
|
|
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
|
|
|
45
45
|
var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
|
|
46
46
|
return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
|
|
47
47
|
});
|
|
48
|
-
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n
|
|
48
|
+
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
|
|
49
49
|
var theme = _a.theme;
|
|
50
50
|
return theme.ui_m_contentscontainer01_background;
|
|
51
51
|
}, function (_a) {
|
|
52
52
|
var containerColor = _a.containerColor;
|
|
53
53
|
return "background-color: " + containerColor;
|
|
54
54
|
}, overrideStyleContainer1);
|
|
55
|
-
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n
|
|
55
|
+
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n ", ";\n"], ["\n ", ";\n ", ";\n"])), function (_a) {
|
|
56
56
|
var layoutType = _a.layoutType;
|
|
57
57
|
return ({
|
|
58
58
|
MSA_1: 'padding-bottom: 88px;',
|
|
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
|
|
|
45
45
|
var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
|
|
46
46
|
return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
|
|
47
47
|
});
|
|
48
|
-
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n
|
|
48
|
+
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
|
|
49
49
|
var theme = _a.theme;
|
|
50
50
|
return theme.ui_m_contentscontainer01_background;
|
|
51
51
|
}, function (_a) {
|
|
52
52
|
var containerColor = _a.containerColor;
|
|
53
53
|
return "background-color: " + containerColor;
|
|
54
54
|
}, overrideStyleContainer1);
|
|
55
|
-
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n
|
|
55
|
+
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding-bottom: 88px;\n ", ";\n"], ["\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
|
|
56
56
|
var areaColor = _a.areaColor;
|
|
57
57
|
return "background-color: " + areaColor;
|
|
58
58
|
});
|
|
@@ -50,7 +50,7 @@ var overrideStyleContainer2 = (0, styled_components_1.css)(templateObject_2 || (
|
|
|
50
50
|
return overrideContainer2ColorKey && theme[overrideContainer2ColorKey];
|
|
51
51
|
});
|
|
52
52
|
var S_Box = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n height: 100%;\n"])));
|
|
53
|
-
var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n
|
|
53
|
+
var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n\n ", ";\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n\n ", ";\n ", ";\n\n ", "\n"])), function (_a) {
|
|
54
54
|
var theme = _a.theme;
|
|
55
55
|
return theme.ui_m_contentscontainer01_background;
|
|
56
56
|
}, function (_a) {
|
|
@@ -63,18 +63,18 @@ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (
|
|
|
63
63
|
var containerColor = _a.containerColor;
|
|
64
64
|
return "background-color: " + containerColor;
|
|
65
65
|
}, overrideStyleContainer1);
|
|
66
|
-
var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n
|
|
66
|
+
var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n flex: 1;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
|
|
67
67
|
var theme = _a.theme;
|
|
68
68
|
return theme.ui_m_contentscontainer02_background;
|
|
69
69
|
}, function (_a) {
|
|
70
70
|
var containerColor = _a.containerColor;
|
|
71
71
|
return "background-color: " + containerColor;
|
|
72
72
|
}, overrideStyleContainer2);
|
|
73
|
-
var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n
|
|
73
|
+
var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
|
|
74
74
|
var areaColor = _a.areaColor;
|
|
75
75
|
return "background-color: " + areaColor;
|
|
76
76
|
});
|
|
77
|
-
var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n
|
|
77
|
+
var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n padding-bottom: 88px;\n ", ";\n"], ["\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
|
|
78
78
|
var areaColor = _a.areaColor;
|
|
79
79
|
return "background-color: " + areaColor;
|
|
80
80
|
});
|
|
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
|
|
|
45
45
|
var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
|
|
46
46
|
return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
|
|
47
47
|
});
|
|
48
|
-
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n
|
|
48
|
+
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n\n ", ";\n\n ", "\n"])), function (_a) {
|
|
49
49
|
var theme = _a.theme;
|
|
50
50
|
return theme.ui_m_contentscontainer01_background;
|
|
51
51
|
}, function (_a) {
|
|
52
52
|
var containerColor = _a.containerColor;
|
|
53
53
|
return "background-color: " + containerColor;
|
|
54
54
|
}, overrideStyleContainer1);
|
|
55
|
-
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n
|
|
55
|
+
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
|
|
56
56
|
var areaColor = _a.areaColor;
|
|
57
57
|
return "background-color: " + areaColor;
|
|
58
58
|
});
|
|
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
|
|
|
45
45
|
var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
|
|
46
46
|
return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
|
|
47
47
|
});
|
|
48
|
-
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n
|
|
48
|
+
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n\n ", ";\n\n ", "\n"])), function (_a) {
|
|
49
49
|
var theme = _a.theme;
|
|
50
50
|
return theme.ui_m_contentscontainer01_background;
|
|
51
51
|
}, function (_a) {
|
|
52
52
|
var containerColor = _a.containerColor;
|
|
53
53
|
return "background-color: " + containerColor;
|
|
54
54
|
}, overrideStyleContainer1);
|
|
55
|
-
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n
|
|
55
|
+
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
|
|
56
56
|
var areaColor = _a.areaColor;
|
|
57
57
|
return "background-color: " + areaColor;
|
|
58
58
|
});
|
|
@@ -50,7 +50,7 @@ var overrideStyleContainer2 = (0, styled_components_1.css)(templateObject_2 || (
|
|
|
50
50
|
return overrideContainer2ColorKey && theme[overrideContainer2ColorKey];
|
|
51
51
|
});
|
|
52
52
|
var S_Box = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n height: 100%;\n"])));
|
|
53
|
-
var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n
|
|
53
|
+
var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n\n ", ";\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n\n ", ";\n ", ";\n\n ", "\n"])), function (_a) {
|
|
54
54
|
var theme = _a.theme;
|
|
55
55
|
return theme.ui_m_contentscontainer01_background;
|
|
56
56
|
}, function (_a) {
|
|
@@ -63,18 +63,18 @@ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (
|
|
|
63
63
|
var containerColor = _a.containerColor;
|
|
64
64
|
return "background-color: " + containerColor;
|
|
65
65
|
}, overrideStyleContainer1);
|
|
66
|
-
var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n
|
|
66
|
+
var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n flex: 1;\n height: 100%;\n\n ", ";\n\n ", "\n"])), function (_a) {
|
|
67
67
|
var theme = _a.theme;
|
|
68
68
|
return theme.ui_m_contentscontainer02_background;
|
|
69
69
|
}, function (_a) {
|
|
70
70
|
var containerColor = _a.containerColor;
|
|
71
71
|
return "background-color: " + containerColor;
|
|
72
72
|
}, overrideStyleContainer2);
|
|
73
|
-
var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n
|
|
73
|
+
var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
|
|
74
74
|
var areaColor = _a.areaColor;
|
|
75
75
|
return "background-color: " + areaColor;
|
|
76
76
|
});
|
|
77
|
-
var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: 100%;\n
|
|
77
|
+
var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: 100%;\n padding-bottom: 88px;\n ", ";\n"], ["\n height: 100%;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
|
|
78
78
|
var areaColor = _a.areaColor;
|
|
79
79
|
return "background-color: " + areaColor;
|
|
80
80
|
});
|
|
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
|
|
|
45
45
|
var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
|
|
46
46
|
return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
|
|
47
47
|
});
|
|
48
|
-
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n
|
|
48
|
+
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
|
|
49
49
|
var theme = _a.theme;
|
|
50
50
|
return theme.ui_m_contentscontainer01_background;
|
|
51
51
|
}, function (_a) {
|
|
52
52
|
var containerColor = _a.containerColor;
|
|
53
53
|
return "background-color: " + containerColor;
|
|
54
54
|
}, overrideStyleContainer1);
|
|
55
|
-
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n height: 100%;\n
|
|
55
|
+
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n height: 100%;\n\n ", ";\n /* padding-bottom: 88px; */\n"], ["\n /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n height: 100%;\n\n ", ";\n /* padding-bottom: 88px; */\n"])), function (_a) {
|
|
56
56
|
var areaColor = _a.areaColor;
|
|
57
57
|
return "background-color: " + areaColor;
|
|
58
58
|
});
|
|
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
|
|
|
45
45
|
var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
|
|
46
46
|
return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
|
|
47
47
|
});
|
|
48
|
-
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n
|
|
48
|
+
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n\n ", ";\n\n ", "\n"])), function (_a) {
|
|
49
49
|
var theme = _a.theme;
|
|
50
50
|
return theme.ui_m_contentscontainer01_background;
|
|
51
51
|
}, function (_a) {
|
|
52
52
|
var containerColor = _a.containerColor;
|
|
53
53
|
return "background-color: " + containerColor;
|
|
54
54
|
}, overrideStyleContainer1);
|
|
55
|
-
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n
|
|
55
|
+
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
|
|
56
56
|
var areaColor = _a.areaColor;
|
|
57
57
|
return "background-color: " + areaColor;
|
|
58
58
|
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { DynamicLayoutProps } from './types';
|
|
3
|
-
declare function DynamicLayout({ device, mode, isPreview, sections, scrollDownTargetSectionId, editingSectionId, navigationHandler, sectionActionHandler, onClickEditSection }: DynamicLayoutProps): JSX.Element;
|
|
3
|
+
declare function DynamicLayout({ device, mode, isPreview, sections, scrollDownTargetSectionId, editingSectionId, navigationHandler, sectionActionHandler, onClickEditSection, programmedSectionComponents, programmedSectionPreviewData }: DynamicLayoutProps): JSX.Element;
|
|
4
4
|
export default DynamicLayout;
|
|
@@ -25,11 +25,19 @@ var EditModeSectionMatcher_1 = require("./components/EditModeSectionMatcher");
|
|
|
25
25
|
var SectionMatcher_1 = require("./components/SectionMatcher");
|
|
26
26
|
var dynamicLayoutContext_1 = require("./dynamicLayoutContext");
|
|
27
27
|
function DynamicLayout(_a) {
|
|
28
|
-
var device = _a.device, _b = _a.mode, mode = _b === void 0 ? 'NORMAL' : _b, isPreview = _a.isPreview, sections = _a.sections, scrollDownTargetSectionId = _a.scrollDownTargetSectionId, editingSectionId = _a.editingSectionId, navigationHandler = _a.navigationHandler, sectionActionHandler = _a.sectionActionHandler, onClickEditSection = _a.onClickEditSection;
|
|
28
|
+
var device = _a.device, _b = _a.mode, mode = _b === void 0 ? 'NORMAL' : _b, isPreview = _a.isPreview, sections = _a.sections, scrollDownTargetSectionId = _a.scrollDownTargetSectionId, editingSectionId = _a.editingSectionId, navigationHandler = _a.navigationHandler, sectionActionHandler = _a.sectionActionHandler, onClickEditSection = _a.onClickEditSection, programmedSectionComponents = _a.programmedSectionComponents, programmedSectionPreviewData = _a.programmedSectionPreviewData;
|
|
29
29
|
var filteredSortedSection = __spreadArray([], sections, true).filter(function (section) { return section.display; })
|
|
30
30
|
.sort(function (a, b) { return a.order - b.order; });
|
|
31
31
|
var iframeSection = filteredSortedSection.find(function (section) { return section.manifest.schema === 'EXP_IFRAME' && section.display; });
|
|
32
|
-
return ((0, jsx_runtime_1.jsxs)(dynamicLayoutContext_1.dynamicLayoutContext.Provider, __assign({ value: {
|
|
32
|
+
return ((0, jsx_runtime_1.jsxs)(dynamicLayoutContext_1.dynamicLayoutContext.Provider, __assign({ value: {
|
|
33
|
+
device: device,
|
|
34
|
+
mode: mode,
|
|
35
|
+
isPreview: isPreview,
|
|
36
|
+
navigationHandler: navigationHandler,
|
|
37
|
+
sectionActionHandler: sectionActionHandler,
|
|
38
|
+
programmedSectionComponents: programmedSectionComponents,
|
|
39
|
+
programmedSectionPreviewData: programmedSectionPreviewData
|
|
40
|
+
} }, { children: [mode === 'EDIT' && onClickEditSection && ((0, jsx_runtime_1.jsx)(EditModeSectionMatcher_1.EditModeSectionMatcher, { editingSectionId: editingSectionId, scrollDownTargetSectionId: scrollDownTargetSectionId, filteredSortedSection: filteredSortedSection, onClickEditSection: onClickEditSection }, void 0)), mode !== 'EDIT' &&
|
|
33
41
|
(iframeSection ? ((0, jsx_runtime_1.jsx)(SectionMatcher_1.SectionMatcher, __assign({}, iframeSection), iframeSection.id)) : (filteredSortedSection.map(function (section) { return (0, jsx_runtime_1.jsx)(SectionMatcher_1.SectionMatcher, __assign({}, section), section.id); })))] }), void 0));
|
|
34
42
|
}
|
|
35
43
|
exports.default = DynamicLayout;
|