pds-dev-kit-web 2.2.285 → 2.2.287
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/Braces.d.ts +4 -0
- package/dist/src/common/assets/icons/fill/Braces.js +30 -0
- package/dist/src/common/assets/icons/fill/index.d.ts +1 -0
- package/dist/src/common/assets/icons/fill/index.js +2 -0
- package/dist/src/common/assets/icons/line/Braces.d.ts +4 -0
- package/dist/src/common/assets/icons/line/Braces.js +30 -0
- package/dist/src/common/assets/icons/line/index.d.ts +1 -0
- package/dist/src/common/assets/icons/line/index.js +2 -0
- package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js +2 -1
- package/dist/src/sub/DynamicLayout/gleStyles.js +1 -1
- package/dist/src/sub/DynamicLayout/mock_section.json +17849 -5471
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +3 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +6 -4
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js +3 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.js +1 -1
- package/package.json +1 -1
- package/release-note.md +2 -2
|
@@ -0,0 +1,30 @@
|
|
|
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 __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
26
|
+
var Braces = function (_a) {
|
|
27
|
+
var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
|
|
28
|
+
return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M9.2625,19.9285 L7.4585,19.9285 C6.2505,19.9285 5.2705,18.9485 5.2715,17.7395 L5.2735,15.6875 C5.2745,14.4405 4.6385,13.2785 3.5875,12.6075 L2.6375,11.9995 L3.5875,11.3925 C4.6385,10.7215 5.2745,9.5595 5.2735,8.3125 L5.2715,6.2605 C5.2705,5.0515 6.2505,4.0715 7.4585,4.0715 L9.2625,4.0715 M14.7375,19.9285 L16.5415,19.9285 C17.7495,19.9285 18.7295,18.9485 18.7285,17.7395 L18.7265,15.6875 C18.7255,14.4405 19.3615,13.2785 20.4125,12.6075 L21.3625,11.9995 L20.4125,11.3925 C19.3615,10.7215 18.7255,9.5595 18.7265,8.3125 L18.7285,6.2605 C18.7295,5.0515 17.7495,4.0715 16.5415,4.0715 L14.7375,4.0715" }) })));
|
|
29
|
+
};
|
|
30
|
+
exports.default = Braces;
|
|
@@ -18,6 +18,7 @@ declare const fillIcons: {
|
|
|
18
18
|
readonly ic_bell_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
|
|
19
19
|
readonly ic_bell_style: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
|
|
20
20
|
readonly ic_bookmark: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
|
|
21
|
+
readonly ic_braces: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
|
|
21
22
|
readonly ic_button: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
|
|
22
23
|
readonly ic_calendar: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
|
|
23
24
|
readonly ic_call: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
|
|
@@ -21,6 +21,7 @@ var BellNotification_1 = __importDefault(require("./BellNotification"));
|
|
|
21
21
|
var BellOff_1 = __importDefault(require("./BellOff"));
|
|
22
22
|
var BellStyle_1 = __importDefault(require("./BellStyle"));
|
|
23
23
|
var Bookmark_1 = __importDefault(require("./Bookmark"));
|
|
24
|
+
var Braces_1 = __importDefault(require("./Braces"));
|
|
24
25
|
var BringForward_1 = __importDefault(require("./BringForward"));
|
|
25
26
|
var BringToFront_1 = __importDefault(require("./BringToFront"));
|
|
26
27
|
var BringToFrontArrow_1 = __importDefault(require("./BringToFrontArrow"));
|
|
@@ -193,6 +194,7 @@ var fillIcons = {
|
|
|
193
194
|
ic_bell_off: BellOff_1.default,
|
|
194
195
|
ic_bell_style: BellStyle_1.default,
|
|
195
196
|
ic_bookmark: Bookmark_1.default,
|
|
197
|
+
ic_braces: Braces_1.default,
|
|
196
198
|
ic_button: Button_1.default,
|
|
197
199
|
ic_calendar: Calendar_1.default,
|
|
198
200
|
ic_call: Call_1.default,
|
|
@@ -0,0 +1,30 @@
|
|
|
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 __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
26
|
+
var Braces = function (_a) {
|
|
27
|
+
var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
|
|
28
|
+
return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M9.2625,19.9285 L7.4585,19.9285 C6.2505,19.9285 5.2705,18.9485 5.2715,17.7395 L5.2735,15.6875 C5.2745,14.4405 4.6385,13.2785 3.5875,12.6075 L2.6375,11.9995 L3.5875,11.3925 C4.6385,10.7215 5.2745,9.5595 5.2735,8.3125 L5.2715,6.2605 C5.2705,5.0515 6.2505,4.0715 7.4585,4.0715 L9.2625,4.0715 M14.7375,19.9285 L16.5415,19.9285 C17.7495,19.9285 18.7295,18.9485 18.7285,17.7395 L18.7265,15.6875 C18.7255,14.4405 19.3615,13.2785 20.4125,12.6075 L21.3625,11.9995 L20.4125,11.3925 C19.3615,10.7215 18.7255,9.5595 18.7265,8.3125 L18.7285,6.2605 C18.7295,5.0515 17.7495,4.0715 16.5415,4.0715 L14.7375,4.0715" }) })));
|
|
29
|
+
};
|
|
30
|
+
exports.default = Braces;
|
|
@@ -35,6 +35,7 @@ declare const lineIcons: {
|
|
|
35
35
|
readonly ic_booking_ticket: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
|
|
36
36
|
readonly ic_bookmark: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
|
|
37
37
|
readonly ic_box: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
|
|
38
|
+
readonly ic_braces: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
|
|
38
39
|
readonly ic_business: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
|
|
39
40
|
readonly ic_button: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
|
|
40
41
|
readonly ic_calendar: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
|
|
@@ -38,6 +38,7 @@ var BookingPapp_1 = __importDefault(require("./BookingPapp"));
|
|
|
38
38
|
var BookingTicket_1 = __importDefault(require("./BookingTicket"));
|
|
39
39
|
var Bookmark_1 = __importDefault(require("./Bookmark"));
|
|
40
40
|
var Box_1 = __importDefault(require("./Box"));
|
|
41
|
+
var Braces_1 = __importDefault(require("./Braces"));
|
|
41
42
|
var BringForward_1 = __importDefault(require("./BringForward"));
|
|
42
43
|
var BringToFront_1 = __importDefault(require("./BringToFront"));
|
|
43
44
|
var BringToFrontArrow_1 = __importDefault(require("./BringToFrontArrow"));
|
|
@@ -371,6 +372,7 @@ var lineIcons = {
|
|
|
371
372
|
ic_booking_ticket: BookingTicket_1.default,
|
|
372
373
|
ic_bookmark: Bookmark_1.default,
|
|
373
374
|
ic_box: Box_1.default,
|
|
375
|
+
ic_braces: Braces_1.default,
|
|
374
376
|
ic_business: Business_1.default,
|
|
375
377
|
ic_button: Button_1.default,
|
|
376
378
|
ic_calendar: Calendar_1.default,
|
|
@@ -158,7 +158,7 @@ var Composition = (0, react_1.forwardRef)(function CustomSection(props) {
|
|
|
158
158
|
paddingRight: padding.right,
|
|
159
159
|
paddingLeft: padding.left,
|
|
160
160
|
width: '100%',
|
|
161
|
-
height: ccbCode
|
|
161
|
+
height: HEIGHT_AUTO_CODES.includes(ccbCode) ? 'auto' : '100%'
|
|
162
162
|
} }, { children: (0, jsx_runtime_1.jsx)(GridContainer, __assign({ className: "composition-container", "data-cols": cols, "data-rows": rows, "data-row-height": rowHeight, "data-col-width": "10px", ref: containerRef, cols: cols, rowHeight: rowHeight, sectionRow: rows, "data-wrapper-paddingT": padding.top, "data-wrapper-paddingB": padding.bottom, "data-wrapper-paddingL": padding.left, "data-wrapper-paddingR": padding.right, style: {
|
|
163
163
|
width: customSectionStyles.width,
|
|
164
164
|
maxWidth: customSectionStyles.maxWidth
|
|
@@ -166,5 +166,6 @@ var Composition = (0, react_1.forwardRef)(function CustomSection(props) {
|
|
|
166
166
|
});
|
|
167
167
|
var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-auto-rows: minmax(", ", auto);\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n /* height: 100%; */\n padding: 10px 10px;\n width: 100%;\n\n * {\n box-sizing: border-box;\n }\n"], ["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-auto-rows: minmax(", ", auto);\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n /* height: 100%; */\n padding: 10px 10px;\n width: 100%;\n\n * {\n box-sizing: border-box;\n }\n"])), function (props) { return "".concat(props.rowHeight, "px"); }, function (props) { return props.cols; }, function (props) { return props.sectionRow; }, function (props) { return "".concat(props.rowHeight, "px"); });
|
|
168
168
|
var S_COMPOSITIONWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
169
|
+
var HEIGHT_AUTO_CODES = [types_1.CB_ALL_CODES.CB_CONTENTSCAROUSEL, types_1.CB_ALL_CODES.CB_LIST];
|
|
169
170
|
exports.default = react_1.default.memo(Composition);
|
|
170
171
|
var templateObject_1, templateObject_2;
|