pds-dev-kit-web-test 2.4.49 → 2.4.51

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 (4) hide show
  1. package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridCustomSection.js +0 -4
  2. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +7 -16
  3. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/textUtil.js +5 -2
  4. package/package.json +2 -2
package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridCustomSection.js CHANGED
@@ -42,15 +42,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
42
42
  };
43
43
  Object.defineProperty(exports, "__esModule", { value: true });
44
44
  var jsx_runtime_1 = require("react/jsx-runtime");
45
- require("publ-echo-test");
46
- require("publ-echo/dist/lib/GridLayoutEditor/ReactGridLayout");
47
45
  var react_1 = __importStar(require("react"));
48
46
  var ErrorBoundary_1 = require("../../../DynamicLayout/components/Section/ErrorBoundary");
49
47
  var dynamicLayoutContext_1 = require("../../../DynamicLayout/dynamicLayoutContext");
50
- require("../../../DynamicLayout/utils/deepCopy");
51
48
  var styled_components_1 = __importDefault(require("styled-components"));
52
49
  var components_1 = require("../../components");
53
- require("./components/ComponentBlock/ComponentBlockMatcher");
54
50
  var CustomSection_1 = require("./CustomSection");
55
51
  var FlexGridItem_1 = __importDefault(require("./FlexGridItem"));
56
52
  var useGroupDrag_1 = require("./hooks/useGroupDrag");
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js CHANGED
@@ -29,20 +29,19 @@ var S_CB_Box_1 = require("../components/S_CB_Box");
29
29
  var S_HiddenCover_1 = require("../components/S_HiddenCover");
30
30
  var useCLINK_1 = __importDefault(require("../hooks/useCLINK"));
31
31
  function Text(props) {
32
- var _a;
33
- var _b = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _b.device, mode = _b.mode;
34
- var index = props.index, _c = props.CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CLINK_SPEC_SRC = _c.CB_CONTENT_PROP_CLINK_SPEC_SRC, CB_CONTENT_PROP_CLINK_SPEC_TYPE = _c.CB_CONTENT_PROP_CLINK_SPEC_TYPE, CB_CONTENT_PROP_CLINK_SPEC_NEWTAB = _c.CB_CONTENT_PROP_CLINK_SPEC_NEWTAB, CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC = _c.CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_PLACEMENT_PROP_PLACEMENT = props.CB_PLACEMENT_PROP_PLACEMENT;
32
+ var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
33
+ var index = props.index, _b = props.CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CLINK_SPEC_SRC = _b.CB_CONTENT_PROP_CLINK_SPEC_SRC, CB_CONTENT_PROP_CLINK_SPEC_TYPE = _b.CB_CONTENT_PROP_CLINK_SPEC_TYPE, CB_CONTENT_PROP_CLINK_SPEC_NEWTAB = _b.CB_CONTENT_PROP_CLINK_SPEC_NEWTAB, CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC = _b.CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_PLACEMENT_PROP_PLACEMENT = props.CB_PLACEMENT_PROP_PLACEMENT;
35
34
  var cols = device === 'DESKTOP'
36
35
  ? CB_PLACEMENT_PROP_PLACEMENT.CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS
37
36
  : CB_PLACEMENT_PROP_PLACEMENT['CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE'];
38
- var _d = (0, useCLINK_1.default)({
37
+ var _c = (0, useCLINK_1.default)({
39
38
  src: CB_CONTENT_PROP_CLINK_SPEC_SRC,
40
39
  type: CB_CONTENT_PROP_CLINK_SPEC_TYPE,
41
40
  openNewTab: CB_CONTENT_PROP_CLINK_SPEC_NEWTAB,
42
41
  internalSrc: String(CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC)
43
- }), CLINKCursor = _d.CLINKCursor, onClickCLINK = _d.onClickCLINK;
44
- var _e = getTextStyles(props.CB_STYLE_PROP_TEXT, device), textStyle = _e.style, textHoverStyle = _e.hoverStyle;
45
- var _f = (0, util_1.parseProperties)(props, device), propsStyle = _f.style, propsHoverStyle = _f.hoverStyle, layoutStyle = _f.layout, effect = _f.effect;
42
+ }), CLINKCursor = _c.CLINKCursor, onClickCLINK = _c.onClickCLINK;
43
+ var _d = getTextStyles(props.CB_STYLE_PROP_TEXT, device), textStyle = _d.style, textHoverStyle = _d.hoverStyle;
44
+ var _e = (0, util_1.parseProperties)(props, device), propsStyle = _e.style, propsHoverStyle = _e.hoverStyle, layoutStyle = _e.layout, effect = _e.effect;
46
45
  var isEditModeAndHidden = propsStyle.visibility === 'hidden' && mode === 'EDIT';
47
46
  var googleFonts = (0, getGoogleFonts_1.getGoogleFontsFromTextCB)(props.CB_STYLE_PROP_TEXT, device === 'MOBILE');
48
47
  (0, useGoogleFonts_1.default)({ fonts: googleFonts });
@@ -60,15 +59,7 @@ function Text(props) {
60
59
  : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
61
60
  var hasEffect = !isNoneEffectType;
62
61
  var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
63
- var rect = (_a = cbRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
64
- var baseWidth = getBaseWidth(cols);
65
- var fontsize = textStyle.fontSize;
66
- console.log(fontsize);
67
- // const rate = fontsize / baseWidth;
68
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ style: {
69
- height: 'fit-content',
70
- minWidth: '2ch'
71
- }, ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_CB_Box_1.S_CB_Box, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, textStyle), propsStyle), layoutStyle), effectCssProperties), { whiteSpace: 'pre-wrap', wordBreak: 'break-word', cursor: CLINKCursor, height: 'fit-content', minWidth: '2ch' }), hoverStyle: __assign(__assign(__assign({}, textHoverStyle), propsHoverStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }), onClick: onClickCLINK }, { children: props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT })) }))] }));
62
+ return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ style: __assign({ height: 'fit-content', minWidth: '2ch' }, textStyle), ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_CB_Box_1.S_CB_Box, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, textStyle), propsStyle), layoutStyle), effectCssProperties), { whiteSpace: 'pre-wrap', wordBreak: 'break-word', cursor: CLINKCursor, height: 'fit-content', minWidth: '2ch', fontSize: 'inherit' }), hoverStyle: __assign(__assign(__assign({}, textHoverStyle), propsHoverStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }), onClick: onClickCLINK }, { children: props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT })) }))] }));
72
63
  }
73
64
  function getTextStyles(props, device) {
74
65
  var availableSpecCodes = [
package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/textUtil.js CHANGED
@@ -205,8 +205,11 @@ function getVerticalPositionValue(value) {
205
205
  }
206
206
  }
207
207
  function getEmFontSize(device, size) {
208
+ var min = (size - 1.5) / 16;
209
+ var max = (size + 1.5) / 16;
210
+ var preferred = size / 16;
208
211
  if (device === 'DESKTOP') {
209
- return "".concat((size / 16).toFixed(3), "em");
212
+ return "clamp(".concat(min, "em, ").concat(preferred, "em, ").concat(max, "em)");
210
213
  }
211
- return "".concat((size / 16).toFixed(3), "em");
214
+ return "clamp(".concat(min, "em, ").concat(preferred, "em, ").concat(max, "em)");
212
215
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.4.49",
3
+ "version": "2.4.51",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
@@ -23,7 +23,7 @@
23
23
  "lottie-react": "^2.3.1",
24
24
  "nuka-carousel": "^4.8.4",
25
25
  "publ-echo": "^0.0.45",
26
- "publ-echo-test": "^0.0.21",
26
+ "publ-echo-test": "^0.0.22",
27
27
  "react-hook-form": "^7.28.1",
28
28
  "react-i18next": "^11.12.0",
29
29
  "react-router-dom": "^5.2.0",