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.
Files changed (115) hide show
  1. package/dist/src/common/assets/icons/fill/index.d.ts +0 -5
  2. package/dist/src/common/assets/icons/fill/index.js +1 -11
  3. package/dist/src/common/assets/icons/line/index.d.ts +0 -5
  4. package/dist/src/common/assets/icons/line/index.js +1 -11
  5. package/dist/src/common/hooks/useTooltip.js +1 -1
  6. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +1 -3
  7. package/dist/src/common/styles/colorSet/PaletteColor_light.json +1 -3
  8. package/dist/src/common/styles/colorSet/SemanticColor.json +1 -3
  9. package/dist/src/common/styles/colorSet/UIColor.json +2 -6
  10. package/dist/src/common/styles/colorSet/index.d.ts +0 -10
  11. package/dist/src/common/styles/colorSet/ui-type.d.ts +0 -4
  12. package/dist/src/common/utils/SystemUIPositionGenerator/hoverTypeSystemUICssGenerator.js +1 -1
  13. package/dist/src/desktop/components/BasicButtonGroup/BasicButtonGroup.js +1 -1
  14. package/dist/src/desktop/components/Dropdown/Dropdown.js +4 -6
  15. package/dist/src/desktop/components/MainButton/MainButton.d.ts +1 -1
  16. package/dist/src/desktop/components/MainButton/MainButton.js +6 -20
  17. package/dist/src/desktop/components/UploadMainButton/UploadMainButton.d.ts +1 -1
  18. package/dist/src/desktop/components/UploadMainButton/UploadMainButton.js +7 -21
  19. package/dist/src/mobile/components/MainButton/MainButton.d.ts +1 -1
  20. package/dist/src/mobile/components/MainButton/MainButton.js +6 -20
  21. package/dist/src/mobile/components/UploadMainButton/UploadMainButton.d.ts +1 -1
  22. package/dist/src/mobile/components/UploadMainButton/UploadMainButton.js +6 -20
  23. package/dist/src/sub/DynamicLayout/CompositionRenderer/ComponentBlockMatcher.d.ts +11 -0
  24. package/dist/src/sub/DynamicLayout/CompositionRenderer/ComponentBlockMatcher.js +56 -0
  25. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.d.ts +9 -0
  26. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js +217 -0
  27. package/dist/src/sub/DynamicLayout/CompositionRenderer/CompositionRenderer.d.ts +6 -0
  28. package/dist/src/sub/DynamicLayout/CompositionRenderer/CompositionRenderer.js +27 -0
  29. package/dist/src/sub/DynamicLayout/CompositionRenderer/FlexGridItem.d.ts +12 -0
  30. package/dist/src/sub/DynamicLayout/CompositionRenderer/FlexGridItem.js +75 -0
  31. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/EditModeSectionMatcher.js +3 -0
  32. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/SectionBox.js +1 -1
  33. package/dist/src/sub/DynamicLayout/components/Section/ErrorBoundary/ErrorBoundary.js +12 -1
  34. package/dist/src/sub/DynamicLayout/components/SectionMatcher/SectionMatcher.js +5 -3
  35. package/dist/src/sub/DynamicLayout/gleStyles.d.ts +3 -0
  36. package/dist/src/sub/DynamicLayout/gleStyles.js +19 -0
  37. package/dist/src/sub/DynamicLayout/hooks/useCustomSectionShortcut/useCustomSectionShortcut.d.ts +1 -1
  38. package/dist/src/sub/DynamicLayout/hooks/useCustomSectionShortcut/useCustomSectionShortcut.js +6 -1
  39. package/dist/src/sub/DynamicLayout/mock_samplePage.js +132 -132
  40. package/dist/src/sub/DynamicLayout/mocks.d.ts +1111 -0
  41. package/dist/src/sub/DynamicLayout/mocks.js +4775 -0
  42. package/dist/src/sub/DynamicLayout/sectionActionTypes.d.ts +64 -15
  43. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.d.ts +0 -5
  44. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +731 -200
  45. package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridItem.d.ts +2 -1
  46. package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridItem.js +8 -5
  47. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.d.ts +1 -0
  48. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +5 -0
  49. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +25 -23
  50. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.d.ts +8 -0
  51. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +12 -0
  52. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +16 -2
  53. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_Backdrop.d.ts +1 -0
  54. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_Backdrop.js +13 -0
  55. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_Box.js +1 -1
  56. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_BoxWithShadow.js +1 -1
  57. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +79 -1
  58. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/getGoogleFonts.d.ts +2 -4
  59. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/getGoogleFonts.js +3 -14
  60. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/index.d.ts +1 -1
  61. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/index.js +2 -3
  62. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/clsx.d.ts +7 -0
  63. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/clsx.js +33 -0
  64. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil.d.ts +4 -4
  65. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/fontSizeAdjustment.d.ts +1 -0
  66. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/fontSizeAdjustment.js +333 -0
  67. package/dist/src/sub/DynamicLayout/sections/CustomSection/{hooks/useGroupDrag/utils.d.ts → newUtils/group.d.ts} +4 -1
  68. package/dist/src/sub/DynamicLayout/sections/CustomSection/{hooks/useGroupDrag/utils.js → newUtils/group.js} +14 -1
  69. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/replaceUndefinedValues.js +8 -1
  70. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/textUtil.d.ts +1 -6
  71. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +18 -2
  72. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +2 -0
  73. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.d.ts +5 -2
  74. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.js +12 -9
  75. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropTextSpec.d.ts +1 -1
  76. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/types.d.ts +1 -1
  77. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/types.js +1 -1
  78. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +3 -5
  79. package/dist/src/sub/DynamicLayout/sections/{CustomSection/FlexGridCustomSection.d.ts → FlexGridCustomSection.d.ts} +1 -5
  80. package/dist/src/sub/DynamicLayout/sections/{CustomSection/FlexGridCustomSection.js → FlexGridCustomSection.js} +44 -88
  81. package/dist/src/sub/DynamicLayout/types.d.ts +45 -1
  82. package/dist/src/sub/SandollFontKit/utils/appendSandollTagToHead.d.ts +1 -1
  83. package/dist/src/sub/SandollFontKit/utils/appendSandollTagToHead.js +17 -11
  84. package/package.json +3 -3
  85. package/release-note.md +3 -2
  86. package/dist/src/common/assets/icons/fill/BringToFrontArrow.d.ts +0 -4
  87. package/dist/src/common/assets/icons/fill/BringToFrontArrow.js +0 -30
  88. package/dist/src/common/assets/icons/fill/DesktopSync.d.ts +0 -4
  89. package/dist/src/common/assets/icons/fill/DesktopSync.js +0 -30
  90. package/dist/src/common/assets/icons/fill/MoveBackwardArrow.d.ts +0 -4
  91. package/dist/src/common/assets/icons/fill/MoveBackwardArrow.js +0 -30
  92. package/dist/src/common/assets/icons/fill/MoveForwardArrow.d.ts +0 -4
  93. package/dist/src/common/assets/icons/fill/MoveForwardArrow.js +0 -30
  94. package/dist/src/common/assets/icons/fill/SendToBackArrow.d.ts +0 -4
  95. package/dist/src/common/assets/icons/fill/SendToBackArrow.js +0 -30
  96. package/dist/src/common/assets/icons/line/BringToFrontArrow.d.ts +0 -4
  97. package/dist/src/common/assets/icons/line/BringToFrontArrow.js +0 -30
  98. package/dist/src/common/assets/icons/line/DesktopSync.d.ts +0 -4
  99. package/dist/src/common/assets/icons/line/DesktopSync.js +0 -30
  100. package/dist/src/common/assets/icons/line/MoveBackwardArrow.d.ts +0 -4
  101. package/dist/src/common/assets/icons/line/MoveBackwardArrow.js +0 -30
  102. package/dist/src/common/assets/icons/line/MoveForwardArrow.d.ts +0 -4
  103. package/dist/src/common/assets/icons/line/MoveForwardArrow.js +0 -30
  104. package/dist/src/common/assets/icons/line/SendToBackArrow.d.ts +0 -4
  105. package/dist/src/common/assets/icons/line/SendToBackArrow.js +0 -30
  106. package/dist/src/sub/DynamicLayout/pagesPreviewMock.d.ts +0 -14038
  107. package/dist/src/sub/DynamicLayout/pagesPreviewMock.js +0 -35827
  108. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/btnTypes.d.ts +0 -76
  109. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/btnTypes.js +0 -2
  110. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/types.d.ts +0 -38
  111. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/types.js +0 -2
  112. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGroupDrag/index.d.ts +0 -1
  113. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGroupDrag/index.js +0 -8
  114. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGroupDrag/useGroupDrag.d.ts +0 -22
  115. 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,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -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,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -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; } });
@@ -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;
@@ -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;