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.
- package/dist/src/desktop/components/BasicButtonGroup/BasicButtonGroup.js +1 -1
- 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 +9 -0
- package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js +217 -0
- package/dist/src/sub/DynamicLayout/CompositionRenderer/CompositionRenderer.d.ts +6 -0
- package/dist/src/sub/DynamicLayout/CompositionRenderer/CompositionRenderer.js +27 -0
- 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 +3 -0
- package/dist/src/sub/DynamicLayout/components/Section/ErrorBoundary/ErrorBoundary.js +12 -1
- package/dist/src/sub/DynamicLayout/components/SectionMatcher/SectionMatcher.js +5 -3
- package/dist/src/sub/DynamicLayout/gleStyles.d.ts +3 -0
- package/dist/src/sub/DynamicLayout/gleStyles.js +19 -0
- package/dist/src/sub/DynamicLayout/hooks/useCustomSectionShortcut/useCustomSectionShortcut.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/hooks/useCustomSectionShortcut/useCustomSectionShortcut.js +6 -1
- package/dist/src/sub/DynamicLayout/mock_samplePage.js +132 -132
- package/dist/src/sub/DynamicLayout/mocks.d.ts +1111 -0
- package/dist/src/sub/DynamicLayout/mocks.js +4775 -0
- package/dist/src/sub/DynamicLayout/sectionActionTypes.d.ts +65 -15
- package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.d.ts +0 -5
- package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +767 -198
- package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridItem.d.ts +2 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridItem.js +9 -6
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +5 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +25 -23
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.d.ts +8 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +12 -0
- 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/EmbedIframe.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +26 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_Backdrop.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_Backdrop.js +13 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_AnimationObserverBox.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_Box.js +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/types.d.ts +79 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/getGoogleFonts.d.ts +2 -4
- package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/getGoogleFonts.js +3 -14
- package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/index.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/index.js +2 -3
- package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/clsx.d.ts +7 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/clsx.js +33 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil.d.ts +4 -4
- package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/fontSizeAdjustment.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/fontSizeAdjustment.js +333 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/{hooks/useGroupDrag/utils.d.ts → newUtils/group.d.ts} +4 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/{hooks/useGroupDrag/utils.js → newUtils/group.js} +14 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/replaceUndefinedValues.js +8 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/textUtil.d.ts +1 -6
- package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +18 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +2 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.d.ts +5 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.js +12 -9
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropTextSpec.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/types.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/types.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +3 -5
- package/dist/src/sub/DynamicLayout/sections/{CustomSection/FlexGridCustomSection.d.ts → FlexGridCustomSection.d.ts} +1 -5
- package/dist/src/sub/DynamicLayout/sections/{CustomSection/FlexGridCustomSection.js → FlexGridCustomSection.js} +44 -88
- package/dist/src/sub/DynamicLayout/types.d.ts +45 -1
- package/package.json +2 -2
- package/release-note.md +2 -2
- package/dist/src/sub/DynamicLayout/pagesPreviewMock.d.ts +0 -14038
- package/dist/src/sub/DynamicLayout/pagesPreviewMock.js +0 -35827
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/btnTypes.d.ts +0 -76
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/btnTypes.js +0 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/types.d.ts +0 -38
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/types.js +0 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGroupDrag/index.d.ts +0 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGroupDrag/index.js +0 -8
- package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGroupDrag/useGroupDrag.d.ts +0 -22
- 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
|
-
|
|
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/
|
|
60
|
-
|
|
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/
|
|
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/
|
|
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/
|
|
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;
|