pds-dev-kit-web 2.0.9-alpha.2 → 2.0.9-alpha.4

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 (12) hide show
  1. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/GlobalFixedOverlay.js +6 -11
  2. package/dist/src/sub/DynamicLayout/mock_samplePage.js +1 -1
  3. package/dist/src/sub/DynamicLayout/mock_storybook.js +1 -1
  4. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/TemplateA.js +3 -3
  5. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/D_TemplateA.js +3 -1
  6. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/M_TemplateA.js +1 -1
  7. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/TemplateB.js +3 -3
  8. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/D_TemplateB.js +1 -1
  9. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/M_TemplateB.js +1 -1
  10. package/dist/src/sub/DynamicLayout/types.d.ts +1 -1
  11. package/package.json +1 -1
  12. package/release-note.md +2 -4
package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/GlobalFixedOverlay.js CHANGED
@@ -9,35 +9,30 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  var jsx_runtime_1 = require("react/jsx-runtime");
11
11
  var react_1 = require("react");
12
- var Section_1 = require("../../../../../DynamicLayout/components/Section");
13
12
  var dynamicLayoutContext_1 = require("../../../../../DynamicLayout/dynamicLayoutContext");
14
13
  var styled_components_1 = __importDefault(require("styled-components"));
15
14
  var MembershipSectionGlobalFixedOverlay_1 = require("./MembershipSectionGlobalFixedOverlay");
16
15
  function GlobalFixedOverlay(_a) {
17
16
  var filteredSortedSection = _a.filteredSortedSection;
18
17
  var device = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).device;
19
- var section = (0, react_1.useContext)(Section_1.sectionContext);
20
- if (!section || !section.programData) {
21
- return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
22
- }
23
- var programmedSectionPreviewData = section.programData.preview.resource.real.membershipDisplay;
24
18
  var showMembershipFixedOverlay = getShowMembershipFixedOverlay({
25
19
  filteredSortedSection: filteredSortedSection,
26
- programmedSectionPreviewData: programmedSectionPreviewData,
27
20
  device: device
28
21
  });
29
22
  return ((0, jsx_runtime_1.jsx)(S_GlobalFixedOverlay, { children: showMembershipFixedOverlay && ((0, jsx_runtime_1.jsx)(MembershipSectionGlobalFixedOverlay_1.MembershipSectionGlobalFixedOverlay, { orderedConnectedMemberships: showMembershipFixedOverlay.orderedConnectedMemberships, membershipSectionStyle: showMembershipFixedOverlay.membershipSectionStyle }, void 0)) }, void 0));
30
23
  }
31
24
  var S_GlobalFixedOverlay = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
32
25
  function getShowMembershipFixedOverlay(_a) {
33
- var filteredSortedSection = _a.filteredSortedSection, programmedSectionPreviewData = _a.programmedSectionPreviewData, device = _a.device;
26
+ var filteredSortedSection = _a.filteredSortedSection, device = _a.device;
34
27
  var membershipSection = filteredSortedSection.find(function (section) { return section.manifest.schema === 'PRG_MEMBERSHIP_DISPLAY'; });
35
- if (!programmedSectionPreviewData || !membershipSection || device !== 'MOBILE') {
28
+ if (!membershipSection || device !== 'MOBILE' || !membershipSection.programData) {
36
29
  return null;
37
30
  }
38
- var connectedMemberships = programmedSectionPreviewData.connectedMemberships;
31
+ var connectedMemberships = membershipSection.programData.preview.resources.real.membershipDisplay.connectedMemberships;
39
32
  var styles = membershipSection.styles;
40
- var orderedConnectedMemberships = connectedMemberships.sort(function (a, b) { return a.order - b.order; });
33
+ var orderedConnectedMemberships = connectedMemberships
34
+ .slice()
35
+ .sort(function (a, b) { return a.order - b.order; });
41
36
  var showMembershipFixedOverlay = {
42
37
  orderedConnectedMemberships: orderedConnectedMemberships,
43
38
  membershipSectionStyle: styles
package/dist/src/sub/DynamicLayout/mock_samplePage.js CHANGED
@@ -1119,7 +1119,7 @@ exports.samplePageMembershipSection = {
1119
1119
  mdid: 'mdid',
1120
1120
  preview: {
1121
1121
  availableResources: ['REAL.MEMBERSHIP_DISPLAY'],
1122
- resource: {
1122
+ resources: {
1123
1123
  mock: {},
1124
1124
  real: {
1125
1125
  membershipDisplay: {
package/dist/src/sub/DynamicLayout/mock_storybook.js CHANGED
@@ -1437,7 +1437,7 @@ exports.MembershipSectionsMock = [
1437
1437
  mdid: 'mdid',
1438
1438
  preview: {
1439
1439
  availableResources: ['REAL.MEMBERSHIP_DISPLAY'],
1440
- resource: {
1440
+ resources: {
1441
1441
  mock: {},
1442
1442
  real: {
1443
1443
  membershipDisplay: {
package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/TemplateA.js CHANGED
@@ -13,12 +13,12 @@ function TemplateA() {
13
13
  return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
14
14
  }
15
15
  var programData = section.programData;
16
- if (!programData || !programData.preview.resource.real.membershipDisplay) {
16
+ if (!programData || !programData.preview.resources.real.membershipDisplay) {
17
17
  return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
18
18
  }
19
19
  return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: {
20
- MOBILE: ((0, jsx_runtime_1.jsx)(mobile_1.M_TemplateA, { membershipDisplay: programData.preview.resource.real.membershipDisplay }, void 0)),
21
- DESKTOP: ((0, jsx_runtime_1.jsx)(desktop_1.D_TemplateA, { membershipDisplay: programData.preview.resource.real.membershipDisplay }, void 0))
20
+ MOBILE: ((0, jsx_runtime_1.jsx)(mobile_1.M_TemplateA, { membershipDisplay: programData.preview.resources.real.membershipDisplay }, void 0)),
21
+ DESKTOP: ((0, jsx_runtime_1.jsx)(desktop_1.D_TemplateA, { membershipDisplay: programData.preview.resources.real.membershipDisplay }, void 0))
22
22
  }[device] }, void 0));
23
23
  }
24
24
  exports.default = TemplateA;
package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/D_TemplateA.js CHANGED
@@ -15,7 +15,9 @@ var SectionContents_1 = __importDefault(require("./components/SectionContents"))
15
15
  function TemplateA(_a) {
16
16
  var membershipDisplay = _a.membershipDisplay;
17
17
  var _b = (0, react_1.useState)(window.innerWidth > 1300), isWideView = _b[0], setIsWideView = _b[1];
18
- var orderedMemberships = membershipDisplay.connectedMemberships.sort(function (a, b) { return a.order - b.order; }) || [];
18
+ var orderedMemberships = membershipDisplay.connectedMemberships
19
+ .slice()
20
+ .sort(function (a, b) { return a.order - b.order; });
19
21
  var handleSize = function () {
20
22
  setIsWideView(window.innerWidth > 1300);
21
23
  };
package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/M_TemplateA.js CHANGED
@@ -13,7 +13,7 @@ var MembershipContents_1 = __importDefault(require("./components/MembershipConte
13
13
  var SectionContents_1 = __importDefault(require("./components/SectionContents"));
14
14
  function TemplateB(_a) {
15
15
  var membershipDisplay = _a.membershipDisplay;
16
- var orderedConnectedMemberships = membershipDisplay.connectedMemberships.sort(function (a, b) { return a.order - b.order; }) || [];
16
+ var orderedConnectedMemberships = membershipDisplay.connectedMemberships.slice().sort(function (a, b) { return a.order - b.order; }) || [];
17
17
  return ((0, jsx_runtime_1.jsxs)(S_MembershipSection, { children: [(0, jsx_runtime_1.jsx)(SectionContents_1.default, {}, void 0), orderedConnectedMemberships.length > 0 && ((0, jsx_runtime_1.jsx)(MembershipContents_1.default, { orderedConnectedMemberships: orderedConnectedMemberships }, void 0))] }, void 0));
18
18
  }
19
19
  var S_MembershipSection = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-top: ", ";\n padding: 0 ", ";\n"], ["\n margin-top: ", ";\n padding: 0 ", ";\n"])), function (_a) {
package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/TemplateB.js CHANGED
@@ -13,12 +13,12 @@ function TemplateB() {
13
13
  return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
14
14
  }
15
15
  var programData = section.programData;
16
- if (!programData || !programData.preview.resource.real.membershipDisplay) {
16
+ if (!programData || !programData.preview.resources.real.membershipDisplay) {
17
17
  return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
18
18
  }
19
19
  return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: {
20
- MOBILE: ((0, jsx_runtime_1.jsx)(mobile_1.M_TemplateB, { membershipDisplay: programData.preview.resource.real.membershipDisplay }, void 0)),
21
- DESKTOP: ((0, jsx_runtime_1.jsx)(desktop_1.D_TemplateB, { membershipDisplay: programData.preview.resource.real.membershipDisplay }, void 0))
20
+ MOBILE: ((0, jsx_runtime_1.jsx)(mobile_1.M_TemplateB, { membershipDisplay: programData.preview.resources.real.membershipDisplay }, void 0)),
21
+ DESKTOP: ((0, jsx_runtime_1.jsx)(desktop_1.D_TemplateB, { membershipDisplay: programData.preview.resources.real.membershipDisplay }, void 0))
22
22
  }[device] }, void 0));
23
23
  }
24
24
  exports.default = TemplateB;
package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/D_TemplateB.js CHANGED
@@ -15,7 +15,7 @@ var SectionContents_1 = __importDefault(require("./components/SectionContents"))
15
15
  function TemplateB(_a) {
16
16
  var membershipDisplay = _a.membershipDisplay;
17
17
  var _b = (0, react_1.useState)(window.innerWidth > 1300), isWideView = _b[0], setIsWideView = _b[1];
18
- var orderedMemberships = membershipDisplay.connectedMemberships.sort(function (a, b) { return a.order - b.order; }) || [];
18
+ var orderedMemberships = membershipDisplay.connectedMemberships.slice().sort(function (a, b) { return a.order - b.order; }) || [];
19
19
  var handleSize = function () {
20
20
  setIsWideView(window.innerWidth > 1300);
21
21
  };
package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/M_TemplateB.js CHANGED
@@ -8,7 +8,7 @@ var MembershipContents_1 = __importDefault(require("./components/MembershipConte
8
8
  var SectionContents_1 = __importDefault(require("./components/SectionContents"));
9
9
  function TemplateB(_a) {
10
10
  var membershipDisplay = _a.membershipDisplay;
11
- var orderedConnectedMemberships = membershipDisplay.connectedMemberships.sort(function (a, b) { return a.order - b.order; }) || [];
11
+ var orderedConnectedMemberships = membershipDisplay.connectedMemberships.slice().sort(function (a, b) { return a.order - b.order; }) || [];
12
12
  return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SectionContents_1.default, {}, void 0), orderedConnectedMemberships.length > 0 && ((0, jsx_runtime_1.jsx)(MembershipContents_1.default, { orderedConnectedMemberships: orderedConnectedMemberships }, void 0))] }, void 0));
13
13
  }
14
14
  exports.default = TemplateB;
package/dist/src/sub/DynamicLayout/types.d.ts CHANGED
@@ -41,7 +41,7 @@ export interface ISection {
41
41
  mdid: string;
42
42
  preview: {
43
43
  availableResources: ['REAL.MEMBERSHIP_DISPLAY'];
44
- resource: {
44
+ resources: {
45
45
  mock: Record<string, never>;
46
46
  real: {
47
47
  membershipDisplay: IMembershipDisplay;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "2.0.9-alpha.2",
3
+ "version": "2.0.9-alpha.4",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,10 +1,8 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v2.0.9-alpha.2]
2
+ ## [v2.0.9-alpha.4]
3
3
 
4
4
  ## alpha|https://staging.storybook.publ.biz/
5
5
 
6
6
  ### sub
7
7
  * DynamicLayout
8
- * ISection 인터페이스 수정
9
- ### Color
10
- * 컬러 키 값 23.04.20 17시 40분 기준 싱크
8
+ * readonly 객체 수정 시도 에러 픽스