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
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import type { PDSTextType } from '
|
2
|
+
import type { PDSTextType } from '../../../common/types';
|
3
3
|
type ColumnWidthType = 'small' | 'medium' | 'large' | 'xlarge';
|
4
4
|
type Props = {
|
5
5
|
selectionMode: 'none' | 'single' | 'multi';
|
@@ -39,8 +39,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
39
39
|
};
|
40
40
|
Object.defineProperty(exports, "__esModule", { value: true });
|
41
41
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
42
|
-
var components_1 = require("
|
43
|
-
var components_2 = require("
|
42
|
+
var components_1 = require("../../../desktop/components");
|
43
|
+
var components_2 = require("../../../hybrid/components");
|
44
44
|
var styled_components_1 = __importStar(require("styled-components"));
|
45
45
|
function HeaderRow(_a) {
|
46
46
|
var _b = _a.selectionMode, selectionMode = _b === void 0 ? 'multi' : _b, column2HeaderText = _a.column2HeaderText, column3HeaderText = _a.column3HeaderText, _c = _a.column3HeaderWidth, column3HeaderWidth = _c === void 0 ? 'small' : _c, column4HeaderText = _a.column4HeaderText, _d = _a.column4HeaderWidth, column4HeaderWidth = _d === void 0 ? 'small' : _d, column5HeaderText = _a.column5HeaderText, _e = _a.column5HeaderWidth, column5HeaderWidth = _e === void 0 ? 'small' : _e, column6HeaderText = _a.column6HeaderText, _f = _a.column6HeaderWidth, column6HeaderWidth = _f === void 0 ? 'small' : _f, column7HeaderText = _a.column7HeaderText, _g = _a.column7HeaderWidth, column7HeaderWidth = _g === void 0 ? 'small' : _g, column8HeaderText = _a.column8HeaderText, _h = _a.column8HeaderWidth, column8HeaderWidth = _h === void 0 ? 'small' : _h, column9HeaderText = _a.column9HeaderText, _j = _a.column9HeaderWidth, column9HeaderWidth = _j === void 0 ? 'small' : _j, column10HeaderText = _a.column10HeaderText, _k = _a.column10HeaderWidth, column10HeaderWidth = _k === void 0 ? 'small' : _k, _l = _a.quickActionBtnType, quickActionBtnType = _l === void 0 ? 'fix' : _l, _m = _a.quickActionButtonCount, quickActionButtonCount = _m === void 0 ? 2 : _m, _o = _a.headerRowCheckboxName, headerRowCheckboxName = _o === void 0 ? 'all' : _o, _p = _a.flexibleHideInfoMode, flexibleHideInfoMode = _p === void 0 ? 'use' : _p, onClickSelectAllCheckbox = _a.onClickSelectAllCheckbox;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import type { PDSTextType, AdminListDropdownValueOption } from '
|
2
|
+
import type { PDSTextType, AdminListDropdownValueOption } from '../../../common/types';
|
3
3
|
type Props = {
|
4
4
|
headerBarSize?: 'regular' | 'small';
|
5
5
|
headerBarTitleText?: PDSTextType;
|
@@ -19,8 +19,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
19
19
|
};
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
21
21
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
22
|
-
var components_1 = require("
|
23
|
-
var components_2 = require("
|
22
|
+
var components_1 = require("../../../desktop/components");
|
23
|
+
var components_2 = require("../../../hybrid/components");
|
24
24
|
var styled_components_1 = __importDefault(require("styled-components"));
|
25
25
|
var HeaderBar_1 = __importDefault(require("./HeaderBar"));
|
26
26
|
var defaultPaginationTextArray = [
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import type { PDSTextType, AdminListDropdownValueOption } from '
|
2
|
+
import type { PDSTextType, AdminListDropdownValueOption } from '../../../common/types';
|
3
3
|
type Props = {
|
4
4
|
titleText?: PDSTextType;
|
5
5
|
tooltipText?: PDSTextType;
|
@@ -40,8 +40,8 @@ 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_i18next_1 = require("react-i18next");
|
43
|
-
var components_1 = require("
|
44
|
-
var components_2 = require("
|
43
|
+
var components_1 = require("../../../desktop/components");
|
44
|
+
var components_2 = require("../../../hybrid/components");
|
45
45
|
var styled_components_1 = __importStar(require("styled-components"));
|
46
46
|
function HeaderBar(_a) {
|
47
47
|
var titleText = _a.titleText, tooltipText = _a.tooltipText, _b = _a.size, size = _b === void 0 ? 'regular' : _b, _c = _a.currentPage, currentPage = _c === void 0 ? 1 : _c, _d = _a.totalPage, totalPage = _d === void 0 ? 1 : _d, dropdownTextArray = _a.dropdownTextArray, dropdownDefaultValue = _a.dropdownDefaultValue, onChangeDropdown = _a.onChangeDropdown, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import type { PDSTextType } from '
|
2
|
+
import type { PDSTextType } from '../../../common/types';
|
3
3
|
type ColumnWidthType = 'small' | 'medium' | 'large' | 'xlarge';
|
4
4
|
type ColumnTextType = 'normal' | 'active' | 'active2' | 'inactive' | 'report' | 'report2';
|
5
5
|
export type AdminListItemProps = {
|
@@ -41,9 +41,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
41
41
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
42
42
|
var react_1 = require("react");
|
43
43
|
var react_hook_form_1 = require("react-hook-form");
|
44
|
-
var transitionStyle_1 = require("
|
45
|
-
var components_1 = require("
|
46
|
-
var components_2 = require("
|
44
|
+
var transitionStyle_1 = require("../../../common/styles/movement/transitionStyle");
|
45
|
+
var components_1 = require("../../../desktop/components");
|
46
|
+
var components_2 = require("../../../hybrid/components");
|
47
47
|
var styled_components_1 = __importStar(require("styled-components"));
|
48
48
|
var AdminListItem = (0, react_1.forwardRef)(function (_a, ref) {
|
49
49
|
var _b = _a.rowSize, rowSize = _b === void 0 ? 'medium' : _b, _c = _a.selectionMode, selectionMode = _c === void 0 ? 'multi' : _c, _d = _a.column2Type, column2Type = _d === void 0 ? 'image_text' : _d, imageSrc = _a.imageSrc, _e = _a.imageShapeType, imageShapeType = _e === void 0 ? 'rectangle' : _e, _f = _a.imageScaleType, imageScaleType = _f === void 0 ? 'cover' : _f, _g = _a.imageRadius, imageRadius = _g === void 0 ? 8 : _g, _h = _a.imageRatio, imageRatio = _h === void 0 ? '16_9' : _h, column2Text = _a.column2Text, column3Text = _a.column3Text, _j = _a.column3TextWidth, column3TextWidth = _j === void 0 ? 'small' : _j, _k = _a.column3TextStyleTheme, column3TextStyleTheme = _k === void 0 ? 'normal' : _k, column4Text = _a.column4Text, _l = _a.column4TextWidth, column4TextWidth = _l === void 0 ? 'small' : _l, _m = _a.column4TextStyleTheme, column4TextStyleTheme = _m === void 0 ? 'normal' : _m, column5Text = _a.column5Text, _o = _a.column5TextWidth, column5TextWidth = _o === void 0 ? 'small' : _o, _p = _a.column5TextStyleTheme, column5TextStyleTheme = _p === void 0 ? 'normal' : _p, column6Text = _a.column6Text, _q = _a.column6TextWidth, column6TextWidth = _q === void 0 ? 'small' : _q, _r = _a.column6TextStyleTheme, column6TextStyleTheme = _r === void 0 ? 'normal' : _r, column7Text = _a.column7Text, _s = _a.column7TextWidth, column7TextWidth = _s === void 0 ? 'small' : _s, _t = _a.column7TextStyleTheme, column7TextStyleTheme = _t === void 0 ? 'normal' : _t, column8Text = _a.column8Text, _u = _a.column8TextWidth, column8TextWidth = _u === void 0 ? 'small' : _u, _v = _a.column8TextStyleTheme, column8TextStyleTheme = _v === void 0 ? 'normal' : _v, column9Text = _a.column9Text, _w = _a.column9TextWidth, column9TextWidth = _w === void 0 ? 'small' : _w, _x = _a.column9TextStyleTheme, column9TextStyleTheme = _x === void 0 ? 'normal' : _x, column10Text = _a.column10Text, _y = _a.column10TextWidth, column10TextWidth = _y === void 0 ? 'small' : _y, _z = _a.column10TextStyleTheme, column10TextStyleTheme = _z === void 0 ? 'normal' : _z, _0 = _a.quickActionBtnMode, quickActionBtnMode = _0 === void 0 ? 'btn_amount2' : _0, quickActionBtn1Text = _a.quickActionBtn1Text, quickActionBtn2Text = _a.quickActionBtn2Text, quickActionBtn3Text = _a.quickActionBtn3Text, _1 = _a.quickActionBtnType, quickActionBtnType = _1 === void 0 ? 'fix' : _1, _2 = _a.quickActionBtn1State, quickActionBtn1State = _2 === void 0 ? 'normal' : _2, _3 = _a.quickActionBtn2State, quickActionBtn2State = _3 === void 0 ? 'normal' : _3, _4 = _a.quickActionBtn3State, quickActionBtn3State = _4 === void 0 ? 'normal' : _4, _5 = _a.selectedState, selectedState = _5 === void 0 ? 'basic' : _5, id = _a.id, _6 = _a.flexibleHideInfoMode, flexibleHideInfoMode = _6 === void 0 ? 'use' : _6, onClickQuickActionBtn1 = _a.onClickQuickActionBtn1, onClickQuickActionBtn2 = _a.onClickQuickActionBtn2, onClickQuickActionBtn3 = _a.onClickQuickActionBtn3, onClickItem = _a.onClickItem;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import type { PDSTextType, AdminListDropdownValueOption } from '
|
2
|
+
import type { PDSTextType, AdminListDropdownValueOption } from '../../../common/types';
|
3
3
|
type Props = {
|
4
4
|
itemCount?: number;
|
5
5
|
dropdownMode?: 'none' | 'dropdown_amount1' | 'dropdown_amount2' | 'dropdown_amount3';
|
@@ -9,8 +9,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
10
10
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
11
11
|
var react_i18next_1 = require("react-i18next");
|
12
|
-
var components_1 = require("
|
13
|
-
var components_2 = require("
|
12
|
+
var components_1 = require("../../../desktop/components");
|
13
|
+
var components_2 = require("../../../hybrid/components");
|
14
14
|
var styled_components_1 = __importDefault(require("styled-components"));
|
15
15
|
function BulkActionBar(_a) {
|
16
16
|
var itemCount = _a.itemCount, _b = _a.dropdownMode, dropdownMode = _b === void 0 ? 'dropdown_amount1' : _b, dropdown1Value = _a.dropdown1Value, dropdown2Value = _a.dropdown2Value, dropdown3Value = _a.dropdown3Value, dropdown1DefaultText = _a.dropdown1DefaultText, dropdown2DefaultText = _a.dropdown2DefaultText, dropdown3DefaultText = _a.dropdown3DefaultText, dropdown1HintText = _a.dropdown1HintText, dropdown2HintText = _a.dropdown2HintText, dropdown3HintText = _a.dropdown3HintText, dropdown1ValueArray = _a.dropdown1ValueArray, dropdown2ValueArray = _a.dropdown2ValueArray, dropdown3ValueArray = _a.dropdown3ValueArray, tBtnMode = _a.tBtnMode, tBtn1Text = _a.tBtn1Text, tBtn2Text = _a.tBtn2Text, tBtn3Text = _a.tBtn3Text, onChangeDropdown1 = _a.onChangeDropdown1, onChangeDropdown2 = _a.onChangeDropdown2, onChangeDropdown3 = _a.onChangeDropdown3, onClickTBtn1 = _a.onClickTBtn1, onClickTBtn2 = _a.onClickTBtn2, onClickTBtn3 = _a.onClickTBtn3;
|
@@ -8,7 +8,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
8
8
|
};
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
10
10
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
11
|
-
var components_1 = require("
|
11
|
+
var components_1 = require("../../../desktop/components");
|
12
12
|
var styled_components_1 = __importDefault(require("styled-components"));
|
13
13
|
function ChipList(_a) {
|
14
14
|
var textArray = _a.textArray, value = _a.value, onClickChip = _a.onClickChip;
|
@@ -41,10 +41,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
41
41
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
42
42
|
var react_1 = require("react");
|
43
43
|
var react_hook_form_1 = require("react-hook-form");
|
44
|
-
var styles_1 = require("
|
45
|
-
var components_1 = require("
|
46
|
-
var components_2 = require("
|
47
|
-
var components_3 = require("
|
44
|
+
var styles_1 = require("../../../common/styles");
|
45
|
+
var components_1 = require("../../../desktop/common/components");
|
46
|
+
var components_2 = require("../../../desktop/components");
|
47
|
+
var components_3 = require("../../../hybrid/components");
|
48
48
|
var styled_components_1 = __importStar(require("styled-components"));
|
49
49
|
function SearchField(_a) {
|
50
50
|
var name = _a.name, hintText = _a.hintText, defaultText = _a.defaultText, _b = _a.responsiveMode, responsiveMode = _b === void 0 ? 'none' : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, customWidth = _a.customWidth, _d = _a.arrowBtnMode, arrowBtnMode = _d === void 0 ? 'use' : _d, onTarget = _a.onTarget, onClickArrowIBtn = _a.onClickArrowIBtn, onClickSearchIBtn = _a.onClickSearchIBtn;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import type { DropdownValueOption, PDSIconType, PDSTextType, PDSValueOption } from '
|
2
|
+
import type { DropdownValueOption, PDSIconType, PDSTextType, PDSValueOption } from '../../../common/types';
|
3
3
|
type Props = {
|
4
4
|
searchFieldHintText?: PDSTextType;
|
5
5
|
searchFieldDefaultText?: PDSTextType;
|
@@ -21,9 +21,9 @@ 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_hook_form_1 = require("react-hook-form");
|
24
|
-
var components_1 = require("
|
25
|
-
var components_2 = require("
|
26
|
-
var components_3 = require("
|
24
|
+
var components_1 = require("../../../common/components");
|
25
|
+
var components_2 = require("../../../desktop/components");
|
26
|
+
var components_3 = require("../../../hybrid/components");
|
27
27
|
var styled_components_1 = __importDefault(require("styled-components"));
|
28
28
|
var ChipList_1 = __importDefault(require("./ChipList"));
|
29
29
|
var SearchField_1 = __importDefault(require("./SearchField"));
|
@@ -0,0 +1,11 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import type { ComponentBlock } from '../sections/CustomSection/types';
|
3
|
+
import type { Device } from '../sections/CustomSection/util/types';
|
4
|
+
type Props = {
|
5
|
+
cbProps: ComponentBlock;
|
6
|
+
device: Device;
|
7
|
+
index: number;
|
8
|
+
rowHeight: number;
|
9
|
+
};
|
10
|
+
export default function ComponentBlockMatcher({ cbProps, device, index, rowHeight }: Props): JSX.Element;
|
11
|
+
export {};
|
@@ -0,0 +1,56 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
3
|
+
__assign = Object.assign || function(t) {
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
+
s = arguments[i];
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
+
t[p] = s[p];
|
8
|
+
}
|
9
|
+
return t;
|
10
|
+
};
|
11
|
+
return __assign.apply(this, arguments);
|
12
|
+
};
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
15
|
+
};
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
18
|
+
var Button_1 = __importDefault(require("../sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button"));
|
19
|
+
var Divider_1 = __importDefault(require("../sections/CustomSection/components/ComponentBlock/componentBlocks/Divider/Divider"));
|
20
|
+
var Embed_1 = __importDefault(require("../sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/Embed"));
|
21
|
+
var Image_1 = __importDefault(require("../sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image"));
|
22
|
+
var RichText_1 = require("../sections/CustomSection/components/ComponentBlock/componentBlocks/RichText");
|
23
|
+
var Text_1 = __importDefault(require("../sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text"));
|
24
|
+
var Twitter_1 = __importDefault(require("../sections/CustomSection/components/ComponentBlock/componentBlocks/Twitter/Twitter"));
|
25
|
+
var Youtube_1 = require("../sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube");
|
26
|
+
var newUtils_1 = require("../sections/CustomSection/newUtils");
|
27
|
+
var types_1 = require("../sections/CustomSection/types");
|
28
|
+
function ComponentBlockMatcher(_a) {
|
29
|
+
var cbProps = _a.cbProps, device = _a.device, index = _a.index, rowHeight = _a.rowHeight;
|
30
|
+
var componentBlockCode = cbProps.componentBlockCode, data = cbProps.jsonProperties.data;
|
31
|
+
var propsWithValue = device === 'MOBILE' ? (0, newUtils_1.replaceUndefinedValues)(data) : data;
|
32
|
+
switch (componentBlockCode) {
|
33
|
+
case types_1.CB_ALL_CODES.CB_BTN:
|
34
|
+
return (0, jsx_runtime_1.jsx)(Button_1.default, __assign({}, propsWithValue, { index: index }));
|
35
|
+
case types_1.CB_ALL_CODES.CB_TEXT:
|
36
|
+
return (0, jsx_runtime_1.jsx)(Text_1.default, __assign({}, propsWithValue, { index: index }));
|
37
|
+
case types_1.CB_ALL_CODES.CB_RICHTEXT:
|
38
|
+
return (0, jsx_runtime_1.jsx)(RichText_1.RichText, __assign({}, propsWithValue, { index: index }));
|
39
|
+
case types_1.CB_ALL_CODES.CB_DIVIDER:
|
40
|
+
return (0, jsx_runtime_1.jsx)(Divider_1.default, __assign({}, propsWithValue, { index: index }));
|
41
|
+
case types_1.CB_ALL_CODES.CB_IMG:
|
42
|
+
return (0, jsx_runtime_1.jsx)(Image_1.default, __assign({}, propsWithValue, { index: index }));
|
43
|
+
case types_1.CB_ALL_CODES.CB_TWITTER:
|
44
|
+
return (0, jsx_runtime_1.jsx)(Twitter_1.default, __assign({}, propsWithValue, { index: index }));
|
45
|
+
case types_1.CB_ALL_CODES.CB_YOUTUBE:
|
46
|
+
return (0, jsx_runtime_1.jsx)(Youtube_1.Youtube, __assign({}, propsWithValue, { index: index }));
|
47
|
+
case types_1.CB_ALL_CODES.CB_EMBED:
|
48
|
+
return (0, jsx_runtime_1.jsx)(Embed_1.default, __assign({}, propsWithValue, { index: index }));
|
49
|
+
case types_1.CB_ALL_CODES.CB_CONTENTS_CAROUSEL: {
|
50
|
+
return (0, jsx_runtime_1.jsx)("div", { children: "NOT SUPPORTED NESTED CAROUSEL" });
|
51
|
+
}
|
52
|
+
default:
|
53
|
+
return (0, jsx_runtime_1.jsx)("div", { children: "Error: not supported CB" });
|
54
|
+
}
|
55
|
+
}
|
56
|
+
exports.default = ComponentBlockMatcher;
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import type { ISection } from '../types';
|
3
|
+
import type { Layout } from 'publ-echo/dist/lib/GridLayoutEditor/types';
|
4
|
+
export type LayoutsType = {
|
5
|
+
sm: Layout;
|
6
|
+
lg: Layout;
|
7
|
+
};
|
8
|
+
export type CustomSectionImperativeHandleRef = {
|
9
|
+
selectCB: (cbId: number | 'BULK') => void;
|
10
|
+
selectCBInBulk: (cbIds: string[]) => void;
|
11
|
+
};
|
12
|
+
declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ISection & React.RefAttributes<unknown>>>;
|
13
|
+
export default _default;
|
@@ -44,21 +44,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
44
44
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
45
45
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
46
46
|
var react_1 = __importStar(require("react"));
|
47
|
-
var ErrorBoundary_1 = require("
|
48
|
-
var dynamicLayoutContext_1 = require("
|
47
|
+
var ErrorBoundary_1 = require("../../DynamicLayout/components/Section/ErrorBoundary");
|
48
|
+
var dynamicLayoutContext_1 = require("../../DynamicLayout/dynamicLayoutContext");
|
49
49
|
var styled_components_1 = __importDefault(require("styled-components"));
|
50
|
-
var components_1 = require("
|
51
|
-
var
|
50
|
+
var components_1 = require("../components");
|
51
|
+
var gleStyles_1 = require("../gleStyles");
|
52
|
+
var useResizableObserver_1 = require("../sections/CustomSection/hooks/useResizableObserver");
|
53
|
+
var util_1 = require("../sections/CustomSection/util");
|
54
|
+
var parseSectionPadding_1 = __importDefault(require("../sections/CustomSection/util/layoutPropParsers/parseSectionPadding"));
|
52
55
|
var FlexGridItem_1 = __importDefault(require("./FlexGridItem"));
|
53
|
-
var useResizableObserver_1 = require("./hooks/useResizableObserver");
|
54
|
-
var util_1 = require("./util");
|
55
|
-
var parseSectionPadding_1 = __importDefault(require("./util/layoutPropParsers/parseSectionPadding"));
|
56
56
|
var GRID_CELL_MIN = 24;
|
57
57
|
var DESKTOP_GRID_COLS = 24;
|
58
58
|
var MOBILE_GRID_COLS = 8;
|
59
59
|
var GLE_MIN_WIDTH_DESKTOP_PX = "".concat(GRID_CELL_MIN * DESKTOP_GRID_COLS, "px");
|
60
60
|
var GLE_MIN_WIDTH_MOBILE_PX = "".concat(GRID_CELL_MIN * MOBILE_GRID_COLS, "px");
|
61
|
-
var
|
61
|
+
var Composition = (0, react_1.forwardRef)(function CustomSection(props, ref) {
|
62
62
|
var _a;
|
63
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
64
|
var componentBlocks = props.componentBlocks, jsonProperties = props.jsonProperties;
|
@@ -184,7 +184,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
|
|
184
184
|
}
|
185
185
|
return 16;
|
186
186
|
})();
|
187
|
-
return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(
|
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
188
|
minHeight: customSectionStyles.minHeight,
|
189
189
|
paddingTop: padding.top,
|
190
190
|
paddingBottom: padding.bottom,
|
@@ -202,7 +202,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
|
|
202
202
|
});
|
203
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
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(
|
205
|
+
exports.default = react_1.default.memo(Composition);
|
206
206
|
function getDefensiveFontSize(device, width) {
|
207
207
|
if (device === 'MOBILE') {
|
208
208
|
return width * (0.0000868 * width + 0.0202);
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import {
|
2
|
+
import type { IComposition } from '../../DynamicLayout/types';
|
3
3
|
declare function CompositionRenderer({ compositions }: {
|
4
|
-
compositions:
|
4
|
+
compositions: IComposition[];
|
5
5
|
}): JSX.Element;
|
6
6
|
export default CompositionRenderer;
|
@@ -16,10 +16,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
17
17
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
18
18
|
require("react");
|
19
|
-
require("
|
20
|
-
var FlexGridCustomSection_1 = __importDefault(require("../FlexGridCustomSection"));
|
19
|
+
var Composition_1 = __importDefault(require("./Composition"));
|
21
20
|
function CompositionRenderer(_a) {
|
22
21
|
var compositions = _a.compositions;
|
23
|
-
return ((0, jsx_runtime_1.jsx)("div", { children: compositions.map(function (composition) { return ((0, jsx_runtime_1.jsx)(
|
22
|
+
return ((0, jsx_runtime_1.jsx)("div", { children: compositions.map(function (composition) { return ((0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, composition), composition.id)); }) }));
|
24
23
|
}
|
25
24
|
exports.default = CompositionRenderer;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import type { ComponentBlock } from '../sections/CustomSection/types';
|
3
|
+
import type { Device } from '../sections/CustomSection/util/types';
|
4
|
+
type Props = {
|
5
|
+
cb: ComponentBlock;
|
6
|
+
index: number;
|
7
|
+
device: Device;
|
8
|
+
rowHeight: number;
|
9
|
+
zIndex: number;
|
10
|
+
};
|
11
|
+
declare function FlexGridItem({ cb, index, device, rowHeight, zIndex }: Props): JSX.Element;
|
12
|
+
export default FlexGridItem;
|
@@ -0,0 +1,75 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
4
|
+
return cooked;
|
5
|
+
};
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
7
|
+
__assign = Object.assign || function(t) {
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
9
|
+
s = arguments[i];
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
11
|
+
t[p] = s[p];
|
12
|
+
}
|
13
|
+
return t;
|
14
|
+
};
|
15
|
+
return __assign.apply(this, arguments);
|
16
|
+
};
|
17
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
18
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
19
|
+
};
|
20
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
21
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
22
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
23
|
+
var ComponentBlockMatcher_1 = __importDefault(require("./ComponentBlockMatcher"));
|
24
|
+
var gap = 10;
|
25
|
+
function FlexGridItem(_a) {
|
26
|
+
var cb = _a.cb, index = _a.index, device = _a.device, rowHeight = _a.rowHeight, zIndex = _a.zIndex;
|
27
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
28
|
+
var defaultHeight = getMaxHeight(cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, device, rowHeight);
|
29
|
+
var gridArea = getGridAreaFromCB(cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, device);
|
30
|
+
// const zIndex =
|
31
|
+
// device === 'DESKTOP'
|
32
|
+
// ? cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX
|
33
|
+
// : cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT[
|
34
|
+
// 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE'
|
35
|
+
// ];
|
36
|
+
return ((0, jsx_runtime_1.jsx)(GridItem, __assign({ style: {
|
37
|
+
zIndex: zIndex,
|
38
|
+
gridArea: gridArea
|
39
|
+
// maxHeight: cb.componentBlockCode !== CB_ALL_CODES.CB_TEXT ? defaultHeight : undefined
|
40
|
+
} }, { children: (0, jsx_runtime_1.jsx)(ComponentBlockMatcher_1.default, { rowHeight: rowHeight, cbProps: cb, device: device, index: index }) })));
|
41
|
+
}
|
42
|
+
var GridItem = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: auto;\n word-break: break-word;\n"], ["\n height: auto;\n word-break: break-word;\n"])));
|
43
|
+
function getMaxHeight(props, device, rowHeight) {
|
44
|
+
if (device === 'DESKTOP') {
|
45
|
+
var CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS;
|
46
|
+
var height_1 = CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS * rowHeight +
|
47
|
+
(CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS - 1) * gap;
|
48
|
+
return height_1;
|
49
|
+
}
|
50
|
+
var rowsMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE'];
|
51
|
+
var height = rowsMobile * rowHeight + (rowsMobile - 1) * gap;
|
52
|
+
return height;
|
53
|
+
}
|
54
|
+
function getGridAreaFromCB(props, device) {
|
55
|
+
var CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX, CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY, cols = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS, rows = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS;
|
56
|
+
if (device === 'DESKTOP') {
|
57
|
+
var colStart_1 = CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX + 1;
|
58
|
+
var rowStart_1 = CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY + 1;
|
59
|
+
var rowEnd_1 = rows + rowStart_1;
|
60
|
+
var colEnd_1 = cols + colStart_1;
|
61
|
+
// <grid-row-start> / <grid-column-start> / <grid-row-end> / <grid-column-end>;
|
62
|
+
return "".concat(rowStart_1, " / ").concat(colStart_1, " / ").concat(rowEnd_1, " / ").concat(colEnd_1);
|
63
|
+
}
|
64
|
+
var startXMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE'];
|
65
|
+
var startYMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE'];
|
66
|
+
var colsMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE'];
|
67
|
+
var rowsMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE'];
|
68
|
+
var colStart = startXMobile + 1;
|
69
|
+
var rowStart = startYMobile + 1;
|
70
|
+
var rowEnd = rowsMobile + rowStart;
|
71
|
+
var colEnd = colsMobile + colStart;
|
72
|
+
return "".concat(rowStart, " / ").concat(colStart, " / ").concat(rowEnd, " / ").concat(colEnd);
|
73
|
+
}
|
74
|
+
exports.default = FlexGridItem;
|
75
|
+
var templateObject_1;
|
package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/EditModeSectionMatcher.js
CHANGED
@@ -27,7 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
27
27
|
Object.defineProperty(exports, "__esModule", { value: true });
|
28
28
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
29
29
|
var react_1 = require("react");
|
30
|
-
var sections_1 = require("
|
30
|
+
var sections_1 = require("../../../DynamicLayout/sections");
|
31
31
|
var SectionBox_1 = __importDefault(require("./SectionBox"));
|
32
32
|
function EditModeSectionMatcher(_a) {
|
33
33
|
var filteredSortedSection = _a.filteredSortedSection, scrollDownTargetSectionId = _a.scrollDownTargetSectionId, editingSectionId = _a.editingSectionId, dynamicLayoutRef = _a.dynamicLayoutRef, onClickEditSection = _a.onClickEditSection;
|
@@ -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 util_1 = require("
|
24
|
-
var isNullOrUndefined_1 = __importDefault(require("
|
23
|
+
var util_1 = require("../../../../DynamicLayout/sections/CustomSection/util");
|
24
|
+
var isNullOrUndefined_1 = __importDefault(require("../../../../DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
|
25
25
|
var styled_components_1 = __importDefault(require("styled-components"));
|
26
26
|
var sectionContext_1 = require("../sectionContext");
|
27
27
|
var CustomSectionBackgroundMedia_1 = require("./CustomSectionBackgroundMedia");
|
package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.d.ts
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
import { MutableRefObject } from 'react';
|
2
2
|
import { CSSProperties } from 'styled-components';
|
3
|
-
import type { Device } from '
|
4
|
-
import type { CB_STYLE_PROP_BGMEDIA_SPECS } from '
|
3
|
+
import type { Device } from '../../../../DynamicLayout/sections/CustomSection/util/types';
|
4
|
+
import type { CB_STYLE_PROP_BGMEDIA_SPECS } from '../../../../DynamicLayout/types';
|
5
5
|
type Props = {
|
6
6
|
specs: CB_STYLE_PROP_BGMEDIA_SPECS;
|
7
7
|
playerId: number;
|
package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js
CHANGED
@@ -41,7 +41,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
41
41
|
exports.CustomSectionBackgroundMedia = void 0;
|
42
42
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
43
43
|
var react_1 = require("react");
|
44
|
-
var utils_1 = require("
|
44
|
+
var utils_1 = require("../../../../DynamicLayout/utils");
|
45
45
|
var styled_components_1 = __importStar(require("styled-components"));
|
46
46
|
var YouTubeIframe_1 = require("../../YouTubeIframe");
|
47
47
|
var util_1 = require("../util");
|
package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
import type { Device } from '
|
2
|
-
import type { CB_STYLE_PROP_BGMEDIA_SPECS } from '
|
1
|
+
import type { Device } from '../../../../DynamicLayout/sections/CustomSection/util/types';
|
2
|
+
import type { CB_STYLE_PROP_BGMEDIA_SPECS } from '../../../../DynamicLayout/types';
|
3
3
|
type SpecKeys = keyof Omit<CB_STYLE_PROP_BGMEDIA_SPECS, 'CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY'>;
|
4
4
|
type ValueSetType = Partial<Record<SpecKeys, string | number | boolean | undefined>>;
|
5
5
|
export default function UseCustomSectionBackgroundMediaData(specs: CB_STYLE_PROP_BGMEDIA_SPECS, device: Device): ValueSetType;
|
package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.js
CHANGED
@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
15
15
|
};
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
17
|
-
var isNullOrUndefined_1 = __importDefault(require("
|
17
|
+
var isNullOrUndefined_1 = __importDefault(require("../../../../DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
|
18
18
|
var AVAILABLE_SPECS = [
|
19
19
|
'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC',
|
20
20
|
'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE',
|
@@ -26,8 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
26
|
};
|
27
27
|
Object.defineProperty(exports, "__esModule", { value: true });
|
28
28
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
29
|
-
|
30
|
-
var FlexGridCustomSection_1 = __importDefault(require("@sub/DynamicLayout/sections/CustomSection/FlexGridCustomSection"));
|
29
|
+
var FlexGridCustomSection_1 = __importDefault(require("../../../DynamicLayout/sections/FlexGridCustomSection"));
|
31
30
|
var sections_1 = require("../../sections");
|
32
31
|
function SectionMatcher(_a) {
|
33
32
|
var props = __rest(_a, []);
|