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.
Files changed (198) hide show
  1. package/dist/src/common/hooks/useAbsolutePositioner.js +2 -2
  2. package/dist/src/common/hooks/useTooltip.d.ts +2 -2
  3. package/dist/src/common/hooks/useTooltip.js +2 -2
  4. package/dist/src/common/utils/SystemUIPositionGenerator/clickTypeSystemUICssGenerator.d.ts +1 -1
  5. package/dist/src/common/utils/SystemUIPositionGenerator/hoverTypeSystemUICssGenerator.d.ts +1 -1
  6. package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.js +2 -2
  7. package/dist/src/desktop/components/AdminList/BulkActionBar.d.ts +1 -1
  8. package/dist/src/desktop/components/AdminListHeader/HeaderBar.d.ts +1 -1
  9. package/dist/src/desktop/components/BasicButtonGroup/BasicButtonGroup.d.ts +1 -1
  10. package/dist/src/desktop/components/BasicButtonGroup/BasicButtonGroup.js +3 -3
  11. package/dist/src/desktop/components/BasicListItem/Contents.d.ts +1 -1
  12. package/dist/src/desktop/components/BasicListItem/Contents.js +1 -1
  13. package/dist/src/desktop/components/BasicListItem/LeftBox/Badge.js +1 -1
  14. package/dist/src/desktop/components/BasicListItem/LeftBox/Checkbox.js +1 -1
  15. package/dist/src/desktop/components/BasicListItem/LeftBox/Icon.js +1 -1
  16. package/dist/src/desktop/components/BasicListItem/LeftBox/Image.js +1 -1
  17. package/dist/src/desktop/components/BasicListItem/LeftBox/Radio.js +1 -1
  18. package/dist/src/desktop/components/BasicListItem/RightBox/Description.d.ts +1 -1
  19. package/dist/src/desktop/components/BasicListItem/RightBox/Description.js +1 -1
  20. package/dist/src/desktop/components/BasicListItem/RightBox/Switch.js +1 -1
  21. package/dist/src/desktop/components/ContextMenuItem/ContextMenuItem.d.ts +1 -1
  22. package/dist/src/desktop/components/ContextMenuItem/ContextMenuItem.js +1 -1
  23. package/dist/src/desktop/components/DesktopTabBar/DesktopTabBar.js +2 -2
  24. package/dist/src/desktop/components/Dropdown/Dropdown.d.ts +1 -1
  25. package/dist/src/desktop/components/Dropdown/Dropdown.js +1 -1
  26. package/dist/src/desktop/components/IconButton/IconButton.d.ts +1 -1
  27. package/dist/src/desktop/components/IconButton/IconButton.js +2 -2
  28. package/dist/src/desktop/components/SegmentedButtonGroup/SegmentedButtonGroup.d.ts +1 -1
  29. package/dist/src/desktop/components/SegmentedButtonGroup/SegmentedButtonGroup.js +3 -3
  30. package/dist/src/desktop/components/Slider/Slider.d.ts +1 -1
  31. package/dist/src/desktop/components/Slider/Slider.js +1 -1
  32. package/dist/src/desktop/components/TextLabel/TextLabel.d.ts +1 -1
  33. package/dist/src/desktop/components/TextLabel/TextLabel.js +2 -2
  34. package/dist/src/desktop/components/UploadIconButton/UploadIconButton.d.ts +1 -1
  35. package/dist/src/desktop/components/UploadIconButton/UploadIconButton.js +2 -2
  36. package/dist/src/mobile/common/components/TextFieldBase/TextFieldBase.js +2 -2
  37. package/dist/src/mobile/components/BasicButtonGroup/BasicButtonGroup.d.ts +1 -1
  38. package/dist/src/mobile/components/BasicButtonGroup/BasicButtonGroup.js +1 -1
  39. package/dist/src/mobile/components/BasicListItem/Contents.d.ts +1 -1
  40. package/dist/src/mobile/components/BasicListItem/Contents.js +1 -1
  41. package/dist/src/mobile/components/BasicListItem/LeftBox/Badge.js +1 -1
  42. package/dist/src/mobile/components/BasicListItem/LeftBox/Checkbox.js +1 -1
  43. package/dist/src/mobile/components/BasicListItem/LeftBox/Icon.js +1 -1
  44. package/dist/src/mobile/components/BasicListItem/LeftBox/Image.js +1 -1
  45. package/dist/src/mobile/components/BasicListItem/LeftBox/Radio.js +1 -1
  46. package/dist/src/mobile/components/BasicListItem/RightBox/Description.d.ts +1 -1
  47. package/dist/src/mobile/components/BasicListItem/RightBox/Description.js +1 -1
  48. package/dist/src/mobile/components/BasicListItem/RightBox/Switch.js +1 -1
  49. package/dist/src/mobile/components/ContextMenuItem/ContextMenuItem.d.ts +1 -1
  50. package/dist/src/mobile/components/ContextMenuItem/ContextMenuItem.js +1 -1
  51. package/dist/src/mobile/components/Dropdown/Dropdown.d.ts +1 -1
  52. package/dist/src/mobile/components/Dropdown/Dropdown.js +1 -1
  53. package/dist/src/mobile/components/MobileHeaderBar/utils.d.ts +1 -1
  54. package/dist/src/mobile/components/SegmentedButtonGroup/SegmentedButtonGroup.d.ts +1 -1
  55. package/dist/src/mobile/components/SegmentedButtonGroup/SegmentedButtonGroup.js +1 -1
  56. package/dist/src/mobile/components/Slider/Slider.d.ts +1 -1
  57. package/dist/src/mobile/components/Slider/Slider.js +1 -1
  58. package/dist/src/sub/AdminList/AdminList/AdminList.d.ts +1 -1
  59. package/dist/src/sub/AdminList/AdminList/AdminList.js +2 -2
  60. package/dist/src/sub/AdminList/AdminList/HeaderRow.d.ts +1 -1
  61. package/dist/src/sub/AdminList/AdminList/HeaderRow.js +2 -2
  62. package/dist/src/sub/AdminList/AdminListHeader/AdminListHeader.d.ts +1 -1
  63. package/dist/src/sub/AdminList/AdminListHeader/AdminListHeader.js +2 -2
  64. package/dist/src/sub/AdminList/AdminListHeader/HeaderBar.d.ts +1 -1
  65. package/dist/src/sub/AdminList/AdminListHeader/HeaderBar.js +2 -2
  66. package/dist/src/sub/AdminList/AdminListItem/AdminListItem.d.ts +1 -1
  67. package/dist/src/sub/AdminList/AdminListItem/AdminListItem.js +3 -3
  68. package/dist/src/sub/AdminList/BulkActionBar/BulkActionBar.d.ts +1 -1
  69. package/dist/src/sub/AdminList/BulkActionBar/BulkActionBar.js +2 -2
  70. package/dist/src/sub/AdminList/ToolBar/ChipList.d.ts +1 -1
  71. package/dist/src/sub/AdminList/ToolBar/ChipList.js +1 -1
  72. package/dist/src/sub/AdminList/ToolBar/SearchField.js +4 -4
  73. package/dist/src/sub/AdminList/ToolBar/ToolBar.d.ts +1 -1
  74. package/dist/src/sub/AdminList/ToolBar/ToolBar.js +3 -3
  75. package/dist/src/sub/DynamicLayout/CompositionRenderer/ComponentBlockMatcher.d.ts +11 -0
  76. package/dist/src/sub/DynamicLayout/CompositionRenderer/ComponentBlockMatcher.js +56 -0
  77. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.d.ts +13 -0
  78. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js +212 -0
  79. package/dist/src/sub/DynamicLayout/{sections/CustomSection/CompositionRenderer → CompositionRenderer}/CompositionRenderer.d.ts +2 -2
  80. package/dist/src/sub/DynamicLayout/{sections/CustomSection/CompositionRenderer → CompositionRenderer}/CompositionRenderer.js +2 -3
  81. package/dist/src/sub/DynamicLayout/CompositionRenderer/FlexGridItem.d.ts +12 -0
  82. package/dist/src/sub/DynamicLayout/CompositionRenderer/FlexGridItem.js +75 -0
  83. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/EditModeSectionMatcher.js +1 -1
  84. package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackground.js +2 -2
  85. package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.d.ts +2 -2
  86. package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js +1 -1
  87. package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.d.ts +2 -2
  88. package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.js +1 -1
  89. package/dist/src/sub/DynamicLayout/components/SectionMatcher/SectionMatcher.js +1 -2
  90. package/dist/src/sub/DynamicLayout/gleStyles.d.ts +3 -0
  91. package/dist/src/sub/DynamicLayout/gleStyles.js +19 -0
  92. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.d.ts +0 -3
  93. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +7 -14
  94. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +1 -4
  95. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.d.ts +1 -1
  96. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +6 -6
  97. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.d.ts +2 -2
  98. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +2 -5
  99. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Divider/Divider.js +1 -1
  100. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/Embed.js +1 -1
  101. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/IframeDenied.js +1 -1
  102. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/types.d.ts +1 -1
  103. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js +1 -1
  104. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/types.d.ts +1 -1
  105. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/RichText/RichText.d.ts +1 -1
  106. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/RichText/RichText.js +5 -5
  107. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/RichText/types.d.ts +1 -1
  108. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +1 -1
  109. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/types.d.ts +1 -1
  110. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Twitter/Twitter.js +2 -2
  111. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Twitter/types.d.ts +1 -1
  112. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/Youtube.d.ts +1 -1
  113. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/Youtube.js +4 -4
  114. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/parseYoutubeContentProp.d.ts +1 -1
  115. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/types.d.ts +1 -1
  116. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_BoxWithShadow.d.ts +1 -1
  117. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_BoxWithShadow.js +1 -1
  118. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/hooks/useCLINK.js +1 -1
  119. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/useGoogleFonts.js +1 -1
  120. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +2 -2
  121. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +0 -1
  122. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseJsonProperties.d.ts +1 -1
  123. package/dist/src/sub/DynamicLayout/sections/{CustomSection/FlexGridCustomSection.d.ts → FlexGridCustomSection.d.ts} +1 -1
  124. package/dist/src/sub/DynamicLayout/sections/{CustomSection/FlexGridCustomSection.js → FlexGridCustomSection.js} +11 -11
  125. package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/TemplateA/desktop/D_TemplateA.js +1 -1
  126. package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/TemplateA/mobile/M_TemplateA.js +1 -1
  127. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/MembershipSection.d.ts +1 -1
  128. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/MembershipSection.js +1 -1
  129. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/TemplateA.js +2 -2
  130. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/D_TemplateA.d.ts +1 -1
  131. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/EmptyMembershipSheet.js +4 -4
  132. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipBenefitInfo.d.ts +1 -1
  133. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipBenefitInfo.js +2 -2
  134. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipPlanSheet.d.ts +1 -1
  135. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipPlanSheet.js +5 -5
  136. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipSheet.d.ts +1 -1
  137. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipSheet.js +4 -4
  138. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/NarrowMembershipListView.d.ts +1 -1
  139. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/NarrowMembershipListView.js +3 -3
  140. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/SectionContents.js +2 -2
  141. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/UnavailableMembershipPlanSheet.d.ts +1 -1
  142. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/UnavailableMembershipPlanSheet.js +4 -4
  143. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/WideMembershipListView.d.ts +1 -1
  144. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/WideMembershipListView.js +3 -3
  145. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/M_TemplateA.d.ts +1 -1
  146. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/EmptyMembershipSheet.js +4 -4
  147. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipBenefitInfo.d.ts +1 -1
  148. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipBenefitInfo.js +3 -3
  149. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipContents.d.ts +1 -1
  150. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipSectionSheet.d.ts +1 -1
  151. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipSectionSheet.js +5 -5
  152. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/SectionContents.js +2 -2
  153. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/TemplateB.js +2 -2
  154. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/D_TemplateB.d.ts +1 -1
  155. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/EmptyMembershipSheet.js +4 -4
  156. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipBenefitInfo.d.ts +1 -1
  157. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipBenefitInfo.js +2 -2
  158. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipCard.d.ts +1 -1
  159. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipCard.js +2 -2
  160. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipPlanSheet.d.ts +1 -1
  161. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipPlanSheet.js +5 -5
  162. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipSheet.d.ts +1 -1
  163. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipSheet.js +6 -6
  164. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/SectionContents.js +2 -2
  165. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/UnavailableMembershipPlanSheet.d.ts +1 -1
  166. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/UnavailableMembershipPlanSheet.js +4 -4
  167. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/M_TemplateB.d.ts +1 -1
  168. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/EmptyMembershipSheet.js +4 -4
  169. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipBenefitInfo.d.ts +1 -1
  170. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipBenefitInfo.js +3 -3
  171. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipContents.d.ts +1 -1
  172. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipSectionSheet.d.ts +1 -1
  173. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipSectionSheet.js +5 -5
  174. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/SectionContents.js +2 -2
  175. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/MembershipSection.d.ts +1 -1
  176. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/MembershipSection.js +1 -1
  177. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/TemplateA.js +1 -1
  178. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/desktop/D_TemplateA.js +1 -1
  179. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/desktop/components/SectionContents.js +2 -2
  180. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/mobile/M_TemplateA.js +1 -1
  181. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/mobile/components/SectionContents.js +2 -2
  182. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/TemplateB.js +1 -1
  183. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/desktop/D_TemplateB.js +1 -1
  184. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/desktop/components/SectionContents.js +2 -2
  185. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/mobile/M_TemplateB.js +1 -1
  186. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/mobile/components/SectionContents.js +2 -2
  187. package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/desktop/MembershipSectionItem.d.ts +3 -3
  188. package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/desktop/MembershipSectionItem.js +2 -2
  189. package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/mobile/MembershipSectionItem.d.ts +3 -3
  190. package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/mobile/MembershipSectionItem.js +2 -2
  191. package/dist/src/sub/DynamicLayout/sections/MembershipSection/constants.d.ts +1 -1
  192. package/dist/src/sub/DynamicLayout/types.d.ts +34 -0
  193. package/dist/src/sub/SandollFontKit/types.d.ts +1 -1
  194. package/package.json +1 -1
  195. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/index.d.ts +0 -1
  196. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/index.js +0 -8
  197. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Group/GroupedCB.d.ts +0 -7
  198. 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 '@common/types';
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("@desktop/components");
43
- var components_2 = require("@hybrid/components");
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 '@common/types';
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("@desktop/components");
23
- var components_2 = require("@hybrid/components");
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 '@common/types';
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("@desktop/components");
44
- var components_2 = require("@hybrid/components");
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 '@common/types';
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("@common/styles/movement/transitionStyle");
45
- var components_1 = require("@desktop/components");
46
- var components_2 = require("@hybrid/components");
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 '@common/types';
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("@desktop/components");
13
- var components_2 = require("@hybrid/components");
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;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import type { PDSValueOption } from '@common/types';
2
+ import type { PDSValueOption } from '../../../common/types';
3
3
  type Props = {
4
4
  textArray: PDSValueOption[];
5
5
  value?: PDSValueOption;
@@ -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("@desktop/components");
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("@common/styles");
45
- var components_1 = require("@desktop/common/components");
46
- var components_2 = require("@desktop/components");
47
- var components_3 = require("@hybrid/components");
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 '@common/types';
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("@common/components");
25
- var components_2 = require("@desktop/components");
26
- var components_3 = require("@hybrid/components");
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 { ISection } from '@sub/DynamicLayout/types';
2
+ import type { IComposition } from '../../DynamicLayout/types';
3
3
  declare function CompositionRenderer({ compositions }: {
4
- compositions: ISection[];
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("@sub/DynamicLayout/types");
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)(FlexGridCustomSection_1.default, __assign({}, composition), composition.id)); }) }));
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;
@@ -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("@sub/DynamicLayout/sections");
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("@sub/DynamicLayout/sections/CustomSection/util");
24
- var isNullOrUndefined_1 = __importDefault(require("@sub/DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
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");
@@ -1,7 +1,7 @@
1
1
  import { MutableRefObject } from 'react';
2
2
  import { CSSProperties } from 'styled-components';
3
- import type { Device } from '@sub/DynamicLayout/sections/CustomSection/util/types';
4
- import type { CB_STYLE_PROP_BGMEDIA_SPECS } from '@sub/DynamicLayout/types';
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;
@@ -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("@sub/DynamicLayout/utils");
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");