pds-dev-kit-web-test 2.5.134 → 2.5.136
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/CompositionRenderer/Composition.js +212 -0
- 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/{CustomSection/FlexGridCustomSection.js → FlexGridCustomSection.js} +11 -11
- 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;
|
@@ -0,0 +1,212 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
4
|
+
return cooked;
|
5
|
+
};
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
7
|
+
__assign = Object.assign || function(t) {
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
9
|
+
s = arguments[i];
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
11
|
+
t[p] = s[p];
|
12
|
+
}
|
13
|
+
return t;
|
14
|
+
};
|
15
|
+
return __assign.apply(this, arguments);
|
16
|
+
};
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
18
|
+
if (k2 === undefined) k2 = k;
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
22
|
+
}
|
23
|
+
Object.defineProperty(o, k2, desc);
|
24
|
+
}) : (function(o, m, k, k2) {
|
25
|
+
if (k2 === undefined) k2 = k;
|
26
|
+
o[k2] = m[k];
|
27
|
+
}));
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
30
|
+
}) : function(o, v) {
|
31
|
+
o["default"] = v;
|
32
|
+
});
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
34
|
+
if (mod && mod.__esModule) return mod;
|
35
|
+
var result = {};
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
37
|
+
__setModuleDefault(result, mod);
|
38
|
+
return result;
|
39
|
+
};
|
40
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
41
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
42
|
+
};
|
43
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
44
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
45
|
+
/* eslint-disable @typescript-eslint/no-unused-vars */
|
46
|
+
var react_1 = __importStar(require("react"));
|
47
|
+
var ErrorBoundary_1 = require("../../DynamicLayout/components/Section/ErrorBoundary");
|
48
|
+
var dynamicLayoutContext_1 = require("../../DynamicLayout/dynamicLayoutContext");
|
49
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
50
|
+
var components_1 = require("../components");
|
51
|
+
var gleStyles_1 = require("../gleStyles");
|
52
|
+
var 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"));
|
55
|
+
var FlexGridItem_1 = __importDefault(require("./FlexGridItem"));
|
56
|
+
var GRID_CELL_MIN = 24;
|
57
|
+
var DESKTOP_GRID_COLS = 24;
|
58
|
+
var MOBILE_GRID_COLS = 8;
|
59
|
+
var GLE_MIN_WIDTH_DESKTOP_PX = "".concat(GRID_CELL_MIN * DESKTOP_GRID_COLS, "px");
|
60
|
+
var GLE_MIN_WIDTH_MOBILE_PX = "".concat(GRID_CELL_MIN * MOBILE_GRID_COLS, "px");
|
61
|
+
var Composition = (0, react_1.forwardRef)(function CustomSection(props, ref) {
|
62
|
+
var _a;
|
63
|
+
var _b = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _b.device, editingSectionId = _b.editingSectionId, mode = _b.mode, shortcutKeyMode = _b.shortcutKeyMode, sectionActionHandler = _b.sectionActionHandler;
|
64
|
+
var componentBlocks = props.componentBlocks, jsonProperties = props.jsonProperties;
|
65
|
+
var _c = jsonProperties, _d = _c.data, CB_PLACEMENT_PROP_SECTION = _d.CB_PLACEMENT_PROP_SECTION, CB_LAYOUT_PROP_PADDING = _d.CB_LAYOUT_PROP_PADDING, zOrders = _c.zOrders;
|
66
|
+
var containerRef = (0, react_1.useRef)(null);
|
67
|
+
var size = (0, useResizableObserver_1.useResizeObserver)({ ref: containerRef, box: 'border-box' });
|
68
|
+
var _e = (0, react_1.useState)(null), selectedCB = _e[0], setSelectedCB = _e[1];
|
69
|
+
var gleRef = (0, react_1.useRef)(null);
|
70
|
+
var isMobile = device === 'MOBILE';
|
71
|
+
var isEditMode = mode === 'EDIT';
|
72
|
+
// const layoutByDevice = device === 'DESKTOP' ? 'lg' : 'sm';
|
73
|
+
// const [layouts] = useState<LayoutsType>(() => {
|
74
|
+
// const { lg, sm } = parsePlacement(componentBlocks ?? []);
|
75
|
+
// return {
|
76
|
+
// lg,
|
77
|
+
// sm
|
78
|
+
// };
|
79
|
+
// });
|
80
|
+
(0, react_1.useEffect)(function () {
|
81
|
+
if (editingSectionId !== props.id) {
|
82
|
+
setSelectedCB(null);
|
83
|
+
// breakGroupCB();
|
84
|
+
}
|
85
|
+
}, [editingSectionId]);
|
86
|
+
// NOTE: 추후에 event를 외부에서 전달받게하거나, 아예 상태를 끌어올리거나 해야합니다.
|
87
|
+
(0, react_1.useLayoutEffect)(function () {
|
88
|
+
if (props.id !== editingSectionId) {
|
89
|
+
return;
|
90
|
+
}
|
91
|
+
if (!shortcutKeyMode) {
|
92
|
+
return;
|
93
|
+
}
|
94
|
+
if (shortcutKeyMode === 'SELECT_ALL') {
|
95
|
+
if ((componentBlocks === null || componentBlocks === void 0 ? void 0 : componentBlocks.length) === 1) {
|
96
|
+
setSelectedCB(componentBlocks[0].id);
|
97
|
+
return;
|
98
|
+
}
|
99
|
+
// makeAllInOneGroup();
|
100
|
+
return;
|
101
|
+
}
|
102
|
+
if (shortcutKeyMode === 'MANUAL_BULK_BREAK') {
|
103
|
+
// breakGroupCB();
|
104
|
+
setSelectedCB(null);
|
105
|
+
return;
|
106
|
+
}
|
107
|
+
}, [shortcutKeyMode, setSelectedCB]);
|
108
|
+
(0, react_1.useLayoutEffect)(function () {
|
109
|
+
if (props.id !== editingSectionId) {
|
110
|
+
return;
|
111
|
+
}
|
112
|
+
if (shortcutKeyMode === 'MANUAL_COLLISION_SELECT') {
|
113
|
+
if (!selectedCB || selectedCB === 'BULK') {
|
114
|
+
return;
|
115
|
+
}
|
116
|
+
// makeCollisionGroup(selectedCB);
|
117
|
+
// sectionActionHandler &&
|
118
|
+
// sectionActionHandler({
|
119
|
+
// type: '@CUSTOMSECTION/BLOCK_CLICKED',
|
120
|
+
// payload: {
|
121
|
+
// block:
|
122
|
+
// }
|
123
|
+
// });
|
124
|
+
setSelectedCB('BULK');
|
125
|
+
}
|
126
|
+
}, [selectedCB, shortcutKeyMode, sectionActionHandler, setSelectedCB]);
|
127
|
+
var _f = (0, util_1.parseCustomSectionPlacement)({
|
128
|
+
isMobile: isMobile,
|
129
|
+
customSectionProps: CB_PLACEMENT_PROP_SECTION
|
130
|
+
}), width = _f.width, minHeight = _f.minHeight, isFullWidth = _f.isFullWidth;
|
131
|
+
var customSectionStyles = {
|
132
|
+
minHeight: "".concat(minHeight, "vh"),
|
133
|
+
width: '100%',
|
134
|
+
maxWidth: isFullWidth ? '' : "".concat(width, "px")
|
135
|
+
};
|
136
|
+
var onClickSection = function () {
|
137
|
+
if (!isEditMode) {
|
138
|
+
return;
|
139
|
+
}
|
140
|
+
setSelectedCB(null);
|
141
|
+
sectionActionHandler &&
|
142
|
+
sectionActionHandler({
|
143
|
+
type: '@CUSTOMSECTION/SECTION_CLICKED',
|
144
|
+
payload: {
|
145
|
+
sectionId: props.id
|
146
|
+
}
|
147
|
+
});
|
148
|
+
};
|
149
|
+
var padding = (0, parseSectionPadding_1.default)(CB_LAYOUT_PROP_PADDING, device);
|
150
|
+
var sectionRow = CB_PLACEMENT_PROP_SECTION[device === 'DESKTOP'
|
151
|
+
? 'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS'
|
152
|
+
: 'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE'];
|
153
|
+
var rowHeight = (function () {
|
154
|
+
if (!size.width) {
|
155
|
+
return 50;
|
156
|
+
}
|
157
|
+
if (device === 'MOBILE') {
|
158
|
+
var cellWidth_1 = size.width / MOBILE_GRID_COLS;
|
159
|
+
return cellWidth_1 * 0.56;
|
160
|
+
}
|
161
|
+
var cellWidth = size.width / DESKTOP_GRID_COLS;
|
162
|
+
return cellWidth * 0.56;
|
163
|
+
})();
|
164
|
+
var baseFontSize = (function () {
|
165
|
+
var _a, _b;
|
166
|
+
if (!size.width) {
|
167
|
+
return 16;
|
168
|
+
}
|
169
|
+
var responsiveFontMode = !!((_b = (_a = props.jsonProperties) === null || _a === void 0 ? void 0 : _a.data.CB_CONTENT_PROP_SECTION) === null || _b === void 0 ? void 0 : _b.CB_CONTENT_PROP_SECTION_SPEC_VARIABLEROOTFONTSIZE);
|
170
|
+
if (device === 'MOBILE') {
|
171
|
+
if (responsiveFontMode) {
|
172
|
+
return size.width * 0.0421;
|
173
|
+
}
|
174
|
+
if (size.width < 327) {
|
175
|
+
return Math.max(getDefensiveFontSize(device, size.width), 14);
|
176
|
+
}
|
177
|
+
return 16;
|
178
|
+
}
|
179
|
+
if (responsiveFontMode) {
|
180
|
+
return size.width * 0.0133;
|
181
|
+
}
|
182
|
+
if (size.width < 1200) {
|
183
|
+
return Math.max(getDefensiveFontSize(device, size.width), 14);
|
184
|
+
}
|
185
|
+
return 16;
|
186
|
+
})();
|
187
|
+
return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(gleStyles_1.S_gleStyles, { children: (0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ ref: gleRef, "x-dlayout-section-type": "NO_NAME", onClick: onClickSection }, { children: (0, jsx_runtime_1.jsx)(components_1.CustomSection, __assign({}, props, { isMobile: isMobile, overrideStyles: {
|
188
|
+
// minHeight: customSectionStyles.minHeight,
|
189
|
+
paddingTop: padding.top,
|
190
|
+
paddingBottom: padding.bottom,
|
191
|
+
paddingRight: padding.right,
|
192
|
+
paddingLeft: padding.left
|
193
|
+
} }, { children: (0, jsx_runtime_1.jsx)(GridContainer, __assign({ ref: containerRef, cols: isMobile ? 8 : 24, rowHeight: rowHeight, sectionRow: sectionRow !== null && sectionRow !== void 0 ? sectionRow : 0, style: {
|
194
|
+
width: customSectionStyles.width,
|
195
|
+
maxWidth: customSectionStyles.maxWidth,
|
196
|
+
minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX,
|
197
|
+
fontSize: "".concat(baseFontSize, "px")
|
198
|
+
} }, { children: (_a = props.componentBlocks) === null || _a === void 0 ? void 0 : _a.map(function (cb, index) {
|
199
|
+
var _a;
|
200
|
+
return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(FlexGridItem_1.default, { cb: cb, index: index, device: device, rowHeight: rowHeight, zIndex: (_a = zOrders === null || zOrders === void 0 ? void 0 : zOrders[device === 'DESKTOP' ? 'desktop' : 'mobile'][cb.id]) !== null && _a !== void 0 ? _a : 0 }) }, cb.id));
|
201
|
+
}) })) })) })) }) }));
|
202
|
+
});
|
203
|
+
var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-auto-rows: minmax(", ", auto);\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n padding: 10px 10px;\n\n * {\n box-sizing: border-box;\n }\n"], ["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-auto-rows: minmax(", ", auto);\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n padding: 10px 10px;\n\n * {\n box-sizing: border-box;\n }\n"])), function (props) { return "".concat(props.rowHeight, "px"); }, function (props) { return props.cols; }, function (props) { return props.sectionRow; }, function (props) { return "".concat(props.rowHeight, "px"); });
|
204
|
+
var S_SectionWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
205
|
+
exports.default = react_1.default.memo(Composition);
|
206
|
+
function getDefensiveFontSize(device, width) {
|
207
|
+
if (device === 'MOBILE') {
|
208
|
+
return width * (0.0000868 * width + 0.0202);
|
209
|
+
}
|
210
|
+
return width * (0.0000246 * width - 0.01618);
|
211
|
+
}
|
212
|
+
var templateObject_1, templateObject_2;
|
@@ -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");
|