pds-dev-kit-web 2.2.303 → 2.2.304

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 (2) hide show
  1. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +17 -18
  2. package/package.json +1 -1
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js CHANGED
@@ -65,12 +65,12 @@ var createComponent = function (type, getDesignType, getLocation, designType, si
65
65
  };
66
66
  };
67
67
  function ContentsList(props) {
68
- var _a, _b, _c, _d;
69
- var _e = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _e.device, mode = _e.mode, queryData = _e.queryData, navigationHandler = _e.navigationHandler;
68
+ var _a, _b, _c, _d, _e;
69
+ var _f = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _f.device, mode = _f.mode, queryData = _f.queryData, navigationHandler = _f.navigationHandler;
70
70
  var index = props.index, compositions = props.compositions, CB_CONTENT_PROP_CONTENTSLIST = props.CB_CONTENT_PROP_CONTENTSLIST, CB_STYLE_PROP_CONTENTSLISTDESIGN = props.CB_STYLE_PROP_CONTENTSLISTDESIGN, CB_STYLE_PROP_CONTENTSLISTPAGINATION = props.CB_STYLE_PROP_CONTENTSLISTPAGINATION, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_LAYOUT_PROP_PADDING = props.CB_LAYOUT_PROP_PADDING, CB_STYLE_PROP_BGMEDIA = props.CB_STYLE_PROP_BGMEDIA, CB_LAYOUT_PROP_HEIGHTADJUSTMENT = props.CB_LAYOUT_PROP_HEIGHTADJUSTMENT;
71
71
  var CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_MDISPLAYCOUNTS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_MDISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE, CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA, CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING, CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATAOFFSET = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATAOFFSET, CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_MCOLUMNS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_MCOLUMNS;
72
- var _f = (0, react_1.useState)(false), isHovered = _f[0], setIsHovered = _f[1];
73
- var _g = (0, react_1.useState)(1), currentPage = _g[0], setCurrentPage = _g[1];
72
+ var _g = (0, react_1.useState)(false), isHovered = _g[0], setIsHovered = _g[1];
73
+ var _h = (0, react_1.useState)(1), currentPage = _h[0], setCurrentPage = _h[1];
74
74
  var queryPath = "".concat(CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA, "/").concat(CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING, "/").concat(CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATAOFFSET);
75
75
  var queryDataValue = queryData === null || queryData === void 0 ? void 0 : queryData[queryPath];
76
76
  // list의 minheight / minwidth를 계산
@@ -80,23 +80,24 @@ function ContentsList(props) {
80
80
  var displayCounts = device === 'DESKTOP'
81
81
  ? CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS
82
82
  : CB_CONTENT_PROP_CONTENTSLIST_SPEC_MDISPLAYCOUNTS;
83
+ var dataItemLength = Math.min((_a = queryDataValue === null || queryDataValue === void 0 ? void 0 : queryDataValue.length) !== null && _a !== void 0 ? _a : 0, CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS);
83
84
  var totalPage = Math.ceil((CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE === 'DATA' && queryDataValue
84
- ? CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS
85
+ ? dataItemLength
85
86
  : CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS.length) / displayCounts);
86
87
  var CB_STYLE_PROP_CONTENTSLIST = __assign(__assign({}, CB_STYLE_PROP_CONTENTSLISTDESIGN), CB_STYLE_PROP_CONTENTSLISTPAGINATION);
87
- var _h = (0, util_1.parseProperties)(props, device), style = _h.style, hoverStyle = _h.hoverStyle, layout = _h.layout, effect = _h.effect, overlayStyle = _h.overlayStyle;
88
+ var _j = (0, util_1.parseProperties)(props, device), style = _j.style, hoverStyle = _j.hoverStyle, layout = _j.layout, effect = _j.effect, overlayStyle = _j.overlayStyle;
88
89
  var contentPropCss = (0, contentsListUtils_1.parseGridContentProp)({
89
90
  props: CB_CONTENT_PROP_CONTENTSLIST,
90
91
  device: device
91
92
  }).contentPropCss;
92
- var _j = (0, contentsListUtils_1.parseGridStyleProp)({
93
+ var _k = (0, contentsListUtils_1.parseGridStyleProp)({
93
94
  props: CB_STYLE_PROP_CONTENTSLIST,
94
95
  device: device
95
- }), stylePropCss = _j.stylePropCss, hoverStylePropCss = _j.hoverStylePropCss;
96
- var _k = (0, contentsListUtils_1.parsePaginationStyleProp)({
96
+ }), stylePropCss = _k.stylePropCss, hoverStylePropCss = _k.hoverStylePropCss;
97
+ var _l = (0, contentsListUtils_1.parsePaginationStyleProp)({
97
98
  props: CB_STYLE_PROP_CONTENTSLIST,
98
99
  device: device
99
- }), paginationNormalStyle = _k.normalStyle, paginationHoverStyle = _k.hoverStyle;
100
+ }), paginationNormalStyle = _l.normalStyle, paginationHoverStyle = _l.hoverStyle;
100
101
  // NOTE: edit모드에서는 그리드의 이벤트만 작동하도록 CB의 포인터 이벤트는 막습니다.
101
102
  var editModeStyle = mode === 'EDIT' ? { pointerEvents: 'none' } : {};
102
103
  var cbRef = (0, react_1.useRef)(null);
@@ -120,15 +121,15 @@ function ContentsList(props) {
120
121
  // NOTE: edit환경에서 hover가 작동하지 않아서 제외함 필요시 추가..
121
122
  var columnGapEnum = device === 'DESKTOP'
122
123
  ? CB_STYLE_PROP_CONTENTSLIST.CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMSPACING
123
- : (_a = CB_STYLE_PROP_CONTENTSLIST['CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMSPACING:MOBILE']) !== null && _a !== void 0 ? _a : CB_STYLE_PROP_CONTENTSLIST.CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMSPACING;
124
+ : (_b = CB_STYLE_PROP_CONTENTSLIST['CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMSPACING:MOBILE']) !== null && _b !== void 0 ? _b : CB_STYLE_PROP_CONTENTSLIST.CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMSPACING;
124
125
  var columnGap = columnGapEnum === 'NARROW' ? 8 : columnGapEnum === 'NORMAL' ? 24 : 36;
125
126
  var rowGap = device === 'DESKTOP'
126
127
  ? CB_STYLE_PROP_CONTENTSLIST.CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT
127
- : (_b = CB_STYLE_PROP_CONTENTSLIST['CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT:MOBILE']) !== null && _b !== void 0 ? _b : CB_STYLE_PROP_CONTENTSLIST.CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT;
128
+ : (_c = CB_STYLE_PROP_CONTENTSLIST['CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT:MOBILE']) !== null && _c !== void 0 ? _c : CB_STYLE_PROP_CONTENTSLIST.CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT;
128
129
  var standardComposition = getStandardComposition(compositions, CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE);
129
130
  var compositionMinValue = getCompositionMinValue(standardComposition, device);
130
- var oneCompositionMinWidth = (_c = compositionMinValue === null || compositionMinValue === void 0 ? void 0 : compositionMinValue.minWidth) !== null && _c !== void 0 ? _c : 0;
131
- var oneCompositionMinHeight = (_d = compositionMinValue === null || compositionMinValue === void 0 ? void 0 : compositionMinValue.minHeight) !== null && _d !== void 0 ? _d : 0;
131
+ var oneCompositionMinWidth = (_d = compositionMinValue === null || compositionMinValue === void 0 ? void 0 : compositionMinValue.minWidth) !== null && _d !== void 0 ? _d : 0;
132
+ var oneCompositionMinHeight = (_e = compositionMinValue === null || compositionMinValue === void 0 ? void 0 : compositionMinValue.minHeight) !== null && _e !== void 0 ? _e : 0;
132
133
  var paddingLR = CB_LAYOUT_PROP_PADDING.CB_LAYOUT_PROP_PADDING_SPEC_PADDING.left +
133
134
  CB_LAYOUT_PROP_PADDING.CB_LAYOUT_PROP_PADDING_SPEC_PADDING.right;
134
135
  var paddingTB = CB_LAYOUT_PROP_PADDING.CB_LAYOUT_PROP_PADDING_SPEC_PADDING.top +
@@ -142,9 +143,7 @@ function ContentsList(props) {
142
143
  var components = [
143
144
  createPagination(paginationNormalStyle, paginationHoverStyle, isHovered)
144
145
  ].filter(function (component) { return component !== undefined; });
145
- var _l = (0, useFlexGridLayout_1.useFlexGridLayout)({ components: components }), layoutRef = _l.layoutRef, positionRefs = _l.positionRefs,
146
- // ccbInset,
147
- componentGroups = _l.componentGroups, getPositionStyle = _l.getPositionStyle, getComponentGroupLayout = _l.getComponentGroupLayout;
146
+ var _m = (0, useFlexGridLayout_1.useFlexGridLayout)({ components: components }), layoutRef = _m.layoutRef, positionRefs = _m.positionRefs, componentGroups = _m.componentGroups, getPositionStyle = _m.getPositionStyle, getComponentGroupLayout = _m.getComponentGroupLayout;
148
147
  var ccbInset = {
149
148
  top: '0px',
150
149
  right: '0px',
@@ -187,7 +186,7 @@ function ContentsList(props) {
187
186
  } }, { children: (0, jsx_runtime_1.jsx)(S_ContentsListWrapper, __assign({ className: "cb-contentslist-wrapper", ccbInset: ccbInset, contentPropCss: contentPropCss, stylePropCss: isHovered ? hoverStylePropCss : stylePropCss }, { children: (0, createCompositions_1.createCompositions)({
188
187
  valueType: CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE,
189
188
  queryPath: queryPath,
190
- limit: CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS,
189
+ limit: dataItemLength,
191
190
  queryData: queryData,
192
191
  compositions: compositions,
193
192
  componentBlockCode: types_1.CB_ALL_CODES.CB_LIST,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "2.2.303",
3
+ "version": "2.2.304",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",