pds-dev-kit-web 2.0.9-alpha.0 → 2.0.9-alpha.1

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 (16) hide show
  1. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/MembershipSection.js +4 -7
  2. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/TemplateA.d.ts +1 -4
  3. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/TemplateA.js +3 -4
  4. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/desktop/D_TemplateA.d.ts +1 -4
  5. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/desktop/D_TemplateA.js +11 -3
  6. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/mobile/M_TemplateA.d.ts +1 -4
  7. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/mobile/M_TemplateA.js +11 -3
  8. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/TemplateB.d.ts +1 -4
  9. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/TemplateB.js +3 -4
  10. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/desktop/D_TemplateB.d.ts +1 -4
  11. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/desktop/D_TemplateB.js +11 -3
  12. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/mobile/M_TemplateB.d.ts +1 -4
  13. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/mobile/M_TemplateB.js +11 -3
  14. package/dist/src/sub/DynamicLayout/types.d.ts +1 -1
  15. package/package.json +1 -1
  16. package/release-note.md +2 -2
package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/MembershipSection.js CHANGED
@@ -30,25 +30,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
30
30
  };
31
31
  Object.defineProperty(exports, "__esModule", { value: true });
32
32
  var jsx_runtime_1 = require("react/jsx-runtime");
33
- var react_1 = require("react");
34
33
  var components_1 = require("../../../../DynamicLayout/components");
35
- var dynamicLayoutContext_1 = require("../../../../DynamicLayout/dynamicLayoutContext");
36
34
  var styled_components_1 = __importDefault(require("styled-components"));
37
35
  var templates_1 = require("./templates");
38
36
  function NormalTypeMembershipSection(_a) {
39
37
  var props = __rest(_a, []);
40
38
  var template = props.template;
41
- var programmedSectionComponents = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).programmedSectionComponents;
42
- return ((0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ "x-dlayout-section-type": "Membership" }, { children: (0, jsx_runtime_1.jsx)(components_1.Section, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(TemplateMather, { styleTemplate: template, programmedSectionComponents: programmedSectionComponents }, void 0) }), void 0) }), void 0));
39
+ return ((0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ "x-dlayout-section-type": "Membership" }, { children: (0, jsx_runtime_1.jsx)(components_1.Section, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(TemplateMather, { styleTemplate: template }, void 0) }), void 0) }), void 0));
43
40
  }
44
41
  var S_SectionWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
45
42
  function TemplateMather(_a) {
46
- var styleTemplate = _a.styleTemplate, programmedSectionComponents = _a.programmedSectionComponents;
43
+ var styleTemplate = _a.styleTemplate;
47
44
  switch (styleTemplate) {
48
45
  case 'PRG_MEMBERSHIP_DISPLAY_A':
49
- return (0, jsx_runtime_1.jsx)(templates_1.TemplateA, { programmedSectionComponents: programmedSectionComponents }, void 0);
46
+ return (0, jsx_runtime_1.jsx)(templates_1.TemplateA, {}, void 0);
50
47
  case 'PRG_MEMBERSHIP_DISPLAY_B':
51
- return (0, jsx_runtime_1.jsx)(templates_1.TemplateB, { programmedSectionComponents: programmedSectionComponents }, void 0);
48
+ return (0, jsx_runtime_1.jsx)(templates_1.TemplateB, {}, void 0);
52
49
  default:
53
50
  return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
54
51
  }
package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/TemplateA.d.ts CHANGED
@@ -1,6 +1,3 @@
1
1
  /// <reference types="react" />
2
- declare type Props = {
3
- programmedSectionComponents?: React.ReactNode;
4
- };
5
- declare function TemplateA({ programmedSectionComponents }: Props): JSX.Element;
2
+ declare function TemplateA(): JSX.Element;
6
3
  export default TemplateA;
package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/TemplateA.js CHANGED
@@ -5,12 +5,11 @@ var react_1 = require("react");
5
5
  var dynamicLayoutContext_1 = require("../../../../../../DynamicLayout/dynamicLayoutContext");
6
6
  var desktop_1 = require("./desktop");
7
7
  var mobile_1 = require("./mobile");
8
- function TemplateA(_a) {
9
- var programmedSectionComponents = _a.programmedSectionComponents;
8
+ function TemplateA() {
10
9
  var device = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).device;
11
10
  return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: {
12
- MOBILE: (0, jsx_runtime_1.jsx)(mobile_1.M_TemplateA, { programmedSectionComponents: programmedSectionComponents }, void 0),
13
- DESKTOP: (0, jsx_runtime_1.jsx)(desktop_1.D_TemplateA, { programmedSectionComponents: programmedSectionComponents }, void 0)
11
+ MOBILE: (0, jsx_runtime_1.jsx)(mobile_1.M_TemplateA, {}, void 0),
12
+ DESKTOP: (0, jsx_runtime_1.jsx)(desktop_1.D_TemplateA, {}, void 0)
14
13
  }[device] }, void 0));
15
14
  }
16
15
  exports.default = TemplateA;
package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/desktop/D_TemplateA.d.ts CHANGED
@@ -1,6 +1,3 @@
1
1
  /// <reference types="react" />
2
- declare type Props = {
3
- programmedSectionComponents?: React.ReactNode;
4
- };
5
- declare function TemplateA({ programmedSectionComponents }: Props): JSX.Element;
2
+ declare function TemplateA(): JSX.Element;
6
3
  export default TemplateA;
package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/desktop/D_TemplateA.js CHANGED
@@ -8,15 +8,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
8
8
  };
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  var jsx_runtime_1 = require("react/jsx-runtime");
11
+ var react_1 = require("react");
12
+ var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
11
13
  var styled_components_1 = __importDefault(require("styled-components"));
12
14
  var SectionContents_1 = __importDefault(require("./components/SectionContents"));
13
- function TemplateA(_a) {
14
- var programmedSectionComponents = _a.programmedSectionComponents;
15
- return ((0, jsx_runtime_1.jsxs)(S_MembershipSection, { children: [(0, jsx_runtime_1.jsx)(SectionContents_1.default, {}, void 0), programmedSectionComponents && programmedSectionComponents] }, void 0));
15
+ function TemplateA() {
16
+ return ((0, jsx_runtime_1.jsxs)(S_MembershipSection, { children: [(0, jsx_runtime_1.jsx)(SectionContents_1.default, {}, void 0), (0, jsx_runtime_1.jsx)(MembershipSection, {}, void 0)] }, void 0));
16
17
  }
17
18
  var S_MembershipSection = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n --max-viewport-width: 1920;\n --max-viewport-width-px: 1920px;\n --max-width: 1500;\n --max-width-px: 1500px;\n --min-viewport-width: 1200;\n --min-viewport-width-px: 1200px;\n --min-width: 1000;\n --min-width-px: 1000px;\n margin: ", " auto;\n max-width: var(--max-width-px);\n min-width: var(--min-width-px);\n width: calc(\n (100% - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n );\n"], ["\n --max-viewport-width: 1920;\n --max-viewport-width-px: 1920px;\n --max-width: 1500;\n --max-width-px: 1500px;\n --min-viewport-width: 1200;\n --min-viewport-width-px: 1200px;\n --min-width: 1000;\n --min-width-px: 1000px;\n margin: ", " auto;\n max-width: var(--max-width-px);\n min-width: var(--min-width-px);\n width: calc(\n (100% - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n );\n"])), function (_a) {
18
19
  var theme = _a.theme;
19
20
  return theme.spacing.spacingH;
20
21
  });
22
+ function MembershipSection() {
23
+ var programmedSectionComponents = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).programmedSectionComponents;
24
+ if (!programmedSectionComponents) {
25
+ return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
26
+ }
27
+ return programmedSectionComponents.PRG_MEMBERSHIP_DISPLAY ? (programmedSectionComponents.PRG_MEMBERSHIP_DISPLAY) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0));
28
+ }
21
29
  exports.default = TemplateA;
22
30
  var templateObject_1;
package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/mobile/M_TemplateA.d.ts CHANGED
@@ -1,6 +1,3 @@
1
1
  /// <reference types="react" />
2
- declare type Props = {
3
- programmedSectionComponents?: React.ReactNode;
4
- };
5
- declare function TemplateB({ programmedSectionComponents }: Props): JSX.Element;
2
+ declare function TemplateB(): JSX.Element;
6
3
  export default TemplateB;
package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/mobile/M_TemplateA.js CHANGED
@@ -8,11 +8,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
8
8
  };
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  var jsx_runtime_1 = require("react/jsx-runtime");
11
+ var react_1 = require("react");
12
+ var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
11
13
  var styled_components_1 = __importDefault(require("styled-components"));
12
14
  var SectionContents_1 = __importDefault(require("./components/SectionContents"));
13
- function TemplateB(_a) {
14
- var programmedSectionComponents = _a.programmedSectionComponents;
15
- return ((0, jsx_runtime_1.jsxs)(S_MembershipSection, { children: [(0, jsx_runtime_1.jsx)(SectionContents_1.default, {}, void 0), programmedSectionComponents && programmedSectionComponents] }, void 0));
15
+ function TemplateB() {
16
+ return ((0, jsx_runtime_1.jsxs)(S_MembershipSection, { children: [(0, jsx_runtime_1.jsx)(SectionContents_1.default, {}, void 0), (0, jsx_runtime_1.jsx)(MembershipSection, {}, void 0)] }, void 0));
16
17
  }
17
18
  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) {
18
19
  var theme = _a.theme;
@@ -21,5 +22,12 @@ var S_MembershipSection = styled_components_1.default.div(templateObject_1 || (t
21
22
  var theme = _a.theme;
22
23
  return theme.spacing.spacingE;
23
24
  });
25
+ function MembershipSection() {
26
+ var programmedSectionComponents = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).programmedSectionComponents;
27
+ if (!programmedSectionComponents) {
28
+ return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
29
+ }
30
+ return programmedSectionComponents.PRG_MEMBERSHIP_DISPLAY ? (programmedSectionComponents.PRG_MEMBERSHIP_DISPLAY) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0));
31
+ }
24
32
  exports.default = TemplateB;
25
33
  var templateObject_1;
package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/TemplateB.d.ts CHANGED
@@ -1,6 +1,3 @@
1
1
  /// <reference types="react" />
2
- declare type Props = {
3
- programmedSectionComponents?: React.ReactNode;
4
- };
5
- declare function TemplateB({ programmedSectionComponents }: Props): JSX.Element;
2
+ declare function TemplateB(): JSX.Element;
6
3
  export default TemplateB;
package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/TemplateB.js CHANGED
@@ -5,12 +5,11 @@ var react_1 = require("react");
5
5
  var dynamicLayoutContext_1 = require("../../../../../../DynamicLayout/dynamicLayoutContext");
6
6
  var desktop_1 = require("./desktop");
7
7
  var mobile_1 = require("./mobile");
8
- function TemplateB(_a) {
9
- var programmedSectionComponents = _a.programmedSectionComponents;
8
+ function TemplateB() {
10
9
  var device = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).device;
11
10
  return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: {
12
- MOBILE: (0, jsx_runtime_1.jsx)(mobile_1.M_TemplateB, { programmedSectionComponents: programmedSectionComponents }, void 0),
13
- DESKTOP: (0, jsx_runtime_1.jsx)(desktop_1.D_TemplateB, { programmedSectionComponents: programmedSectionComponents }, void 0)
11
+ MOBILE: (0, jsx_runtime_1.jsx)(mobile_1.M_TemplateB, {}, void 0),
12
+ DESKTOP: (0, jsx_runtime_1.jsx)(desktop_1.D_TemplateB, {}, void 0)
14
13
  }[device] }, void 0));
15
14
  }
16
15
  exports.default = TemplateB;
package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/desktop/D_TemplateB.d.ts CHANGED
@@ -1,6 +1,3 @@
1
1
  /// <reference types="react" />
2
- declare type Props = {
3
- programmedSectionComponents?: React.ReactNode;
4
- };
5
- declare function TemplateB({ programmedSectionComponents }: Props): JSX.Element;
2
+ declare function TemplateB(): JSX.Element;
6
3
  export default TemplateB;
package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/desktop/D_TemplateB.js CHANGED
@@ -8,15 +8,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
8
8
  };
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  var jsx_runtime_1 = require("react/jsx-runtime");
11
+ var react_1 = require("react");
12
+ var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
11
13
  var styled_components_1 = __importDefault(require("styled-components"));
12
14
  var SectionContents_1 = __importDefault(require("./components/SectionContents"));
13
- function TemplateB(_a) {
14
- var programmedSectionComponents = _a.programmedSectionComponents;
15
- return ((0, jsx_runtime_1.jsxs)(S_MembershipSection, { children: [(0, jsx_runtime_1.jsx)(SectionContents_1.default, {}, void 0), programmedSectionComponents && programmedSectionComponents] }, void 0));
15
+ function TemplateB() {
16
+ return ((0, jsx_runtime_1.jsxs)(S_MembershipSection, { children: [(0, jsx_runtime_1.jsx)(SectionContents_1.default, {}, void 0), (0, jsx_runtime_1.jsx)(MembershipSection, {}, void 0)] }, void 0));
16
17
  }
17
18
  var S_MembershipSection = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n --max-viewport-width: 1920;\n --max-viewport-width-px: 1920px;\n --max-width: 1500;\n --max-width-px: 1500px;\n --min-viewport-width: 1200;\n --min-viewport-width-px: 1200px;\n --min-width: 1000;\n --min-width-px: 1000px;\n margin: ", " auto;\n max-width: var(--max-width-px);\n min-width: var(--min-width-px);\n width: calc(\n (100% - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n );\n"], ["\n --max-viewport-width: 1920;\n --max-viewport-width-px: 1920px;\n --max-width: 1500;\n --max-width-px: 1500px;\n --min-viewport-width: 1200;\n --min-viewport-width-px: 1200px;\n --min-width: 1000;\n --min-width-px: 1000px;\n margin: ", " auto;\n max-width: var(--max-width-px);\n min-width: var(--min-width-px);\n width: calc(\n (100% - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n );\n"])), function (_a) {
18
19
  var theme = _a.theme;
19
20
  return theme.spacing.spacingH;
20
21
  });
22
+ function MembershipSection() {
23
+ var programmedSectionComponents = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).programmedSectionComponents;
24
+ if (!programmedSectionComponents) {
25
+ return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
26
+ }
27
+ return programmedSectionComponents.PRG_MEMBERSHIP_DISPLAY ? (programmedSectionComponents.PRG_MEMBERSHIP_DISPLAY) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0));
28
+ }
21
29
  exports.default = TemplateB;
22
30
  var templateObject_1;
package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/mobile/M_TemplateB.d.ts CHANGED
@@ -1,6 +1,3 @@
1
1
  /// <reference types="react" />
2
- declare type Props = {
3
- programmedSectionComponents?: React.ReactNode;
4
- };
5
- declare function TemplateB({ programmedSectionComponents }: Props): JSX.Element;
2
+ declare function TemplateB(): JSX.Element;
6
3
  export default TemplateB;
package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/mobile/M_TemplateB.js CHANGED
@@ -4,9 +4,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  var jsx_runtime_1 = require("react/jsx-runtime");
7
+ var react_1 = require("react");
8
+ var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
7
9
  var SectionContents_1 = __importDefault(require("./components/SectionContents"));
8
- function TemplateB(_a) {
9
- var programmedSectionComponents = _a.programmedSectionComponents;
10
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SectionContents_1.default, {}, void 0), programmedSectionComponents && programmedSectionComponents] }, void 0));
10
+ function TemplateB() {
11
+ return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SectionContents_1.default, {}, void 0), (0, jsx_runtime_1.jsx)(MembershipSection, {}, void 0)] }, void 0));
12
+ }
13
+ function MembershipSection() {
14
+ var programmedSectionComponents = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).programmedSectionComponents;
15
+ if (!programmedSectionComponents) {
16
+ return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
17
+ }
18
+ return programmedSectionComponents.PRG_MEMBERSHIP_DISPLAY ? (programmedSectionComponents.PRG_MEMBERSHIP_DISPLAY) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0));
11
19
  }
12
20
  exports.default = TemplateB;
package/dist/src/sub/DynamicLayout/types.d.ts CHANGED
@@ -35,7 +35,7 @@ export interface ISection {
35
35
  dynamicLayoutSectionItems: Array<IItem> | null;
36
36
  insertedAt: string;
37
37
  updatedAt: string;
38
- type: TypeOfSectionType;
38
+ type?: TypeOfSectionType;
39
39
  program?: 'MEMBERSHIP_DISPLAY';
40
40
  programData?: {
41
41
  mdid: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "2.0.9-alpha.0",
3
+ "version": "2.0.9-alpha.1",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,8 +1,8 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v2.0.9-alpha.0]
2
+ ## [v2.0.9-alpha.1]
3
3
 
4
4
  ## alpha|https://staging.storybook.publ.biz/
5
5
 
6
6
  ### sub
7
7
  * DynamicLayout
8
- * membership section 생성
8
+ * programmedSectionComponent 관련 에러 수정