pds-dev-kit-web 2.2.137 → 2.2.138

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 (74) hide show
  1. package/dist/src/desktop/components/BasicButtonGroup/BasicButtonGroup.js +1 -1
  2. package/dist/src/sub/DynamicLayout/CompositionRenderer/ComponentBlockMatcher.d.ts +11 -0
  3. package/dist/src/sub/DynamicLayout/CompositionRenderer/ComponentBlockMatcher.js +56 -0
  4. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.d.ts +9 -0
  5. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js +217 -0
  6. package/dist/src/sub/DynamicLayout/CompositionRenderer/CompositionRenderer.d.ts +6 -0
  7. package/dist/src/sub/DynamicLayout/CompositionRenderer/CompositionRenderer.js +27 -0
  8. package/dist/src/sub/DynamicLayout/CompositionRenderer/FlexGridItem.d.ts +12 -0
  9. package/dist/src/sub/DynamicLayout/CompositionRenderer/FlexGridItem.js +75 -0
  10. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/EditModeSectionMatcher.js +3 -0
  11. package/dist/src/sub/DynamicLayout/components/Section/ErrorBoundary/ErrorBoundary.js +12 -1
  12. package/dist/src/sub/DynamicLayout/components/SectionMatcher/SectionMatcher.js +5 -3
  13. package/dist/src/sub/DynamicLayout/gleStyles.d.ts +3 -0
  14. package/dist/src/sub/DynamicLayout/gleStyles.js +19 -0
  15. package/dist/src/sub/DynamicLayout/hooks/useCustomSectionShortcut/useCustomSectionShortcut.d.ts +1 -1
  16. package/dist/src/sub/DynamicLayout/hooks/useCustomSectionShortcut/useCustomSectionShortcut.js +6 -1
  17. package/dist/src/sub/DynamicLayout/mock_samplePage.js +132 -132
  18. package/dist/src/sub/DynamicLayout/mocks.d.ts +1111 -0
  19. package/dist/src/sub/DynamicLayout/mocks.js +4775 -0
  20. package/dist/src/sub/DynamicLayout/sectionActionTypes.d.ts +65 -15
  21. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.d.ts +0 -5
  22. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +767 -198
  23. package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridItem.d.ts +2 -1
  24. package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridItem.js +9 -6
  25. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.d.ts +1 -0
  26. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +5 -0
  27. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +25 -23
  28. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.d.ts +8 -0
  29. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +12 -0
  30. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/Embed.js +1 -1
  31. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/EmbedIframe.js +1 -1
  32. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +26 -2
  33. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_Backdrop.d.ts +1 -0
  34. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_Backdrop.js +13 -0
  35. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_AnimationObserverBox.js +1 -1
  36. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_Box.js +1 -1
  37. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_BoxWithShadow.js +1 -1
  38. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +79 -1
  39. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/getGoogleFonts.d.ts +2 -4
  40. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/getGoogleFonts.js +3 -14
  41. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/index.d.ts +1 -1
  42. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/index.js +2 -3
  43. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/clsx.d.ts +7 -0
  44. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/clsx.js +33 -0
  45. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil.d.ts +4 -4
  46. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/fontSizeAdjustment.d.ts +1 -0
  47. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/fontSizeAdjustment.js +333 -0
  48. package/dist/src/sub/DynamicLayout/sections/CustomSection/{hooks/useGroupDrag/utils.d.ts → newUtils/group.d.ts} +4 -2
  49. package/dist/src/sub/DynamicLayout/sections/CustomSection/{hooks/useGroupDrag/utils.js → newUtils/group.js} +14 -1
  50. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/replaceUndefinedValues.js +8 -1
  51. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/textUtil.d.ts +1 -6
  52. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +18 -2
  53. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +2 -0
  54. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.d.ts +5 -2
  55. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.js +12 -9
  56. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropTextSpec.d.ts +1 -1
  57. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/types.d.ts +1 -1
  58. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/types.js +1 -1
  59. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +3 -5
  60. package/dist/src/sub/DynamicLayout/sections/{CustomSection/FlexGridCustomSection.d.ts → FlexGridCustomSection.d.ts} +1 -5
  61. package/dist/src/sub/DynamicLayout/sections/{CustomSection/FlexGridCustomSection.js → FlexGridCustomSection.js} +44 -88
  62. package/dist/src/sub/DynamicLayout/types.d.ts +45 -1
  63. package/package.json +2 -2
  64. package/release-note.md +2 -2
  65. package/dist/src/sub/DynamicLayout/pagesPreviewMock.d.ts +0 -14038
  66. package/dist/src/sub/DynamicLayout/pagesPreviewMock.js +0 -35827
  67. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/btnTypes.d.ts +0 -76
  68. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/btnTypes.js +0 -2
  69. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/types.d.ts +0 -38
  70. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/types.js +0 -2
  71. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGroupDrag/index.d.ts +0 -1
  72. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGroupDrag/index.js +0 -8
  73. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGroupDrag/useGroupDrag.d.ts +0 -22
  74. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGroupDrag/useGroupDrag.js +0 -273
@@ -1,8 +1,31 @@
1
1
  /// <reference types="react" />
2
2
  import type { Layout } from 'publ-echo/dist/lib';
3
3
  import type { ResizeEventType } from 'publ-echo/dist/lib/GridItem/types';
4
+ import type { ComponentBlock, GroupBlock } from 'publ-echo/dist/lib/GridLayoutEditor/group';
4
5
  import type { LayoutItem, Layouts } from 'publ-echo/dist/lib/GridLayoutEditor/types';
5
6
  export type TypeOfSectionAction = ActionMap<ActionHandlerPayload>[keyof ActionMap<ActionHandlerPayload>];
7
+ export type PayloadCBType = {
8
+ type: ComponentBlock['type'];
9
+ blockId: string;
10
+ cbId: number;
11
+ workDir: string;
12
+ };
13
+ export type PayloadGBType = {
14
+ type: GroupBlock['type'];
15
+ blockId: string;
16
+ childrenBlockIds: string[];
17
+ childrenCBIds: number[];
18
+ workDir: string;
19
+ };
20
+ export type PayloadBulkType = {
21
+ type: 'BULK';
22
+ blockId: 'BULK';
23
+ childrenBlockIds: string[];
24
+ childrenCBIds: number[];
25
+ workDir: string;
26
+ groupDisabled: boolean;
27
+ };
28
+ export type BlockPayloadType = PayloadCBType | PayloadGBType | PayloadBulkType;
6
29
  type ActionHandlerPayload = {
7
30
  '@EXP_IFRAME/IFRAME_ON_LOADED': {
8
31
  event: React.SyntheticEvent<HTMLIFrameElement, Event>;
@@ -23,15 +46,8 @@ type ActionHandlerPayload = {
23
46
  placeholder?: LayoutItem;
24
47
  e?: ResizeEventType;
25
48
  node?: HTMLElement;
26
- };
27
- '@CUSTOMSECTION/GROUP_DRAG_STOP': {
28
- layout: Layout;
29
- prev?: LayoutItem;
30
- item?: LayoutItem;
31
- placeholder?: LayoutItem;
32
- e?: ResizeEventType;
33
- node?: HTMLElement;
34
- outerBasedChildrenPositions: LayoutItem[];
49
+ blockId: string;
50
+ workDir: string;
35
51
  };
36
52
  '@CUSTOMSECTION/CB_RESIZE_STOP': {
37
53
  layout: Layout;
@@ -40,6 +56,8 @@ type ActionHandlerPayload = {
40
56
  placeholder?: LayoutItem;
41
57
  e?: ResizeEventType;
42
58
  node?: HTMLElement;
59
+ blockId: string;
60
+ workDir: string;
43
61
  };
44
62
  '@CUSTOMSECTION/CB_AUTO_FIT_CONTENT': {
45
63
  layout: Layout;
@@ -51,34 +69,66 @@ type ActionHandlerPayload = {
51
69
  details: {
52
70
  hadPaddingChanged: boolean;
53
71
  };
72
+ blockId: string;
73
+ workDir: string;
54
74
  };
55
75
  '@CUSTOMSECTION/PLACEMENT_CHANGED': {
56
76
  layout: Layout;
57
77
  layouts: Layouts;
58
78
  };
59
- '@CUSTOMSECTION/CB_CLICKED': {
60
- id: number;
79
+ '@CUSTOMSECTION/BLOCK_CLICKED': {
80
+ block: BlockPayloadType;
61
81
  };
62
82
  '@CUSTOMSECTION/CB_RIGHT_CLICKED': {
63
- id: number | 'group';
64
83
  e: React.MouseEvent;
84
+ block: BlockPayloadType;
65
85
  };
66
86
  '@CUSTOMSECTION/SECTION_CLICKED': {
67
87
  sectionId: number;
68
88
  };
69
- '@CUSTOMSECTION/GROUP_CREATED': {
89
+ '@CUSTOMSECTION/SECTION_RIGHT_CLICKED': {
90
+ sectionId: number;
91
+ e: React.MouseEvent;
92
+ };
93
+ '@CUSTOMSECTION/GROUP_RIGHT_CLICKED': {
94
+ e: React.MouseEvent;
95
+ block: PayloadGBType;
96
+ isEditingGroup: boolean;
97
+ };
98
+ '@CUSTOMSECTION/BULK_RIGHT_CLICKED': {
99
+ e: React.MouseEvent;
100
+ block: PayloadBulkType;
101
+ };
102
+ '@CUSTOMSECTION/BULK_CREATED': {
70
103
  message: string;
71
104
  data: LayoutItem;
72
105
  };
73
- '@CUSTOMSECTION/GROUP_DISMISSED': {
106
+ '@CUSTOMSECTION/BULK_DISMISSED': {
74
107
  message: string;
108
+ editingGroupBlock: string;
75
109
  };
76
110
  '@CUSTOMSECTION/COLLISION_NOT_FOUND': {
77
111
  message: string;
78
112
  };
79
- '@CUSTOMSECTION/ESCAPE_ONE_FROM_GROUP': {
113
+ '@CUSTOMSECTION/ESCAPE_ONE_FROM_BULK': {
80
114
  id: string;
81
115
  };
116
+ '@CUSTOMSECTION/BULK_DRAG_STOP': {
117
+ updatedBlocks: UpdatedBlock[];
118
+ };
119
+ '@CUSTOMSECTION/GROUP_DRAG_STOP': {
120
+ updatedBlocks: UpdatedBlock[];
121
+ workDir: string;
122
+ };
123
+ '@CUSTOMSECTION/WORKDIR_CHANGED': {
124
+ workDir: string;
125
+ };
126
+ };
127
+ export type UpdatedBlock = {
128
+ blockId: string;
129
+ cbId: number;
130
+ x: number;
131
+ y: number;
82
132
  };
83
133
  type ActionMap<M extends {
84
134
  [index: string]: any;
@@ -5,10 +5,5 @@ export type LayoutsType = {
5
5
  sm: Layout;
6
6
  lg: Layout;
7
7
  };
8
- export type CustomSectionImperativeHandleRef = {
9
- selectCB: (cbId: number | 'group') => void;
10
- selectCBInBulk: (cbIds: string[]) => void;
11
- };
12
- export declare const S_gleStyles: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
13
8
  declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ISection & React.RefAttributes<unknown>>>;
14
9
  export default _default;