pds-dev-kit-web-test 2.5.262 → 2.5.264
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/assets/icons/fill/index.d.ts +0 -5
- package/dist/src/common/assets/icons/fill/index.js +1 -11
- package/dist/src/common/assets/icons/line/index.d.ts +0 -5
- package/dist/src/common/assets/icons/line/index.js +1 -11
- package/dist/src/common/hooks/useTooltip.js +1 -1
- package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +1 -3
- package/dist/src/common/styles/colorSet/PaletteColor_light.json +1 -3
- package/dist/src/common/styles/colorSet/SemanticColor.json +1 -3
- package/dist/src/common/styles/colorSet/UIColor.json +2 -6
- package/dist/src/common/styles/colorSet/index.d.ts +0 -10
- package/dist/src/common/styles/colorSet/ui-type.d.ts +0 -4
- package/dist/src/common/utils/SystemUIPositionGenerator/hoverTypeSystemUICssGenerator.js +1 -1
- package/dist/src/desktop/components/BasicButtonGroup/BasicButtonGroup.js +1 -1
- package/dist/src/desktop/components/Dropdown/Dropdown.js +4 -6
- package/dist/src/desktop/components/MainButton/MainButton.d.ts +1 -1
- package/dist/src/desktop/components/MainButton/MainButton.js +6 -20
- package/dist/src/desktop/components/UploadMainButton/UploadMainButton.d.ts +1 -1
- package/dist/src/desktop/components/UploadMainButton/UploadMainButton.js +7 -21
- package/dist/src/mobile/components/MainButton/MainButton.d.ts +1 -1
- package/dist/src/mobile/components/MainButton/MainButton.js +6 -20
- package/dist/src/mobile/components/UploadMainButton/UploadMainButton.d.ts +1 -1
- package/dist/src/mobile/components/UploadMainButton/UploadMainButton.js +6 -20
- 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/EditModeSectionMatcher/SectionBox.js +1 -1
- 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 +64 -15
- package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.d.ts +0 -5
- package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +731 -200
- package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridItem.d.ts +2 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridItem.js +8 -5
- 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/Text/Text.js +16 -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_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 -1
- 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/dist/src/sub/SandollFontKit/utils/appendSandollTagToHead.d.ts +1 -1
- package/dist/src/sub/SandollFontKit/utils/appendSandollTagToHead.js +17 -11
- package/package.json +3 -3
- package/release-note.md +3 -2
- package/dist/src/common/assets/icons/fill/BringToFrontArrow.d.ts +0 -4
- package/dist/src/common/assets/icons/fill/BringToFrontArrow.js +0 -30
- package/dist/src/common/assets/icons/fill/DesktopSync.d.ts +0 -4
- package/dist/src/common/assets/icons/fill/DesktopSync.js +0 -30
- package/dist/src/common/assets/icons/fill/MoveBackwardArrow.d.ts +0 -4
- package/dist/src/common/assets/icons/fill/MoveBackwardArrow.js +0 -30
- package/dist/src/common/assets/icons/fill/MoveForwardArrow.d.ts +0 -4
- package/dist/src/common/assets/icons/fill/MoveForwardArrow.js +0 -30
- package/dist/src/common/assets/icons/fill/SendToBackArrow.d.ts +0 -4
- package/dist/src/common/assets/icons/fill/SendToBackArrow.js +0 -30
- package/dist/src/common/assets/icons/line/BringToFrontArrow.d.ts +0 -4
- package/dist/src/common/assets/icons/line/BringToFrontArrow.js +0 -30
- package/dist/src/common/assets/icons/line/DesktopSync.d.ts +0 -4
- package/dist/src/common/assets/icons/line/DesktopSync.js +0 -30
- package/dist/src/common/assets/icons/line/MoveBackwardArrow.d.ts +0 -4
- package/dist/src/common/assets/icons/line/MoveBackwardArrow.js +0 -30
- package/dist/src/common/assets/icons/line/MoveForwardArrow.d.ts +0 -4
- package/dist/src/common/assets/icons/line/MoveForwardArrow.js +0 -30
- package/dist/src/common/assets/icons/line/SendToBackArrow.d.ts +0 -4
- package/dist/src/common/assets/icons/line/SendToBackArrow.js +0 -30
- 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,76 +0,0 @@
|
|
1
|
-
import type { ENUM_STRING, NUMBER_INTEGER, STRING_8DIGIT_HEX } from '../../../../util/types';
|
2
|
-
export type BtnPropsKeys = keyof CB_BTNTEXT_STYLE_PROPS;
|
3
|
-
export type CB_BTNTEXT_STYLE_PROPS = {
|
4
|
-
CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE: ENUM_STRING;
|
5
|
-
CB_STYLE_PROP_BTNTEXT_SPEC_WEIGHT: NUMBER_INTEGER;
|
6
|
-
CB_STYLE_PROP_BTNTEXT_SPEC_SIZE: NUMBER_INTEGER;
|
7
|
-
CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT: NUMBER_INTEGER;
|
8
|
-
CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING: NUMBER_INTEGER;
|
9
|
-
CB_STYLE_PROP_BTNTEXT_SPEC_COLOR: STRING_8DIGIT_HEX;
|
10
|
-
CB_STYLE_PROP_BTNTEXT_SPEC_HORIZONTAL: ENUM_STRING;
|
11
|
-
CB_STYLE_PROP_BTNTEXT_SPEC_VERTICAL: ENUM_STRING;
|
12
|
-
'CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:HOVER': ENUM_STRING | null | undefined;
|
13
|
-
'CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:MOBILE': ENUM_STRING | null | undefined;
|
14
|
-
'CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:MOBILE:HOVER': ENUM_STRING | null | undefined;
|
15
|
-
'CB_STYLE_PROP_BTNTEXT_SPEC_WEIGHT:HOVER': NUMBER_INTEGER | null | undefined;
|
16
|
-
'CB_STYLE_PROP_BTNTEXT_SPEC_WEIGHT:MOBILE': NUMBER_INTEGER | null | undefined;
|
17
|
-
'CB_STYLE_PROP_BTNTEXT_SPEC_WEIGHT:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
|
18
|
-
'CB_STYLE_PROP_BTNTEXT_SPEC_SIZE:HOVER': NUMBER_INTEGER | null | undefined;
|
19
|
-
'CB_STYLE_PROP_BTNTEXT_SPEC_SIZE:MOBILE': NUMBER_INTEGER | null | undefined;
|
20
|
-
'CB_STYLE_PROP_BTNTEXT_SPEC_SIZE:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
|
21
|
-
'CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT:HOVER': NUMBER_INTEGER | null | undefined;
|
22
|
-
'CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT:MOBILE': NUMBER_INTEGER | null | undefined;
|
23
|
-
'CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
|
24
|
-
'CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING:HOVER': NUMBER_INTEGER | null | undefined;
|
25
|
-
'CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING:MOBILE': NUMBER_INTEGER | null | undefined;
|
26
|
-
'CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
|
27
|
-
'CB_STYLE_PROP_BTNTEXT_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
|
28
|
-
'CB_STYLE_PROP_BTNTEXT_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
|
29
|
-
'CB_STYLE_PROP_BTNTEXT_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
|
30
|
-
'CB_STYLE_PROP_BTNTEXT_SPEC_HORIZONTAL:HOVER': ENUM_STRING | null | undefined;
|
31
|
-
'CB_STYLE_PROP_BTNTEXT_SPEC_HORIZONTAL:MOBILE': ENUM_STRING | null | undefined;
|
32
|
-
'CB_STYLE_PROP_BTNTEXT_SPEC_HORIZONTAL:MOBILE:HOVER': ENUM_STRING | null | undefined;
|
33
|
-
'CB_STYLE_PROP_BTNTEXT_SPEC_VERTICAL:HOVER': ENUM_STRING | null | undefined;
|
34
|
-
'CB_STYLE_PROP_BTNTEXT_SPEC_VERTICAL:MOBILE': ENUM_STRING | null | undefined;
|
35
|
-
'CB_STYLE_PROP_BTNTEXT_SPEC_VERTICAL:MOBILE:HOVER': ENUM_STRING | null | undefined;
|
36
|
-
};
|
37
|
-
export type CB_STYLE_PROP_BTNCOLOR_ENUM_GRADIENT = 'LINEAR' | 'RADIAL';
|
38
|
-
export type CB_STYLE_PROP_BTNCOLOR_ENUM_TYPE = 'NONE' | 'SOLID' | 'GRADIENT';
|
39
|
-
export type CB_STYLE_PROP_BTNCOLOR_SPECS_BASE = {
|
40
|
-
CB_STYLE_PROP_BTNCOLOR_SPEC_ANGLE: NUMBER_INTEGER;
|
41
|
-
CB_STYLE_PROP_BTNCOLOR_SPEC_COLOR: ENUM_STRING;
|
42
|
-
CB_STYLE_PROP_BTNCOLOR_SPEC_ENDCOLOR: ENUM_STRING;
|
43
|
-
CB_STYLE_PROP_BTNCOLOR_SPEC_ENDLOC: NUMBER_INTEGER;
|
44
|
-
CB_STYLE_PROP_BTNCOLOR_SPEC_GRADIENT: CB_STYLE_PROP_BTNCOLOR_ENUM_GRADIENT;
|
45
|
-
CB_STYLE_PROP_BTNCOLOR_SPEC_STARTCOLOR: ENUM_STRING;
|
46
|
-
CB_STYLE_PROP_BTNCOLOR_SPEC_STARTLOC: NUMBER_INTEGER;
|
47
|
-
CB_STYLE_PROP_BTNCOLOR_SPEC_TYPE: CB_STYLE_PROP_BTNCOLOR_ENUM_TYPE;
|
48
|
-
};
|
49
|
-
export type CB_STYLE_PROP_BTNCOLOR_SPECS = CB_STYLE_PROP_BTNCOLOR_SPECS_BASE & {
|
50
|
-
'CB_STYLE_PROP_BTNCOLOR_SPEC_ANGLE:HOVER': NUMBER_INTEGER | null | undefined;
|
51
|
-
'CB_STYLE_PROP_BTNCOLOR_SPEC_ANGLE:MOBILE': NUMBER_INTEGER | null | undefined;
|
52
|
-
'CB_STYLE_PROP_BTNCOLOR_SPEC_ANGLE:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
|
53
|
-
'CB_STYLE_PROP_BTNCOLOR_SPEC_COLOR:HOVER': ENUM_STRING | null | undefined;
|
54
|
-
'CB_STYLE_PROP_BTNCOLOR_SPEC_COLOR:MOBILE': ENUM_STRING | null | undefined;
|
55
|
-
'CB_STYLE_PROP_BTNCOLOR_SPEC_COLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
|
56
|
-
'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDCOLOR:HOVER': ENUM_STRING | null | undefined;
|
57
|
-
'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDCOLOR:MOBILE': ENUM_STRING | null | undefined;
|
58
|
-
'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
|
59
|
-
'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDLOC:HOVER': NUMBER_INTEGER | null | undefined;
|
60
|
-
'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDLOC:MOBILE': NUMBER_INTEGER | null | undefined;
|
61
|
-
'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
|
62
|
-
'CB_STYLE_PROP_BTNCOLOR_SPEC_GRADIENT:HOVER': CB_STYLE_PROP_BTNCOLOR_ENUM_GRADIENT | null | undefined;
|
63
|
-
'CB_STYLE_PROP_BTNCOLOR_SPEC_GRADIENT:MOBILE': CB_STYLE_PROP_BTNCOLOR_ENUM_GRADIENT | null | undefined;
|
64
|
-
'CB_STYLE_PROP_BTNCOLOR_SPEC_GRADIENT:MOBILE:HOVER': CB_STYLE_PROP_BTNCOLOR_ENUM_GRADIENT | null | undefined;
|
65
|
-
'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTCOLOR:HOVER': ENUM_STRING | null | undefined;
|
66
|
-
'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTCOLOR:MOBILE': ENUM_STRING | null | undefined;
|
67
|
-
'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
|
68
|
-
'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTLOC:HOVER': NUMBER_INTEGER | null | undefined;
|
69
|
-
'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTLOC:MOBILE': NUMBER_INTEGER | null | undefined;
|
70
|
-
'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
|
71
|
-
'CB_STYLE_PROP_BTNCOLOR_SPEC_TYPE:HOVER': CB_STYLE_PROP_BTNCOLOR_ENUM_TYPE | null | undefined;
|
72
|
-
'CB_STYLE_PROP_BTNCOLOR_SPEC_TYPE:MOBILE': CB_STYLE_PROP_BTNCOLOR_ENUM_TYPE | null | undefined;
|
73
|
-
'CB_STYLE_PROP_BTNCOLOR_SPEC_TYPE:MOBILE:HOVER': CB_STYLE_PROP_BTNCOLOR_ENUM_TYPE | null | undefined;
|
74
|
-
};
|
75
|
-
export type BtnColorPropsKeys = keyof CB_STYLE_PROP_BTNCOLOR_SPECS;
|
76
|
-
export type BTNColorValueSetType = Partial<Record<keyof CB_STYLE_PROP_BTNCOLOR_SPECS, CB_STYLE_PROP_BTNCOLOR_ENUM_GRADIENT | NUMBER_INTEGER | ENUM_STRING | undefined>>;
|
@@ -1,38 +0,0 @@
|
|
1
|
-
import type { ENUM_STRING, NUMBER_INTEGER, STRING_8DIGIT_HEX } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
|
2
|
-
export type TextPropsKeys = keyof CB_STYLE_PROP_TEXT_SPECS;
|
3
|
-
export type CB_STYLE_PROP_TEXT_SPECS_BASE = {
|
4
|
-
CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: ENUM_STRING;
|
5
|
-
CB_STYLE_PROP_TEXT_SPEC_WEIGHT: NUMBER_INTEGER;
|
6
|
-
CB_STYLE_PROP_TEXT_SPEC_SIZE: NUMBER_INTEGER;
|
7
|
-
CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT: NUMBER_INTEGER;
|
8
|
-
CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING: NUMBER_INTEGER;
|
9
|
-
CB_STYLE_PROP_TEXT_SPEC_COLOR: STRING_8DIGIT_HEX;
|
10
|
-
CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL: ENUM_STRING;
|
11
|
-
CB_STYLE_PROP_TEXT_SPEC_VERTICAL: ENUM_STRING;
|
12
|
-
};
|
13
|
-
export type CB_STYLE_PROP_TEXT_SPECS = CB_STYLE_PROP_TEXT_SPECS_BASE & {
|
14
|
-
'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': ENUM_STRING | null | undefined;
|
15
|
-
'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE': ENUM_STRING | null | undefined;
|
16
|
-
'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER': ENUM_STRING | null | undefined;
|
17
|
-
'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER': NUMBER_INTEGER | null | undefined;
|
18
|
-
'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': NUMBER_INTEGER | null | undefined;
|
19
|
-
'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
|
20
|
-
'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': NUMBER_INTEGER | null | undefined;
|
21
|
-
'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': NUMBER_INTEGER | null | undefined;
|
22
|
-
'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
|
23
|
-
'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER': NUMBER_INTEGER | null | undefined;
|
24
|
-
'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE': NUMBER_INTEGER | null | undefined;
|
25
|
-
'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
|
26
|
-
'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER': NUMBER_INTEGER | null | undefined;
|
27
|
-
'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE': NUMBER_INTEGER | null | undefined;
|
28
|
-
'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
|
29
|
-
'CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
|
30
|
-
'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
|
31
|
-
'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
|
32
|
-
'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:HOVER': ENUM_STRING | null | undefined;
|
33
|
-
'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE': ENUM_STRING | null | undefined;
|
34
|
-
'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE:HOVER': ENUM_STRING | null | undefined;
|
35
|
-
'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:HOVER': ENUM_STRING | null | undefined;
|
36
|
-
'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE': ENUM_STRING | null | undefined;
|
37
|
-
'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE:HOVER': ENUM_STRING | null | undefined;
|
38
|
-
};
|
@@ -1 +0,0 @@
|
|
1
|
-
export { default as useGroupDrag } from './useGroupDrag';
|
@@ -1,8 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
-
};
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
-
exports.useGroupDrag = void 0;
|
7
|
-
var useGroupDrag_1 = require("./useGroupDrag");
|
8
|
-
Object.defineProperty(exports, "useGroupDrag", { enumerable: true, get: function () { return __importDefault(useGroupDrag_1).default; } });
|
package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGroupDrag/useGroupDrag.d.ts
DELETED
@@ -1,22 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { LayoutItemWithGroupType } from './utils';
|
3
|
-
import type { LayoutsType } from '../../CustomSection';
|
4
|
-
import type { Device } from '../../util/types';
|
5
|
-
import type { DynamicLayoutProps } from '../../../../../DynamicLayout/types';
|
6
|
-
import type { Layout, LayoutItem } from 'publ-echo/dist/lib';
|
7
|
-
type Props = {
|
8
|
-
device: Device;
|
9
|
-
setLayouts: React.Dispatch<React.SetStateAction<LayoutsType>>;
|
10
|
-
sectionActionHandler: DynamicLayoutProps['sectionActionHandler'];
|
11
|
-
};
|
12
|
-
declare function useGroupDrag({ device, setLayouts, sectionActionHandler }: Props): {
|
13
|
-
setGroupCB: (selectedId: number | 'group', newId: number) => void;
|
14
|
-
breakGroupCB: () => void;
|
15
|
-
makeAllInOneGroup: () => void;
|
16
|
-
escapeFromGroup: (id: string) => void;
|
17
|
-
makeCollisionGroup: (id: number, selectedCBId?: number) => void;
|
18
|
-
makeCollisionOfBulk: () => void;
|
19
|
-
};
|
20
|
-
export declare function getGroupCB(layout: Layout): LayoutItemWithGroupType | null;
|
21
|
-
export declare const filterItemsById: (layout: Layout, idsToRemove: Array<string>) => LayoutItem[];
|
22
|
-
export default useGroupDrag;
|
package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGroupDrag/useGroupDrag.js
DELETED
@@ -1,273 +0,0 @@
|
|
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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
14
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
15
|
-
if (ar || !(i in from)) {
|
16
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
17
|
-
ar[i] = from[i];
|
18
|
-
}
|
19
|
-
}
|
20
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
21
|
-
};
|
22
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
23
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
24
|
-
};
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
26
|
-
exports.filterItemsById = exports.getGroupCB = void 0;
|
27
|
-
// eslint-disable-next-line import/no-extraneous-dependencies
|
28
|
-
var renderHelpers_1 = require("publ-echo/dist/lib/GridLayoutEditor/utils/renderHelpers");
|
29
|
-
var react_1 = require("react");
|
30
|
-
var deepCopy_1 = __importDefault(require("../../../../../DynamicLayout/utils/deepCopy"));
|
31
|
-
var utils_1 = require("./utils");
|
32
|
-
function useGroupDrag(_a) {
|
33
|
-
var device = _a.device, setLayouts = _a.setLayouts, sectionActionHandler = _a.sectionActionHandler;
|
34
|
-
var layoutByDevice = device === 'DESKTOP' ? 'lg' : 'sm';
|
35
|
-
function makeAllInOneGroup() {
|
36
|
-
setLayouts(function (prev) {
|
37
|
-
var _a, _b;
|
38
|
-
var _c;
|
39
|
-
// TODO: 임시용 카피
|
40
|
-
var currentLayoutCopy = (0, deepCopy_1.default)(prev[layoutByDevice]);
|
41
|
-
if (currentLayoutCopy.length === 0) {
|
42
|
-
return prev;
|
43
|
-
}
|
44
|
-
var groupIdx = currentLayoutCopy.findIndex(function (item) { return item.i === 'group'; });
|
45
|
-
// NOTE: 그룹이 없는 경우
|
46
|
-
if (groupIdx < 0) {
|
47
|
-
var group_1 = (0, utils_1.getGroupForMultiple)(currentLayoutCopy);
|
48
|
-
sectionActionHandler &&
|
49
|
-
sectionActionHandler({
|
50
|
-
type: '@CUSTOMSECTION/GROUP_CREATED',
|
51
|
-
payload: {
|
52
|
-
message: 'group generated',
|
53
|
-
data: group_1
|
54
|
-
}
|
55
|
-
});
|
56
|
-
return __assign(__assign({}, prev), (_a = {}, _a[layoutByDevice] = [group_1], _a));
|
57
|
-
}
|
58
|
-
// NOTE: 그룹이 이미 있는경우
|
59
|
-
var groupItem = currentLayoutCopy.splice(groupIdx, 1)[0];
|
60
|
-
if (!groupItem.groupLayouts) {
|
61
|
-
return prev;
|
62
|
-
}
|
63
|
-
var groupItems = (_c = groupItem.groupLayouts.map(function (each) { return (__assign(__assign({}, each), { x: groupItem.x + each.x, y: groupItem.y + each.y })); })) !== null && _c !== void 0 ? _c : [];
|
64
|
-
currentLayoutCopy.push.apply(currentLayoutCopy, groupItems);
|
65
|
-
var group = (0, utils_1.getGroupForMultiple)(currentLayoutCopy);
|
66
|
-
sectionActionHandler &&
|
67
|
-
sectionActionHandler({
|
68
|
-
type: '@CUSTOMSECTION/GROUP_CREATED',
|
69
|
-
payload: {
|
70
|
-
message: 'group generated',
|
71
|
-
data: group
|
72
|
-
}
|
73
|
-
});
|
74
|
-
return __assign(__assign({}, prev), (_b = {}, _b[layoutByDevice] = [group], _b));
|
75
|
-
});
|
76
|
-
}
|
77
|
-
function escapeFromGroup(id) {
|
78
|
-
setLayouts(function (prev) {
|
79
|
-
var _a;
|
80
|
-
// TODO: 임시용 카피
|
81
|
-
var currentLayoutCopy = (0, deepCopy_1.default)(prev[layoutByDevice]);
|
82
|
-
var groupIdx = currentLayoutCopy.findIndex(function (item) { return item.i === 'group'; });
|
83
|
-
var group = currentLayoutCopy[groupIdx];
|
84
|
-
if (!group || !group.groupLayouts) {
|
85
|
-
return prev;
|
86
|
-
}
|
87
|
-
var escapeIndex = group.groupLayouts.findIndex(function (each) { return each.i === id; });
|
88
|
-
if (escapeIndex < 0) {
|
89
|
-
return prev;
|
90
|
-
}
|
91
|
-
var escapedItem = group.groupLayouts.splice(escapeIndex, 1)[0];
|
92
|
-
escapedItem.x += group.x;
|
93
|
-
escapedItem.y += group.y;
|
94
|
-
currentLayoutCopy.push(escapedItem);
|
95
|
-
var newGroup = (0, utils_1.recalculatedGroup)(group);
|
96
|
-
currentLayoutCopy.splice(groupIdx, 1, newGroup);
|
97
|
-
sectionActionHandler &&
|
98
|
-
sectionActionHandler({
|
99
|
-
type: '@CUSTOMSECTION/ESCAPE_ONE_FROM_GROUP',
|
100
|
-
payload: {
|
101
|
-
id: id
|
102
|
-
}
|
103
|
-
});
|
104
|
-
return __assign(__assign({}, prev), (_a = {}, _a[layoutByDevice] = currentLayoutCopy, _a));
|
105
|
-
});
|
106
|
-
}
|
107
|
-
function setGroupCB(selectedId, newId) {
|
108
|
-
setLayouts(function (prev) {
|
109
|
-
var _a;
|
110
|
-
var currentLayoutCopy = (0, deepCopy_1.default)(prev[layoutByDevice]);
|
111
|
-
var firstIdx = currentLayoutCopy.findIndex(function (item) {
|
112
|
-
if (selectedId === 'group') {
|
113
|
-
return item.i === 'group';
|
114
|
-
}
|
115
|
-
if (Number(item.i) === selectedId) {
|
116
|
-
return true;
|
117
|
-
}
|
118
|
-
return false;
|
119
|
-
});
|
120
|
-
var firstElem = currentLayoutCopy.splice(firstIdx, 1)[0];
|
121
|
-
var secondIdx = currentLayoutCopy.findIndex(function (item) { return Number(item.i) === newId; });
|
122
|
-
var secondElem = currentLayoutCopy.splice(secondIdx, 1)[0];
|
123
|
-
var group = (0, utils_1.getGroupData)(firstElem, secondElem);
|
124
|
-
currentLayoutCopy.unshift(group);
|
125
|
-
sectionActionHandler &&
|
126
|
-
sectionActionHandler({
|
127
|
-
type: '@CUSTOMSECTION/GROUP_CREATED',
|
128
|
-
payload: {
|
129
|
-
message: 'group generated',
|
130
|
-
data: group
|
131
|
-
}
|
132
|
-
});
|
133
|
-
return __assign(__assign({}, prev), (_a = {}, _a[layoutByDevice] = currentLayoutCopy, _a));
|
134
|
-
});
|
135
|
-
}
|
136
|
-
var breakGroupCB = (0, react_1.useCallback)(function () {
|
137
|
-
setLayouts(function (prev) {
|
138
|
-
var _a;
|
139
|
-
var _b;
|
140
|
-
// TODO: 임시용 카피
|
141
|
-
var currentLayoutCopy = (0, deepCopy_1.default)(prev[layoutByDevice]);
|
142
|
-
var groupIdx = currentLayoutCopy.findIndex(function (item) { return item.i === 'group'; });
|
143
|
-
if (groupIdx < 0) {
|
144
|
-
return prev;
|
145
|
-
}
|
146
|
-
var groupItem = currentLayoutCopy.splice(groupIdx, 1)[0];
|
147
|
-
if (!groupItem.groupLayouts) {
|
148
|
-
return prev;
|
149
|
-
}
|
150
|
-
var groupItems = (_b = groupItem.groupLayouts.map(function (each) { return (__assign(__assign({}, each), { x: groupItem.x + each.x, y: groupItem.y + each.y })); })) !== null && _b !== void 0 ? _b : [];
|
151
|
-
currentLayoutCopy.push.apply(currentLayoutCopy, groupItems);
|
152
|
-
return __assign(__assign({}, prev), (_a = {}, _a[layoutByDevice] = currentLayoutCopy, _a));
|
153
|
-
});
|
154
|
-
sectionActionHandler &&
|
155
|
-
sectionActionHandler({
|
156
|
-
type: '@CUSTOMSECTION/GROUP_DISMISSED',
|
157
|
-
payload: {
|
158
|
-
message: 'group dismissed'
|
159
|
-
}
|
160
|
-
});
|
161
|
-
}, []);
|
162
|
-
function makeCollisionGroup(id, selectedCBId) {
|
163
|
-
setLayouts(function (prev) {
|
164
|
-
var _a, _b;
|
165
|
-
var _c, _d;
|
166
|
-
var currentLayoutCopy = (0, deepCopy_1.default)(prev[layoutByDevice]);
|
167
|
-
var additionalSelectedCBLayout = (function () {
|
168
|
-
if (selectedCBId === undefined) {
|
169
|
-
return null;
|
170
|
-
}
|
171
|
-
if (id === selectedCBId) {
|
172
|
-
return null;
|
173
|
-
}
|
174
|
-
return (0, renderHelpers_1.getLayoutItem)(currentLayoutCopy, selectedCBId.toString());
|
175
|
-
})();
|
176
|
-
var layout = (0, renderHelpers_1.getLayoutItem)(currentLayoutCopy, id.toString());
|
177
|
-
if (!layout) {
|
178
|
-
return prev;
|
179
|
-
}
|
180
|
-
var prevGroupIdx = currentLayoutCopy.findIndex(function (item) { return item.i === 'group'; });
|
181
|
-
if (prevGroupIdx < 0) {
|
182
|
-
var collisions = (0, renderHelpers_1.getAllCollisions)(currentLayoutCopy, layout);
|
183
|
-
var groupLayouts = __spreadArray([layout], collisions, true);
|
184
|
-
if (collisions.length === 0 && !additionalSelectedCBLayout) {
|
185
|
-
sectionActionHandler &&
|
186
|
-
sectionActionHandler({
|
187
|
-
type: '@CUSTOMSECTION/COLLISION_NOT_FOUND',
|
188
|
-
payload: {
|
189
|
-
message: '겹치는 부분이 없어, 아무련 변화가 없습니다.'
|
190
|
-
}
|
191
|
-
});
|
192
|
-
return prev;
|
193
|
-
}
|
194
|
-
if (additionalSelectedCBLayout) {
|
195
|
-
var alreadyHas = collisions.some(function (each) { return each.i === additionalSelectedCBLayout.i; });
|
196
|
-
!alreadyHas && groupLayouts.push(additionalSelectedCBLayout);
|
197
|
-
}
|
198
|
-
var group_2 = (0, utils_1.getGroupForMultiple)(groupLayouts);
|
199
|
-
var filtered = currentLayoutCopy.filter(function (layout) { return !group_2.childrenIds.includes(layout.i); });
|
200
|
-
sectionActionHandler &&
|
201
|
-
sectionActionHandler({
|
202
|
-
type: '@CUSTOMSECTION/GROUP_CREATED',
|
203
|
-
payload: {
|
204
|
-
message: 'group generated with collision detect',
|
205
|
-
data: group_2
|
206
|
-
}
|
207
|
-
});
|
208
|
-
return __assign(__assign({}, prev), (_a = {}, _a[layoutByDevice] = __spreadArray([group_2], filtered, true), _a));
|
209
|
-
}
|
210
|
-
var groupItem = currentLayoutCopy.splice(prevGroupIdx, 1)[0];
|
211
|
-
if (groupItem) {
|
212
|
-
var collisions = (0, renderHelpers_1.getAllCollisions)(currentLayoutCopy, layout);
|
213
|
-
var groupItems = (_d = (_c = groupItem.groupLayouts) === null || _c === void 0 ? void 0 : _c.map(function (each) { return (__assign(__assign({}, each), { x: groupItem.x + each.x, y: groupItem.y + each.y })); })) !== null && _d !== void 0 ? _d : [];
|
214
|
-
var newGroup_1 = (0, utils_1.getGroupForMultiple)([layout].concat(collisions).concat(groupItems));
|
215
|
-
var filtered = currentLayoutCopy.filter(function (layout) { return !newGroup_1.childrenIds.includes(layout.i); });
|
216
|
-
sectionActionHandler &&
|
217
|
-
sectionActionHandler({
|
218
|
-
type: '@CUSTOMSECTION/GROUP_CREATED',
|
219
|
-
payload: {
|
220
|
-
message: 'group generated with collision detect',
|
221
|
-
data: newGroup_1
|
222
|
-
}
|
223
|
-
});
|
224
|
-
return __assign(__assign({}, prev), (_b = {}, _b[layoutByDevice] = __spreadArray([newGroup_1], filtered, true), _b));
|
225
|
-
}
|
226
|
-
return prev;
|
227
|
-
});
|
228
|
-
}
|
229
|
-
function makeCollisionOfBulk() {
|
230
|
-
setLayouts(function (prev) {
|
231
|
-
var _a;
|
232
|
-
var _b, _c;
|
233
|
-
var currentLayoutCopy = (0, deepCopy_1.default)(prev[layoutByDevice]);
|
234
|
-
var prevGroupIdx = currentLayoutCopy.findIndex(function (item) { return item.i === 'group'; });
|
235
|
-
var groupItem = currentLayoutCopy.splice(prevGroupIdx, 1)[0];
|
236
|
-
var collisions = (0, renderHelpers_1.getAllCollisions)(currentLayoutCopy, groupItem);
|
237
|
-
var groupItems = (_c = (_b = groupItem.groupLayouts) === null || _b === void 0 ? void 0 : _b.map(function (each) { return (__assign(__assign({}, each), { x: groupItem.x + each.x, y: groupItem.y + each.y })); })) !== null && _c !== void 0 ? _c : [];
|
238
|
-
var newGroup = (0, utils_1.getGroupForMultiple)(groupItems.concat(collisions));
|
239
|
-
var filtered = currentLayoutCopy.filter(function (layout) { return !newGroup.childrenIds.includes(layout.i); });
|
240
|
-
sectionActionHandler &&
|
241
|
-
sectionActionHandler({
|
242
|
-
type: '@CUSTOMSECTION/GROUP_CREATED',
|
243
|
-
payload: {
|
244
|
-
message: 'group generated with collision detect',
|
245
|
-
data: newGroup
|
246
|
-
}
|
247
|
-
});
|
248
|
-
return __assign(__assign({}, prev), (_a = {}, _a[layoutByDevice] = __spreadArray([newGroup], filtered, true), _a));
|
249
|
-
});
|
250
|
-
}
|
251
|
-
return {
|
252
|
-
setGroupCB: setGroupCB,
|
253
|
-
breakGroupCB: breakGroupCB,
|
254
|
-
makeAllInOneGroup: makeAllInOneGroup,
|
255
|
-
escapeFromGroup: escapeFromGroup,
|
256
|
-
makeCollisionGroup: makeCollisionGroup,
|
257
|
-
makeCollisionOfBulk: makeCollisionOfBulk
|
258
|
-
};
|
259
|
-
}
|
260
|
-
function getGroupCB(layout) {
|
261
|
-
var groupIdx = layout.findIndex(function (item) { return item.i === 'group'; });
|
262
|
-
if (groupIdx < 0) {
|
263
|
-
return null;
|
264
|
-
}
|
265
|
-
var groupItem = layout[groupIdx];
|
266
|
-
return groupItem;
|
267
|
-
}
|
268
|
-
exports.getGroupCB = getGroupCB;
|
269
|
-
var filterItemsById = function (layout, idsToRemove) {
|
270
|
-
return layout.filter(function (item) { return !idsToRemove.includes(item.i); });
|
271
|
-
};
|
272
|
-
exports.filterItemsById = filterItemsById;
|
273
|
-
exports.default = useGroupDrag;
|