pds-dev-kit-web-test 2.2.48 → 2.2.61

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 (129) hide show
  1. package/dist/src/common/assets/icons/fill/Home.d.ts +4 -0
  2. package/dist/src/common/assets/icons/fill/Home.js +30 -0
  3. package/dist/src/common/assets/icons/fill/PappType.d.ts +4 -0
  4. package/dist/src/common/assets/icons/fill/PappType.js +30 -0
  5. package/dist/src/common/assets/icons/fill/Plan.d.ts +4 -0
  6. package/dist/src/common/assets/icons/fill/Plan.js +30 -0
  7. package/dist/src/common/assets/icons/fill/Sales.d.ts +4 -0
  8. package/dist/src/common/assets/icons/fill/Sales.js +30 -0
  9. package/dist/src/common/assets/icons/fill/SellerIntro.d.ts +4 -0
  10. package/dist/src/common/assets/icons/fill/SellerIntro.js +30 -0
  11. package/dist/src/common/assets/icons/fill/Shoppingbag.d.ts +4 -0
  12. package/dist/src/common/assets/icons/fill/Shoppingbag.js +30 -0
  13. package/dist/src/common/assets/icons/fill/Site.d.ts +4 -0
  14. package/dist/src/common/assets/icons/fill/Site.js +30 -0
  15. package/dist/src/common/assets/icons/fill/StarShaped.d.ts +4 -0
  16. package/dist/src/common/assets/icons/fill/StarShaped.js +30 -0
  17. package/dist/src/common/assets/icons/fill/Target.d.ts +4 -0
  18. package/dist/src/common/assets/icons/fill/Target.js +30 -0
  19. package/dist/src/common/assets/icons/fill/User.d.ts +4 -0
  20. package/dist/src/common/assets/icons/fill/User.js +30 -0
  21. package/dist/src/common/assets/icons/fill/Xmark.d.ts +4 -0
  22. package/dist/src/common/assets/icons/fill/Xmark.js +30 -0
  23. package/dist/src/common/assets/icons/fill/index.d.ts +11 -0
  24. package/dist/src/common/assets/icons/fill/index.js +23 -1
  25. package/dist/src/common/assets/icons/line/Site.d.ts +4 -0
  26. package/dist/src/common/assets/icons/line/Site.js +30 -0
  27. package/dist/src/common/assets/icons/line/StarShaped.d.ts +4 -0
  28. package/dist/src/common/assets/icons/line/StarShaped.js +30 -0
  29. package/dist/src/common/assets/icons/line/Ticket.d.ts +4 -0
  30. package/dist/src/common/assets/icons/line/Ticket.js +30 -0
  31. package/dist/src/common/assets/icons/line/User.d.ts +4 -0
  32. package/dist/src/common/assets/icons/line/User.js +30 -0
  33. package/dist/src/common/assets/icons/line/index.d.ts +4 -0
  34. package/dist/src/common/assets/icons/line/index.js +8 -0
  35. package/dist/src/common/services/i18n/resources/en.json +2 -1
  36. package/dist/src/common/services/i18n/resources/es.json +2 -1
  37. package/dist/src/common/services/i18n/resources/fil.json +2 -1
  38. package/dist/src/common/services/i18n/resources/index.d.ts +7 -0
  39. package/dist/src/common/services/i18n/resources/ja.json +2 -1
  40. package/dist/src/common/services/i18n/resources/ko.json +2 -1
  41. package/dist/src/common/services/i18n/resources/zh-cn.json +2 -1
  42. package/dist/src/common/services/i18n/resources/zh-tw.json +2 -1
  43. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +6 -1
  44. package/dist/src/common/styles/colorSet/PaletteColor_light.json +7 -2
  45. package/dist/src/common/styles/colorSet/UIColor.json +8 -1
  46. package/dist/src/common/styles/colorSet/index.d.ts +19 -2
  47. package/dist/src/common/styles/colorSet/index.js +2 -2
  48. package/dist/src/common/styles/colorSet/ui-type.d.ts +7 -0
  49. package/dist/src/common/types/components.d.ts +1 -0
  50. package/dist/src/desktop/components/BasicListItem/RightBox/MainButton.js +1 -2
  51. package/dist/src/desktop/components/BasicListItem/RightBox/Switch.js +1 -1
  52. package/dist/src/desktop/components/ContextMenuItem/ContextMenuItem.js +17 -5
  53. package/dist/src/desktop/components/DesktopAlertDialog/DesktopAlertDialog.js +6 -1
  54. package/dist/src/desktop/components/DesktopHeaderBar/DesktopHeaderBar.js +1 -1
  55. package/dist/src/desktop/components/DynamicDesktopNavBar/blocks/SecondaryMenu.js +68 -3
  56. package/dist/src/desktop/components/DynamicDesktopNavBar/templates/DynamicDesktopNavBarTemplates.d.ts +0 -1
  57. package/dist/src/desktop/components/DynamicDesktopNavBar/templates/constants.d.ts +0 -1
  58. package/dist/src/desktop/components/DynamicDesktopNavBar/templates/constants.js +5 -6
  59. package/dist/src/desktop/components/TextButton/TextButton.d.ts +3 -2
  60. package/dist/src/desktop/components/TextButton/TextButton.js +15 -2
  61. package/dist/src/desktop/panels/DesktopTutorialModal/DesktopTutorialModal.d.ts +2 -1
  62. package/dist/src/desktop/panels/DesktopTutorialModal/DesktopTutorialModal.js +20 -9
  63. package/dist/src/mobile/components/BasicListItem/RightBox/MainButton.js +1 -2
  64. package/dist/src/mobile/components/BasicListItem/RightBox/Switch.js +1 -1
  65. package/dist/src/mobile/components/ContextMenuItem/ContextMenuItem.js +15 -3
  66. package/dist/src/sub/DynamicLayout/DynamicLayout.d.ts +1 -1
  67. package/dist/src/sub/DynamicLayout/DynamicLayout.js +4 -3
  68. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/EditModeSectionMatcher.d.ts +3 -2
  69. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/EditModeSectionMatcher.js +18 -6
  70. package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackground.js +3 -2
  71. package/dist/src/sub/DynamicLayout/hooks/useCustomSectionShortcut/useCustomSectionShortcut.d.ts +6 -0
  72. package/dist/src/sub/DynamicLayout/hooks/useCustomSectionShortcut/useCustomSectionShortcut.js +50 -0
  73. package/dist/src/sub/DynamicLayout/pagesPreviewMock.d.ts +2467 -2
  74. package/dist/src/sub/DynamicLayout/pagesPreviewMock.js +4321 -15
  75. package/dist/src/sub/DynamicLayout/sectionActionTypes.d.ts +23 -1
  76. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.d.ts +10 -2
  77. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +292 -26
  78. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlock.d.ts +2 -1
  79. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlock.js +2 -2
  80. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.d.ts +2 -1
  81. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +14 -10
  82. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.d.ts +2 -2
  83. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +4 -2
  84. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Divider/Divider.d.ts +2 -2
  85. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Divider/Divider.js +4 -2
  86. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/Embed.d.ts +5 -0
  87. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/Embed.js +48 -0
  88. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/EmbedIframe.d.ts +8 -0
  89. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/EmbedIframe.js +45 -0
  90. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/IframeDenied.d.ts +3 -0
  91. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/IframeDenied.js +21 -0
  92. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/constant.d.ts +1 -0
  93. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/constant.js +9 -0
  94. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/types.d.ts +6 -0
  95. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/types.js +2 -0
  96. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.d.ts +2 -2
  97. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js +4 -2
  98. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/RichText/RichText.d.ts +2 -2
  99. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/RichText/RichText.js +4 -2
  100. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.d.ts +2 -2
  101. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +6 -3
  102. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Twitter/Twitter.d.ts +2 -2
  103. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Twitter/Twitter.js +4 -2
  104. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/Youtube.d.ts +2 -2
  105. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/Youtube.js +5 -3
  106. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +3 -0
  107. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGroupDrag/index.d.ts +1 -0
  108. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGroupDrag/index.js +8 -0
  109. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGroupDrag/useGroupDrag.d.ts +22 -0
  110. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGroupDrag/useGroupDrag.js +273 -0
  111. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGroupDrag/utils.d.ts +13 -0
  112. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGroupDrag/utils.js +127 -0
  113. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useIntersectionObserver.d.ts +1 -1
  114. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useIntersectionObserver.js +21 -9
  115. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +40 -11
  116. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +1 -0
  117. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseJsonProperties.d.ts +1 -1
  118. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.js +2 -2
  119. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.d.ts +2 -2
  120. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +14 -1
  121. package/dist/src/sub/DynamicLayout/types.d.ts +25 -19
  122. package/dist/src/sub/DynamicLayout/utils/deepCopy.d.ts +1 -0
  123. package/dist/src/sub/DynamicLayout/utils/deepCopy.js +15 -0
  124. package/package.json +2 -2
  125. package/release-note.md +6 -7
  126. package/dist/src/sub/DynamicLayout/mock_customSection.d.ts +0 -2
  127. package/dist/src/sub/DynamicLayout/mock_customSection.js +0 -840
  128. package/dist/src/sub/DynamicLayout/nakedMocks.json +0 -847
  129. package/webhook/node_modules/esrecurse/.babelrc +0 -3
@@ -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 Site = 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: color, fillRule: "evenodd", d: "M18.0449,3.4902 C19.9779,3.4902 21.5449,5.0572 21.5449,6.9902 L21.5449,17.0102 C21.5449,18.9432 19.9779,20.5102 18.0449,20.5102 L5.9559,20.5102 C4.0229,20.5102 2.4559,18.9432 2.4559,17.0102 L2.4559,6.9902 C2.4559,5.0572 4.0229,3.4902 5.9559,3.4902 Z M20.0109,8.3902 L3.9879,8.3902 L3.9879,17.0102 C3.9879,18.0449273 4.79245165,18.896512 5.80926148,18.9717909 L5.9559,18.9772 L18.0449,18.9772 C19.1299,18.9772 20.0119,18.0942 20.0119,17.0102 L20.0109,8.3902 Z M8.8479,10.0513 C9.0059,10.0513 9.1339,10.1793 9.1339,10.3383 L9.1339,17.0643 C9.1339,17.2223 9.0059,17.3503 8.8479,17.3503 L6.9749,17.3503 C6.2899,17.3503 5.7339,16.7953 5.7339,16.1093 L5.7339,10.3383 C5.7339,10.1793 5.8619,10.0513 6.0209,10.0513 L8.8479,10.0513 Z M17.9971,10.0513 C18.1551,10.0513 18.2841,10.1793 18.2841,10.3383 L18.2841,16.1093 C18.2841,16.7953 17.7281,17.3503 17.0431,17.3503 L10.8261,17.3503 C10.6681,17.3503 10.5401,17.2223 10.5401,17.0643 L10.5401,10.3383 C10.5401,10.1793 10.6681,10.0513 10.8261,10.0513 L17.9971,10.0513 Z" }) })));
29
+ };
30
+ exports.default = Site;
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import type IconType from '../IconType';
3
+ declare const StarShaped: ({ color, size, ...rest }: IconType) => JSX.Element;
4
+ export default StarShaped;
@@ -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 StarShaped = 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: "M13.2153,4.4787 L15.2303,7.4187 C15.4223,7.6987 15.7043,7.9037 16.0293,7.9997 L19.4483,9.0077 C20.4413,9.2997 20.8313,10.4987 20.1993,11.3187 L18.0263,14.1447 C17.8193,14.4127 17.7113,14.7447 17.7203,15.0837 L17.8183,18.6467 C17.8473,19.6817 16.8273,20.4217 15.8523,20.0757 L12.4933,18.8807 C12.1743,18.7677 11.8253,18.7677 11.5063,18.8807 L8.1473,20.0757 C7.1723,20.4217 6.1523,19.6817 6.1813,18.6467 L6.2793,15.0837 C6.2883,14.7447 6.1813,14.4127 5.9743,14.1447 L3.8003,11.3187 C3.1693,10.4987 3.5583,9.2997 4.5513,9.0077 L7.9703,7.9997 C8.2963,7.9037 8.5783,7.6987 8.7693,7.4187 L10.7843,4.4787 C11.3703,3.6247 12.6303,3.6247 13.2153,4.4787 Z" }) })));
29
+ };
30
+ exports.default = StarShaped;
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import type IconType from '../IconType';
3
+ declare const Ticket: ({ color, size, ...rest }: IconType) => JSX.Element;
4
+ export default Ticket;
@@ -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 Ticket = 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.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M2.5,17.4929 C2.5,18.5979 3.395,19.4929 4.5,19.4929 L19.5,19.4929 C20.605,19.4929 21.5,18.5979 21.5,17.4929 L21.5,14.8589 C19.921,14.8589 18.641,13.5789 18.641,11.9999 C18.641,10.4209 19.921,9.1409 21.5,9.1409 L21.5,6.5069 C21.5,5.4029 20.605,4.5069 19.5,4.5069 L4.5,4.5069 C3.395,4.5069 2.5,5.4029 2.5,6.5069 L2.5,17.4929 Z M15.7509,6.9942 L15.7509,8.5032 M15.7509,11.2453 L15.7509,12.7543 M15.7509,15.4963 L15.7509,17.0053" }), (0, jsx_runtime_1.jsx)("path", { fill: color, d: "M9.6975,8.6638 L10.5855,9.9598 C10.6695,10.0828 10.7945,10.1728 10.9375,10.2148 L12.4445,10.6598 C12.8815,10.7878 13.0535,11.3168 12.7755,11.6778 L11.8175,12.9228 C11.7265,13.0408 11.6785,13.1868 11.6825,13.3368 L11.7255,14.9068 C11.7385,15.3628 11.2895,15.6888 10.8595,15.5358 L9.3795,15.0098 C9.2385,14.9598 9.0855,14.9598 8.9445,15.0098 L7.4645,15.5358 C7.0345,15.6888 6.5855,15.3628 6.5985,14.9068 L6.6415,13.3368 C6.6455,13.1868 6.5975,13.0408 6.5065,12.9228 L5.5485,11.6778 C5.2705,11.3168 5.4425,10.7878 5.8795,10.6598 L7.3865,10.2148 C7.5295,10.1728 7.6545,10.0828 7.7385,9.9598 L8.6265,8.6638 C8.8845,8.2878 9.4395,8.2878 9.6975,8.6638" })] })) })));
29
+ };
30
+ exports.default = Ticket;
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import type IconType from '../IconType';
3
+ declare const User: ({ color, size, ...rest }: IconType) => JSX.Element;
4
+ export default User;
@@ -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 User = 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: color, fillRule: "evenodd", d: "M12.0001,12.0918 C7.6531,12.0918 4.0271,15.1768 3.1921,19.2778 C3.0031,20.2078 3.7191,21.0808 4.6691,21.0808 L19.3311,21.0808 C20.2811,21.0808 20.9971,20.2078 20.8081,19.2778 C19.9731,15.1768 16.3471,12.0918 12.0001,12.0918 M12.0001,13.5918 C15.5461,13.5918 18.6321,16.1088 19.3311,19.5808 L4.6621,19.5768 C5.3681,16.1088 8.4541,13.5918 12.0001,13.5918 M11.9739,2.9196 C9.6999,2.9196 7.8569,4.7626 7.8569,7.0366 C7.8569,9.3106 9.6999,11.1536 11.9739,11.1536 C14.2479,11.1536 16.0909,9.3106 16.0909,7.0366 C16.0909,4.7626 14.2479,2.9196 11.9739,2.9196 M11.9739,4.4196 C13.4169,4.4196 14.5909,5.5936 14.5909,7.0366 C14.5909,8.4796 13.4169,9.6536 11.9739,9.6536 C10.5309,9.6536 9.3569,8.4796 9.3569,7.0366 C9.3569,5.5936 10.5309,4.4196 11.9739,4.4196" }) })));
29
+ };
30
+ exports.default = User;
@@ -214,6 +214,7 @@ declare const lineIcons: {
214
214
  readonly ic_share: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
215
215
  readonly ic_shop: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
216
216
  readonly ic_shoppingbag: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
217
+ readonly ic_site: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
217
218
  readonly ic_slideBanner: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
218
219
  readonly ic_slider: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
219
220
  readonly ic_sort: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -221,6 +222,7 @@ declare const lineIcons: {
221
222
  readonly ic_speaker_wave_1: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
222
223
  readonly ic_speaker_wave_2: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
223
224
  readonly ic_standard_banner: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
225
+ readonly ic_star_shaped: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
224
226
  readonly ic_subscribers: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
225
227
  readonly ic_success: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
226
228
  readonly ic_target: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -235,6 +237,7 @@ declare const lineIcons: {
235
237
  readonly ic_text_align_middle: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
236
238
  readonly ic_text_align_right: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
237
239
  readonly ic_text_align_top: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
240
+ readonly ic_ticket: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
238
241
  readonly ic_time: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
239
242
  readonly ic_toggle_down: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
240
243
  readonly ic_toggle_up: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -249,6 +252,7 @@ declare const lineIcons: {
249
252
  readonly ic_unlock: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
250
253
  readonly ic_upload: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
251
254
  readonly ic_upload_list: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
255
+ readonly ic_user: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
252
256
  readonly ic_video: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
253
257
  readonly ic_videocall: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
254
258
  readonly ic_videocall_pro: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -217,6 +217,7 @@ var Shape_1 = __importDefault(require("./Shape"));
217
217
  var Share_1 = __importDefault(require("./Share"));
218
218
  var Shop_1 = __importDefault(require("./Shop"));
219
219
  var Shoppingbag_1 = __importDefault(require("./Shoppingbag"));
220
+ var Site_1 = __importDefault(require("./Site"));
220
221
  var SlideBanner_1 = __importDefault(require("./SlideBanner"));
221
222
  var Slider_1 = __importDefault(require("./Slider"));
222
223
  var Sort_1 = __importDefault(require("./Sort"));
@@ -224,6 +225,7 @@ var SpeakerOff_1 = __importDefault(require("./SpeakerOff"));
224
225
  var SpeakerWave1_1 = __importDefault(require("./SpeakerWave1"));
225
226
  var SpeakerWave2_1 = __importDefault(require("./SpeakerWave2"));
226
227
  var StandardBanner_1 = __importDefault(require("./StandardBanner"));
228
+ var StarShaped_1 = __importDefault(require("./StarShaped"));
227
229
  var Subscribers_1 = __importDefault(require("./Subscribers"));
228
230
  var Success_1 = __importDefault(require("./Success"));
229
231
  var Target_1 = __importDefault(require("./Target"));
@@ -238,6 +240,7 @@ var TextAlignLeft_1 = __importDefault(require("./TextAlignLeft"));
238
240
  var TextAlignMiddle_1 = __importDefault(require("./TextAlignMiddle"));
239
241
  var TextAlignRight_1 = __importDefault(require("./TextAlignRight"));
240
242
  var TextAlignTop_1 = __importDefault(require("./TextAlignTop"));
243
+ var Ticket_1 = __importDefault(require("./Ticket"));
241
244
  var Time_1 = __importDefault(require("./Time"));
242
245
  var ToggleDown_1 = __importDefault(require("./ToggleDown"));
243
246
  var ToggleUp_1 = __importDefault(require("./ToggleUp"));
@@ -252,6 +255,7 @@ var Unavailable_1 = __importDefault(require("./Unavailable"));
252
255
  var Unlock_1 = __importDefault(require("./Unlock"));
253
256
  var Upload_1 = __importDefault(require("./Upload"));
254
257
  var UploadList_1 = __importDefault(require("./UploadList"));
258
+ var User_1 = __importDefault(require("./User"));
255
259
  var Video_1 = __importDefault(require("./Video"));
256
260
  var Videocall_1 = __importDefault(require("./Videocall"));
257
261
  var VideocallPro_1 = __importDefault(require("./VideocallPro"));
@@ -486,6 +490,7 @@ var lineIcons = {
486
490
  ic_share: Share_1.default,
487
491
  ic_shop: Shop_1.default,
488
492
  ic_shoppingbag: Shoppingbag_1.default,
493
+ ic_site: Site_1.default,
489
494
  ic_slideBanner: SlideBanner_1.default,
490
495
  ic_slider: Slider_1.default,
491
496
  ic_sort: Sort_1.default,
@@ -493,6 +498,7 @@ var lineIcons = {
493
498
  ic_speaker_wave_1: SpeakerWave1_1.default,
494
499
  ic_speaker_wave_2: SpeakerWave2_1.default,
495
500
  ic_standard_banner: StandardBanner_1.default,
501
+ ic_star_shaped: StarShaped_1.default,
496
502
  ic_subscribers: Subscribers_1.default,
497
503
  ic_success: Success_1.default,
498
504
  ic_target: Target_1.default,
@@ -507,6 +513,7 @@ var lineIcons = {
507
513
  ic_text_align_middle: TextAlignMiddle_1.default,
508
514
  ic_text_align_right: TextAlignRight_1.default,
509
515
  ic_text_align_top: TextAlignTop_1.default,
516
+ ic_ticket: Ticket_1.default,
510
517
  ic_time: Time_1.default,
511
518
  ic_toggle_down: ToggleDown_1.default,
512
519
  ic_toggle_up: ToggleUp_1.default,
@@ -521,6 +528,7 @@ var lineIcons = {
521
528
  ic_unlock: Unlock_1.default,
522
529
  ic_upload: Upload_1.default,
523
530
  ic_upload_list: UploadList_1.default,
531
+ ic_user: User_1.default,
524
532
  ic_video: Video_1.default,
525
533
  ic_videocall: Videocall_1.default,
526
534
  ic_videocall_pro: VideocallPro_1.default,
@@ -23,6 +23,7 @@
23
23
  "str_payment_option_subs_regularly": "Regular Payment",
24
24
  "str_5831": "{{price}} USD",
25
25
  "str_start": "Start",
26
- "str_free": "FREE"
26
+ "str_free": "FREE",
27
+ "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
27
28
  }
28
29
  }
@@ -23,6 +23,7 @@
23
23
  "str_payment_option_subs_regularly": "Regular Payment",
24
24
  "str_5831": "{{price}} USD",
25
25
  "str_start": "Start",
26
- "str_free": "FREE"
26
+ "str_free": "FREE",
27
+ "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
27
28
  }
28
29
  }
@@ -23,6 +23,7 @@
23
23
  "str_payment_option_subs_regularly": "Regular na Pagbabayad",
24
24
  "str_5831": "{{price}} USD",
25
25
  "str_start": "Start",
26
- "str_free": "FREE"
26
+ "str_free": "FREE",
27
+ "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
27
28
  }
28
29
  }
@@ -25,6 +25,7 @@ declare const locale: {
25
25
  str_5831: string;
26
26
  str_start: string;
27
27
  str_free: string;
28
+ str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
28
29
  };
29
30
  };
30
31
  readonly en: {
@@ -53,6 +54,7 @@ declare const locale: {
53
54
  str_5831: string;
54
55
  str_start: string;
55
56
  str_free: string;
57
+ str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
56
58
  };
57
59
  };
58
60
  readonly ja: {
@@ -81,6 +83,7 @@ declare const locale: {
81
83
  str_5831: string;
82
84
  str_start: string;
83
85
  str_free: string;
86
+ str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
84
87
  };
85
88
  };
86
89
  readonly es: {
@@ -109,6 +112,7 @@ declare const locale: {
109
112
  str_5831: string;
110
113
  str_start: string;
111
114
  str_free: string;
115
+ str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
112
116
  };
113
117
  };
114
118
  readonly 'zh-cn': {
@@ -137,6 +141,7 @@ declare const locale: {
137
141
  str_5831: string;
138
142
  str_start: string;
139
143
  str_free: string;
144
+ str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
140
145
  };
141
146
  };
142
147
  readonly 'zh-tw': {
@@ -165,6 +170,7 @@ declare const locale: {
165
170
  str_5831: string;
166
171
  str_start: string;
167
172
  str_free: string;
173
+ str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
168
174
  };
169
175
  };
170
176
  readonly fil: {
@@ -193,6 +199,7 @@ declare const locale: {
193
199
  str_5831: string;
194
200
  str_start: string;
195
201
  str_free: string;
202
+ str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
196
203
  };
197
204
  };
198
205
  };
@@ -23,6 +23,7 @@
23
23
  "str_payment_option_subs_regularly": "Regular Payment",
24
24
  "str_5831": "{{price}} USD",
25
25
  "str_start": "Start",
26
- "str_free": "FREE"
26
+ "str_free": "FREE",
27
+ "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
27
28
  }
28
29
  }
@@ -23,6 +23,7 @@
23
23
  "str_payment_option_subs_regularly": "정기 결제",
24
24
  "str_5831": "{{price}} USD",
25
25
  "str_start": "시작하기",
26
- "str_free": "무료"
26
+ "str_free": "무료",
27
+ "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "사업자의 도메인이 연결되지 않아 실행할 수 없습니다."
27
28
  }
28
29
  }
@@ -23,6 +23,7 @@
23
23
  "str_payment_option_subs_regularly": "定期付款",
24
24
  "str_5831": "{{price}} USD",
25
25
  "str_start": "Start",
26
- "str_free": "FREE"
26
+ "str_free": "FREE",
27
+ "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
27
28
  }
28
29
  }
@@ -23,6 +23,7 @@
23
23
  "str_payment_option_subs_regularly": "定期結算",
24
24
  "str_5831": "{{price}} USD",
25
25
  "str_start": "Start",
26
- "str_free": "FREE"
26
+ "str_free": "FREE",
27
+ "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
27
28
  }
28
29
  }
@@ -347,5 +347,10 @@
347
347
  "sys_component_base_46": "black/opacity90",
348
348
  "sys_cpnt_list_chatbubble_download_button_base": "white/opacity20",
349
349
  "sys_cpnt_sheet_base_11": "darkgrey10",
350
- "sys_cpnt_sheet_base_12": "white/opacity20"
350
+ "sys_cpnt_sheet_base_12": "white/opacity20",
351
+ "sys_sw_sidebar_item_text_emphasis": "darkgreen500",
352
+ "sys_sw_sidebar_item_icon_emphasis": "darkgreen500",
353
+ "sys_sw_sidebar_divider_vertical": "darkgrey100",
354
+ "sys_cpnt_sheet_base_13": "grey50",
355
+ "sys_cpnt_sheet_base_14": "grey900"
351
356
  }
@@ -314,7 +314,7 @@
314
314
  "sys_icon_grey_darktheme_03": "darkgrey400",
315
315
  "sys_widget_grey_01_opacity_50": "grey900/opacity50",
316
316
  "sys_editor_layout_header": "white",
317
- "sys_editor_layout_navigation_panel": "grey50",
317
+ "sys_editor_layout_navigation_panel": "grey70",
318
318
  "sys_editor_layout_canvas_area": "grey30",
319
319
  "sys_editor_layout_control_panel": "white",
320
320
  "sys_editor_layout_property_panel": "white",
@@ -347,5 +347,10 @@
347
347
  "sys_component_base_46": "black/opacity90",
348
348
  "sys_cpnt_list_chatbubble_download_button_base": "black/opacity40",
349
349
  "sys_cpnt_sheet_base_11": "grey10",
350
- "sys_cpnt_sheet_base_12": "white/opacity20"
350
+ "sys_cpnt_sheet_base_12": "white/opacity20",
351
+ "sys_sw_sidebar_item_text_emphasis": "darkgreen500",
352
+ "sys_sw_sidebar_item_icon_emphasis": "darkgreen500",
353
+ "sys_sw_sidebar_divider_vertical": "darkgrey100",
354
+ "sys_cpnt_sheet_base_13": "grey50",
355
+ "sys_cpnt_sheet_base_14": "grey900"
351
356
  }
@@ -844,5 +844,12 @@
844
844
  "ui_cpnt_list_chatbubble_base_transparent": "sys_component_base_white_opacity00",
845
845
  "ui_cpnt_list_chatbubble_download_button_base": "sys_cpnt_list_chatbubble_download_button_base",
846
846
  "ui_111": "sys_cpnt_sheet_base_11",
847
- "ui_112": "sys_cpnt_sheet_base_12"
847
+ "ui_112": "sys_cpnt_sheet_base_12",
848
+ "ui_sw_sidebar_label_text_emphasis": "sys_sw_sidebar_item_text_emphasis",
849
+ "ui_cpnt_sidebar_label_icon_green": "sys_sw_sidebar_item_icon_emphasis",
850
+ "ui_sw_sidebar_divider_vertical": "sys_sw_sidebar_divider_vertical",
851
+ "ui_113": "sys_cpnt_sheet_base_13",
852
+ "ui_114": "sys_component_base_26",
853
+ "ui_115": "sys_cpnt_sheet_base_14",
854
+ "ui_116": "sys_kakao"
848
855
  }
@@ -119,7 +119,7 @@ declare const colorSet: {
119
119
  grey300: string;
120
120
  darkgrey300: string;
121
121
  };
122
- readonly PaletteColor_light: {
122
+ readonly PaletteColor_Dark: {
123
123
  sys_container_background_01: string;
124
124
  sys_container_background_02: string;
125
125
  sys_container_background_03: string;
@@ -469,8 +469,13 @@ declare const colorSet: {
469
469
  sys_cpnt_list_chatbubble_download_button_base: string;
470
470
  sys_cpnt_sheet_base_11: string;
471
471
  sys_cpnt_sheet_base_12: string;
472
+ sys_sw_sidebar_item_text_emphasis: string;
473
+ sys_sw_sidebar_item_icon_emphasis: string;
474
+ sys_sw_sidebar_divider_vertical: string;
475
+ sys_cpnt_sheet_base_13: string;
476
+ sys_cpnt_sheet_base_14: string;
472
477
  };
473
- readonly PaletteColor_Dark: {
478
+ readonly PaletteColor_light: {
474
479
  sys_container_background_01: string;
475
480
  sys_container_background_02: string;
476
481
  sys_container_background_03: string;
@@ -820,6 +825,11 @@ declare const colorSet: {
820
825
  sys_cpnt_list_chatbubble_download_button_base: string;
821
826
  sys_cpnt_sheet_base_11: string;
822
827
  sys_cpnt_sheet_base_12: string;
828
+ sys_sw_sidebar_item_text_emphasis: string;
829
+ sys_sw_sidebar_item_icon_emphasis: string;
830
+ sys_sw_sidebar_divider_vertical: string;
831
+ sys_cpnt_sheet_base_13: string;
832
+ sys_cpnt_sheet_base_14: string;
823
833
  };
824
834
  readonly UIColor: {
825
835
  ui_cpnt_button_fill_base_primary: string;
@@ -1668,6 +1678,13 @@ declare const colorSet: {
1668
1678
  ui_cpnt_list_chatbubble_download_button_base: string;
1669
1679
  ui_111: string;
1670
1680
  ui_112: string;
1681
+ ui_sw_sidebar_label_text_emphasis: string;
1682
+ ui_cpnt_sidebar_label_icon_green: string;
1683
+ ui_sw_sidebar_divider_vertical: string;
1684
+ ui_113: string;
1685
+ ui_114: string;
1686
+ ui_115: string;
1687
+ ui_116: string;
1671
1688
  };
1672
1689
  };
1673
1690
  export default colorSet;
@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  /* eslint-disable import/order */
7
7
  var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
8
- var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
9
8
  var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
9
+ var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
10
10
  var UIColor_json_1 = __importDefault(require("./UIColor.json"));
11
11
  var colorSet = {
12
12
  SemanticColor: SemanticColor_json_1.default,
13
- PaletteColor_light: PaletteColor_light_json_1.default,
14
13
  PaletteColor_Dark: PaletteColor_Dark_json_1.default,
14
+ PaletteColor_light: PaletteColor_light_json_1.default,
15
15
  UIColor: UIColor_json_1.default
16
16
  };
17
17
  exports.default = colorSet;
@@ -845,4 +845,11 @@ export interface UITheme {
845
845
  ui_cpnt_list_chatbubble_download_button_base: string;
846
846
  ui_111: string;
847
847
  ui_112: string;
848
+ ui_sw_sidebar_label_text_emphasis: string;
849
+ ui_cpnt_sidebar_label_icon_green: string;
850
+ ui_sw_sidebar_divider_vertical: string;
851
+ ui_113: string;
852
+ ui_114: string;
853
+ ui_115: string;
854
+ ui_116: string;
848
855
  }
@@ -17,6 +17,7 @@ export type ContextMenuItemValueOption = {
17
17
  iconName?: FillIconNameKeys | LineIconNameKeys;
18
18
  iconFillType?: 'fill' | 'line';
19
19
  fontWeight?: 'bold' | 'regular';
20
+ descText?: PDSTextType;
20
21
  };
21
22
  export type DropdownValueOption = ContextMenuItemValueOption & {
22
23
  state?: 'normal' | 'disabled';
@@ -1,10 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  var jsx_runtime_1 = require("react/jsx-runtime");
4
- var components_1 = require("../../../../hybrid/components");
5
4
  var MainButton_1 = require("../../MainButton");
6
5
  var MainButton = function (_a) {
7
6
  var text = _a.text, state = _a.state, fill = _a.fill, onClick = _a.onClick;
8
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(MainButton_1.MainButton, { text: text, state: state, fillType: fill ? 'fill' : 'line', size: "small", onClick: onClick }), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_c", spacingType: "width" })] }));
7
+ return ((0, jsx_runtime_1.jsx)(MainButton_1.MainButton, { text: text, state: state, fillType: fill ? 'fill' : 'line', size: "small", onClick: onClick }));
9
8
  };
10
9
  exports.default = MainButton;
@@ -12,7 +12,7 @@ var components_1 = require("../../../../hybrid/components");
12
12
  var styled_components_1 = __importDefault(require("styled-components"));
13
13
  var Switch = function (_a) {
14
14
  var name = _a.name, state = _a.state, status = _a.status, onClick = _a.onClick;
15
- return ((0, jsx_runtime_1.jsxs)(S_SwitchWrapper, { children: [(0, jsx_runtime_1.jsx)(components_1.Switch, { name: name, state: state, status: status, onClick: onClick }), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_c", spacingType: "width" })] }));
15
+ return ((0, jsx_runtime_1.jsx)(S_SwitchWrapper, { children: (0, jsx_runtime_1.jsx)(components_1.Switch, { name: name, state: state, status: status, onClick: onClick }) }));
16
16
  };
17
17
  var S_SwitchWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: flex-end;\n min-height: 32px;\n min-width: 68px;\n position: relative;\n right: 0;\n"], ["\n display: flex;\n justify-content: flex-end;\n min-height: 32px;\n min-width: 68px;\n position: relative;\n right: 0;\n"])));
18
18
  exports.default = Switch;
@@ -65,15 +65,25 @@ function ContextMenuItem(_a) {
65
65
  if (state === 'disabled') {
66
66
  textColorTheme = 'sysTextTertiary';
67
67
  }
68
+ var descTextColorTheme;
69
+ if (isSelected) {
70
+ descTextColorTheme = 'sysTextTertiary';
71
+ }
72
+ if (!isSelected && state === 'normal') {
73
+ descTextColorTheme = 'sysTextTertiary';
74
+ }
75
+ if (state === 'disabled') {
76
+ descTextColorTheme = 'sysTextTertiary';
77
+ }
68
78
  var getIconColorKey = function () {
69
79
  if (state === 'disabled') {
70
80
  return 'ui_cpnt_dropdown_display_icon_disabled';
71
81
  }
72
82
  return 'ui_cpnt_dropdown_display_icon_normal';
73
83
  };
74
- return ((0, jsx_runtime_1.jsxs)(S_ContextMenuItem, __assign({ "x-pds-name": "ContextMenuItem", "x-pds-element-type": "component", "x-pds-device-type": "desktop", size: size, onClick: handleClick, selected: isSelected, disabled: state === 'disabled', displayType: displayType }, { children: [(displayType === 'icon_only' || displayType === 'icon_text') &&
75
- option &&
76
- 'iconName' in option && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Icon, { size: size === 'small' ? 20 : 24, iconName: option.iconName, fillType: option.iconFillType, colorKey: getIconColorKey() }), displayType === 'icon_text' && (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b", spacingType: "width" }), ' '] })), (displayType === 'text_only' || displayType === 'icon_text') && (option === null || option === void 0 ? void 0 : option.text) && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: option.text || text, styleTheme: option.fontWeight === 'bold' ? 'form2Bold' : 'form2Regular', singleLineMode: "use", colorTheme: textColorTheme, ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" }))] })));
84
+ return ((0, jsx_runtime_1.jsxs)(S_ContextMenuItem, __assign({ "x-pds-name": "ContextMenuItem", "x-pds-element-type": "component", "x-pds-device-type": "desktop", size: size, onClick: handleClick, selected: isSelected, disabled: state === 'disabled', displayType: displayType }, { children: [(0, jsx_runtime_1.jsxs)(S_LeftSide, { children: [(displayType === 'icon_only' || displayType === 'icon_text') &&
85
+ option &&
86
+ 'iconName' in option && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Icon, { size: size === 'small' ? 20 : 24, iconName: option.iconName, fillType: option.iconFillType, colorKey: getIconColorKey() }), displayType === 'icon_text' && (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b", spacingType: "width" }), ' '] })), (displayType === 'text_only' || displayType === 'icon_text') && (option === null || option === void 0 ? void 0 : option.text) && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: option.text || text, styleTheme: option.fontWeight === 'bold' ? 'form2Bold' : 'form2Regular', singleLineMode: "use", colorTheme: textColorTheme, ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" }))] }), (0, jsx_runtime_1.jsx)(S_RightSide, { children: (displayType === 'text_only' || displayType === 'icon_text') && (option === null || option === void 0 ? void 0 : option.descText) && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: option.descText, styleTheme: "form2Regular", singleLineMode: "use", colorTheme: descTextColorTheme, ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all", textAlign: "right" })) })] })));
77
87
  }
78
88
  var large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 48px;\n padding: 0 ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"], ["\n height: 48px;\n padding: 0 ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"])), function (_a) {
79
89
  var theme = _a.theme;
@@ -87,7 +97,7 @@ var small = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 =
87
97
  var theme = _a.theme;
88
98
  return theme.spacing.spacingD;
89
99
  });
90
- var S_ContextMenuItem = styled_components_1.default.li(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n cursor: pointer;\n display: flex;\n\n ", ";\n ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n ", ";\n"], ["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n cursor: pointer;\n display: flex;\n\n ", ";\n ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n ", ";\n"])), function (_a) {
100
+ var S_ContextMenuItem = styled_components_1.default.li(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n\n ", ";\n ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n ", ";\n"], ["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n\n ", ";\n ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n ", ";\n"])), function (_a) {
91
101
  var theme = _a.theme, selected = _a.selected;
92
102
  return selected
93
103
  ? theme.ui_cpnt_contextmenu_menu_base_selected
@@ -107,5 +117,7 @@ var S_ContextMenuItem = styled_components_1.default.li(templateObject_4 || (temp
107
117
  cursor: 'not-allowed'
108
118
  };
109
119
  });
120
+ var S_LeftSide = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n"], ["\n align-items: center;\n display: flex;\n"])));
121
+ var S_RightSide = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n"], ["\n align-items: center;\n display: flex;\n"])));
110
122
  exports.default = ContextMenuItem;
111
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
123
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
@@ -43,6 +43,11 @@ function DesktopAlertDialog(_a) {
43
43
  root.removeChild(container);
44
44
  };
45
45
  }, []);
46
+ function handleKeyDown(e) {
47
+ if (e.key === 'Enter') {
48
+ onClickTBtn1 && onClickTBtn1();
49
+ }
50
+ }
46
51
  var btn1Mode = ['tbtn_amount1', 'tbtn_amount2', 'tbtn_amount3'];
47
52
  var btn2Mode = ['tbtn_amount2', 'tbtn_amount3'];
48
53
  var btn3Mode = ['tbtn_amount3'];
@@ -51,7 +56,7 @@ function DesktopAlertDialog(_a) {
51
56
  return ((0, jsx_runtime_1.jsxs)(S_IconWrapper, { children: [iconMode === 'success' && ((0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_success", size: 72, colorKey: "ui_cpnt_alertdialog_icon_success" })), iconMode === 'error' && ((0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_error", size: 72, colorKey: "ui_cpnt_alertdialog_icon_error" })), iconMode === 'warning' && ((0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_warning", size: 72, colorKey: "ui_cpnt_alertdialog_icon_warning" })), iconMode === 'information' && ((0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_information", size: 72, colorKey: "ui_cpnt_alertdialog_icon_information" }))] }));
52
57
  }
53
58
  };
54
- return react_dom_1.default.createPortal((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_ModalOverlay, {}), (0, jsx_runtime_1.jsxs)(S_ModalWrapper, __assign({ "x-pds-name": "DesktopAlertDialog", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [(0, jsx_runtime_1.jsxs)(S_UpperBox, { children: [icon(), iconMode !== 'none' && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d", spacingType: "width" }), (0, jsx_runtime_1.jsxs)(S_TextBox, { children: [titleText && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText, colorTheme: "sysTextPrimary", styleTheme: "leadParaBold" })), titleText && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c" }), contentText && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: contentText, colorTheme: "sysTextPrimary", styleTheme: "body1Regular" }))] })] }), (0, jsx_runtime_1.jsxs)(S_Footer, { children: [btn3Mode.includes(btnMode) && tBtn3Text && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: tBtn3Text, state: tBtn3State, type: tBtn3Type, size: "large", onClick: onClickTBtn3, colorTheme: "grey_01" })), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }), btn2Mode.includes(btnMode) && tBtn2Text && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: tBtn2Text, state: tBtn2State, type: tBtn2Type, size: "large", onClick: onClickTBtn2, colorTheme: "grey_01" })), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }), btn1Mode.includes(btnMode) && tBtn1Text && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: tBtn1Text, state: tBtn1State, type: tBtn1Type, size: "large", onClick: onClickTBtn1 }))] })] }))] }), container);
59
+ return react_dom_1.default.createPortal((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_ModalOverlay, {}), (0, jsx_runtime_1.jsxs)(S_ModalWrapper, __assign({ "x-pds-name": "DesktopAlertDialog", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [(0, jsx_runtime_1.jsxs)(S_UpperBox, { children: [icon(), iconMode !== 'none' && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d", spacingType: "width" }), (0, jsx_runtime_1.jsxs)(S_TextBox, { children: [titleText && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText, colorTheme: "sysTextPrimary", styleTheme: "leadParaBold" })), titleText && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c" }), contentText && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: contentText, colorTheme: "sysTextPrimary", styleTheme: "body1Regular" }))] })] }), (0, jsx_runtime_1.jsxs)(S_Footer, { children: [btn3Mode.includes(btnMode) && tBtn3Text && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: tBtn3Text, state: tBtn3State, type: tBtn3Type, size: "large", onClick: onClickTBtn3, colorTheme: "grey_01" })), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }), btn2Mode.includes(btnMode) && tBtn2Text && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: tBtn2Text, state: tBtn2State, type: tBtn2Type, size: "large", onClick: onClickTBtn2, colorTheme: "grey_01" })), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }), btn1Mode.includes(btnMode) && tBtn1Text && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: tBtn1Text, state: tBtn1State, type: tBtn1Type, size: "large", onClick: onClickTBtn1, onKeyDown: function (e) { return handleKeyDown(e); } }))] })] }))] }), container);
55
60
  }
56
61
  var S_UpperBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n margin: ", ";\n"], ["\n display: flex;\n margin: ", ";\n"])), function (_a) {
57
62
  var theme = _a.theme;