pds-dev-kit-web-test 2.7.295 → 2.7.297

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 (5) hide show
  1. package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.js +1 -1
  2. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js +0 -1
  3. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +32 -8
  4. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +1 -0
  5. package/package.json +1 -1
package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.js CHANGED
@@ -1116,7 +1116,7 @@ var CompositionEditor = (0, react_1.forwardRef)(function CompositionEditorCanvas
1116
1116
  e.stopPropagation();
1117
1117
  e.preventDefault();
1118
1118
  onContextMenuCB(matchedCB.id, e);
1119
- } }, { children: (0, jsx_runtime_1.jsx)(ComponentBlockMatcher_1.default, { cbProps: matchedCB, device: device, rowHeight: rowHeight, index: index }) })) }), each.i));
1119
+ } }, { children: (0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(ComponentBlockMatcher_1.default, { cbProps: matchedCB, device: device, rowHeight: rowHeight, index: index }) }) })) }), each.i));
1120
1120
  }) })) })) })) }) })) })) })) }));
1121
1121
  });
1122
1122
  function isLayoutPlacementSame(current, prev) {
package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js CHANGED
@@ -137,7 +137,6 @@ var Composition = (0, react_1.forwardRef)(function CustomSection(props, ref) {
137
137
  maxWidth: maxWidth ? "".concat(maxWidth, "px") : '100%',
138
138
  minWidth: "".concat(Math.max(canvasWidth, minWidth !== null && minWidth !== void 0 ? minWidth : 0), "px")
139
139
  };
140
- console.log('composition: ', customSectionStyles);
141
140
  var onClickSection = function () {
142
141
  if (!isEditMode) {
143
142
  return;
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js CHANGED
@@ -39,10 +39,11 @@ var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverB
39
39
  var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
40
40
  var S_HiddenCover_1 = require("../components/S_HiddenCover");
41
41
  var useCLINK_1 = __importDefault(require("../hooks/useCLINK"));
42
+ var textSpecFormatOptions_1 = require("../Text/textSpecFormatOptions");
42
43
  function Button(props) {
43
44
  var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
44
45
  var queryContext = (0, compositionQueryContext_1.useCCBQueryPath)();
45
- var index = props.index, CB_STYLE_PROP_COLOR = props.CB_STYLE_PROP_COLOR, _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_CONTENT_PROP_CLINK_SPEC_VALUETYPE = _b.CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE, CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA = _b.CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
46
+ var index = props.index, CB_STYLE_PROP_COLOR = props.CB_STYLE_PROP_COLOR, _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_CONTENT_PROP_CLINK_SPEC_VALUETYPE = _b.CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE, CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA = _b.CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA, _c = props.CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE = _c.CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE, CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA = _c.CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA, _d = props.CB_CONTENT_PROP_TEXTOPTION, CB_CONTENT_PROP_TEXTOPTION_SPEC_SUFFIX = _d.CB_CONTENT_PROP_TEXTOPTION_SPEC_SUFFIX, CB_CONTENT_PROP_TEXTOPTION_SPEC_PREFIX = _d.CB_CONTENT_PROP_TEXTOPTION_SPEC_PREFIX, CB_CONTENT_PROP_TEXTOPTION_SPEC_FORMAT = _d.CB_CONTENT_PROP_TEXTOPTION_SPEC_FORMAT, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
46
47
  var cLinkValue = function () {
47
48
  if (CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE === 'DATA' ||
48
49
  CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE === 'DELEGATEDDATA') {
@@ -57,15 +58,15 @@ function Button(props) {
57
58
  }
58
59
  return CB_CONTENT_PROP_CLINK_SPEC_SRC;
59
60
  };
60
- var _c = (0, useCLINK_1.default)({
61
+ var _e = (0, useCLINK_1.default)({
61
62
  src: cLinkValue(),
62
63
  type: CB_CONTENT_PROP_CLINK_SPEC_TYPE,
63
64
  openNewTab: CB_CONTENT_PROP_CLINK_SPEC_NEWTAB,
64
65
  internalSrc: String(CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC)
65
- }), onClickCLINK = _c.onClickCLINK, CLINKCursor = _c.CLINKCursor;
66
- var _d = getBTNStyles(props.CB_STYLE_PROP_TEXT, device), btnTextStyle = _d.style, btnTextHoverStyle = _d.hoverStyle;
67
- var _e = getBTNColorStyles(CB_STYLE_PROP_COLOR, device), btnColorStyle = _e.style, btnColorHoverStyle = _e.hoverStyle;
68
- var _f = (0, util_1.parseProperties)(props, device), propsStyle = _f.style, propsHoverStyle = _f.hoverStyle, _g = _f.layout, paddingLeft = _g.paddingLeft, paddingRight = _g.paddingRight, paddingTop = _g.paddingTop, paddingBottom = _g.paddingBottom, layoutStyle = __rest(_g, ["paddingLeft", "paddingRight", "paddingTop", "paddingBottom"]), effect = _f.effect;
66
+ }), onClickCLINK = _e.onClickCLINK, CLINKCursor = _e.CLINKCursor;
67
+ var _f = getBTNStyles(props.CB_STYLE_PROP_TEXT, device), btnTextStyle = _f.style, btnTextHoverStyle = _f.hoverStyle;
68
+ var _g = getBTNColorStyles(CB_STYLE_PROP_COLOR, device), btnColorStyle = _g.style, btnColorHoverStyle = _g.hoverStyle;
69
+ var _h = (0, util_1.parseProperties)(props, device), propsStyle = _h.style, propsHoverStyle = _h.hoverStyle, _j = _h.layout, paddingLeft = _j.paddingLeft, paddingRight = _j.paddingRight, paddingTop = _j.paddingTop, paddingBottom = _j.paddingBottom, layoutStyle = __rest(_j, ["paddingLeft", "paddingRight", "paddingTop", "paddingBottom"]), effect = _h.effect;
69
70
  var isEditModeAndHidden = propsStyle.visibility === 'hidden' && mode === 'EDIT';
70
71
  var googleFonts = (0, useGoogleFonts_1.getGoogleFontsFromTextSpecCode)(props.CB_STYLE_PROP_TEXT, device === 'MOBILE');
71
72
  (0, useGoogleFonts_1.useGoogleFonts)({ fonts: googleFonts });
@@ -84,6 +85,20 @@ function Button(props) {
84
85
  var hasEffect = !isNoneEffectType;
85
86
  var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
86
87
  var textValue = function () {
88
+ var FORMATOPTION = CB_CONTENT_PROP_TEXTOPTION_SPEC_FORMAT;
89
+ var formatOption = textSpecFormatOptions_1.TEXT_SPEC_FORMAT_OPRIONS[FORMATOPTION];
90
+ var isDataConnected = CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE === 'DATA' ||
91
+ CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE === 'DELEGATEDDATA';
92
+ if (isDataConnected) {
93
+ if (queryContext === null || queryContext === void 0 ? void 0 : queryContext.queryData) {
94
+ var value = queryContext.queryData[CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA];
95
+ if (formatOption) {
96
+ return formatOption.formatter(value);
97
+ }
98
+ return value;
99
+ }
100
+ return 'ERROR: data connected but no data';
101
+ }
87
102
  if (device === 'MOBILE' &&
88
103
  mode !== 'EDIT' &&
89
104
  props.CB_CONTENT_PROP_VISIBILITY.CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB === false) {
@@ -97,10 +112,19 @@ function Button(props) {
97
112
  if (device === 'MOBILE') {
98
113
  var value = props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXTMOBILEALTERNATIVE;
99
114
  if (value === null || value === undefined) {
115
+ if (formatOption) {
116
+ return formatOption.formatter(props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT);
117
+ }
100
118
  return props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT;
101
119
  }
120
+ if (formatOption) {
121
+ return formatOption.formatter(value);
122
+ }
102
123
  return value;
103
124
  }
125
+ if (formatOption) {
126
+ return formatOption.formatter(props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT);
127
+ }
104
128
  return props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT;
105
129
  };
106
130
  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({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle, style: {
@@ -108,9 +132,9 @@ function Button(props) {
108
132
  paddingRight: paddingRight,
109
133
  paddingBottom: paddingBottom,
110
134
  paddingTop: paddingTop
111
- } }, { children: (0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ onMouseLeave: function (e) {
135
+ } }, { children: (0, jsx_runtime_1.jsxs)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ onMouseLeave: function (e) {
112
136
  e.currentTarget.classList.remove('hovered');
113
- }, className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign(__assign({}, btnTextStyle), propsStyle), layoutStyle), effectCssProperties), btnColorStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word', cursor: CLINKCursor }), hoverStyle: __assign(__assign(__assign(__assign({}, btnTextHoverStyle), propsHoverStyle), btnColorHoverStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onClick: onClickCLINK }, { children: textValue() })) }))] }));
137
+ }, className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign(__assign({}, btnTextStyle), propsStyle), layoutStyle), effectCssProperties), btnColorStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word', cursor: CLINKCursor }), hoverStyle: __assign(__assign(__assign(__assign({}, btnTextHoverStyle), propsHoverStyle), btnColorHoverStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onClick: onClickCLINK }, { children: [CB_CONTENT_PROP_TEXTOPTION_SPEC_PREFIX, textValue(), CB_CONTENT_PROP_TEXTOPTION_SPEC_SUFFIX] })) }))] }));
114
138
  }
115
139
  function getBTNStyles(props, device) {
116
140
  var availableSpecCodes = [
package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts CHANGED
@@ -57,6 +57,7 @@ export type CB_TEXT_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
57
57
  };
58
58
  export type CB_BTN_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
59
59
  CB_CONTENT_PROP_TEXT: CB_CONTENT_PROP_TEXT;
60
+ CB_CONTENT_PROP_TEXTOPTION: CB_CONTENT_PROP_TEXTOPTION;
60
61
  CB_CONTENT_PROP_CLINK: CB_CONTENT_PROP_CLINK;
61
62
  CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
62
63
  CB_STYLE_PROP_TEXT: CB_STYLE_PROP_TEXT_SPECS;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.7.295",
3
+ "version": "2.7.297",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",