pds-dev-kit-web-test 2.7.371 → 2.7.373

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.
@@ -104,6 +104,7 @@
104
104
  "str_upload": "Upload",
105
105
  "str_delete": "Delete",
106
106
  "str_reaction": "Reaction",
107
- "str_9806": "There are no items added yet. Please add and edit items!"
107
+ "str_9806": "There are no items added yet. Please add and edit items!",
108
+ "str_10106": "The height is adjusted\naccording to the content."
108
109
  }
109
110
  }
@@ -104,6 +104,7 @@
104
104
  "str_upload": "Subir",
105
105
  "str_delete": "borrar",
106
106
  "str_reaction": "Reaction",
107
- "str_9806": "There are no items added yet. Please add and edit items!"
107
+ "str_9806": "There are no items added yet. Please add and edit items!",
108
+ "str_10106": "The height is adjusted\naccording to the content."
108
109
  }
109
110
  }
@@ -97,6 +97,7 @@
97
97
  "str_upload": "Upload",
98
98
  "str_delete": "Tanggalin",
99
99
  "str_reaction": "Reaction",
100
- "str_9806": "There are no items added yet. Please add and edit items!"
100
+ "str_9806": "There are no items added yet. Please add and edit items!",
101
+ "str_10106": "The height is adjusted\naccording to the content."
101
102
  }
102
103
  }
@@ -107,6 +107,7 @@ declare const locale: {
107
107
  str_delete: string;
108
108
  str_reaction: string;
109
109
  str_9806: string;
110
+ str_10106: string;
110
111
  };
111
112
  };
112
113
  readonly en: {
@@ -216,6 +217,7 @@ declare const locale: {
216
217
  str_delete: string;
217
218
  str_reaction: string;
218
219
  str_9806: string;
220
+ str_10106: string;
219
221
  };
220
222
  };
221
223
  readonly ja: {
@@ -325,6 +327,7 @@ declare const locale: {
325
327
  str_delete: string;
326
328
  str_reaction: string;
327
329
  str_9806: string;
330
+ str_10106: string;
328
331
  };
329
332
  };
330
333
  readonly es: {
@@ -434,6 +437,7 @@ declare const locale: {
434
437
  str_delete: string;
435
438
  str_reaction: string;
436
439
  str_9806: string;
440
+ str_10106: string;
437
441
  };
438
442
  };
439
443
  readonly 'zh-cn': {
@@ -543,6 +547,7 @@ declare const locale: {
543
547
  str_delete: string;
544
548
  str_reaction: string;
545
549
  str_9806: string;
550
+ str_10106: string;
546
551
  };
547
552
  };
548
553
  readonly 'zh-tw': {
@@ -652,6 +657,7 @@ declare const locale: {
652
657
  str_delete: string;
653
658
  str_reaction: string;
654
659
  str_9806: string;
660
+ str_10106: string;
655
661
  };
656
662
  };
657
663
  readonly fil: {
@@ -754,6 +760,7 @@ declare const locale: {
754
760
  str_delete: string;
755
761
  str_reaction: string;
756
762
  str_9806: string;
763
+ str_10106: string;
757
764
  };
758
765
  };
759
766
  };
@@ -104,6 +104,7 @@
104
104
  "str_upload": "アップロード",
105
105
  "str_delete": "削除",
106
106
  "str_reaction": "Reaction",
107
- "str_9806": "There are no items added yet. Please add and edit items!"
107
+ "str_9806": "There are no items added yet. Please add and edit items!",
108
+ "str_10106": "The height is adjusted\naccording to the content."
108
109
  }
109
110
  }
@@ -105,6 +105,7 @@
105
105
  "str_upload": "업로드",
106
106
  "str_delete": "삭제",
107
107
  "str_reaction": "반응",
108
- "str_9806": "아직 추가된 항목이 없어요. 항목을 추가하고 편집해주세요!"
108
+ "str_9806": "아직 추가된 항목이 없어요. 항목을 추가하고 편집해주세요!",
109
+ "str_10106": "내용에 따라 높이가 조절됩니다."
109
110
  }
110
111
  }
@@ -104,6 +104,7 @@
104
104
  "str_upload": "上传",
105
105
  "str_delete": "删除",
106
106
  "str_reaction": "Reaction",
107
- "str_9806": "There are no items added yet. Please add and edit items!"
107
+ "str_9806": "There are no items added yet. Please add and edit items!",
108
+ "str_10106": "The height is adjusted\naccording to the content."
108
109
  }
109
110
  }
@@ -104,6 +104,7 @@
104
104
  "str_upload": "上傳",
105
105
  "str_delete": "刪除",
106
106
  "str_reaction": "Reaction",
107
- "str_9806": "There are no items added yet. Please add and edit items!"
107
+ "str_9806": "There are no items added yet. Please add and edit items!",
108
+ "str_10106": "The height is adjusted\naccording to the content."
108
109
  }
109
110
  }
@@ -17,6 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
17
17
  var jsx_runtime_1 = require("react/jsx-runtime");
18
18
  /* eslint-disable react/destructuring-assignment */
19
19
  var react_1 = require("react");
20
+ var react_i18next_1 = require("react-i18next");
20
21
  var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
21
22
  var compositionQueryContext_1 = require("../../../../../../../DynamicLayout/compositionQueryContext");
22
23
  var hooks_1 = require("../../../../hooks");
@@ -141,7 +142,8 @@ function Text(props) {
141
142
  }
142
143
  return text;
143
144
  };
144
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), isEditModeAndHeightFitContent && ((0, jsx_runtime_1.jsx)(S_HeightFitContentCover_1.S_HeightFitContentCover, { bottomText: "<\uC774\uAC70 \uBB34\uC870\uAC74 \uB2E4\uBCF4\uC784>" })), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ style: {
145
+ var t = (0, react_i18next_1.useTranslation)('translation').t;
146
+ return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), isEditModeAndHeightFitContent && (0, jsx_runtime_1.jsx)(S_HeightFitContentCover_1.S_HeightFitContentCover, { bottomText: t('str_10106') }), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ style: {
145
147
  height: '100%',
146
148
  display: 'flex',
147
149
  alignItems: "".concat(textStyle.alignItems),
@@ -9,5 +9,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.S_HeightFitContentCover = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.S_HeightFitContentCover = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: repeating-linear-gradient(\n -120deg,\n rgba(30, 235, 180, 0.5),\n rgba(30, 235, 180, 0.5) 20px,\n rgba(0, 0, 0, 0.2) 20px,\n rgba(0, 0, 0, 0.2) 35px\n );\n bottom: 0;\n height: 100%;\n left: 0;\n opacity: 0.5;\n pointer-events: none;\n position: absolute;\n width: 100%;\n\n /* * [\uC911\uC694] \n * \uC774 \uC694\uC18C \uC804\uCCB4\uB294 \uD074\uB9AD\uC774 \uD1B5\uACFC\uB429\uB2C8\uB2E4. \n * (\uC790\uC2DD\uC778 ::after\uB3C4 \uC774 \uC18D\uC131\uC744 \uC0C1\uC18D\uBC1B\uC2B5\uB2C8\uB2E4)\n */\n z-index: 2;\n\n /* --- 2. ::after \uAC00\uC0C1 \uC694\uC18C\uB97C \uC0AC\uC6A9\uD574 \uAE00\uC790 \uCD94\uAC00 --- */\n &::after {\n color: #ffffffff;\n content: '", "';\n font-size: 11px;\n font-weight: bold;\n left: 50%;\n left: 50%;\n pointer-events: none;\n position: absolute;\n text-align: center;\n text-shadow: rgb(0, 184, 132) 1px 0px 0px, rgb(0, 184, 132) 0.540302px 0.841471px 0px,\n rgb(0, 184, 132) -0.416147px 0.909297px 0px, rgb(0, 184, 132) -0.989992px 0.14112px 0px,\n rgb(0, 184, 132) -0.653644px -0.756802px 0px, rgb(0, 184, 132) 0.283662px -0.958924px 0px,\n rgb(0, 184, 132) 0.96017px -0.279415px 0px, 0px 0px 10px #000000;\n top: 50%;\n transform: translate(-50%, -50%);\n }\n"], ["\n background: repeating-linear-gradient(\n -120deg,\n rgba(30, 235, 180, 0.5),\n rgba(30, 235, 180, 0.5) 20px,\n rgba(0, 0, 0, 0.2) 20px,\n rgba(0, 0, 0, 0.2) 35px\n );\n bottom: 0;\n height: 100%;\n left: 0;\n opacity: 0.5;\n pointer-events: none;\n position: absolute;\n width: 100%;\n\n /* * [\uC911\uC694] \n * \uC774 \uC694\uC18C \uC804\uCCB4\uB294 \uD074\uB9AD\uC774 \uD1B5\uACFC\uB429\uB2C8\uB2E4. \n * (\uC790\uC2DD\uC778 ::after\uB3C4 \uC774 \uC18D\uC131\uC744 \uC0C1\uC18D\uBC1B\uC2B5\uB2C8\uB2E4)\n */\n z-index: 2;\n\n /* --- 2. ::after \uAC00\uC0C1 \uC694\uC18C\uB97C \uC0AC\uC6A9\uD574 \uAE00\uC790 \uCD94\uAC00 --- */\n &::after {\n color: #ffffffff;\n content: '", "';\n font-size: 11px;\n font-weight: bold;\n left: 50%;\n left: 50%;\n pointer-events: none;\n position: absolute;\n text-align: center;\n text-shadow: rgb(0, 184, 132) 1px 0px 0px, rgb(0, 184, 132) 0.540302px 0.841471px 0px,\n rgb(0, 184, 132) -0.416147px 0.909297px 0px, rgb(0, 184, 132) -0.989992px 0.14112px 0px,\n rgb(0, 184, 132) -0.653644px -0.756802px 0px, rgb(0, 184, 132) 0.283662px -0.958924px 0px,\n rgb(0, 184, 132) 0.96017px -0.279415px 0px, 0px 0px 10px #000000;\n top: 50%;\n transform: translate(-50%, -50%);\n }\n"])), function (props) { return props.bottomText || ''; });
12
+ exports.S_HeightFitContentCover = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: repeating-linear-gradient(\n -120deg,\n rgba(30, 235, 180, 0.5),\n rgba(30, 235, 180, 0.5) 20px,\n rgba(0, 0, 0, 0.2) 20px,\n rgba(0, 0, 0, 0.2) 35px\n );\n bottom: 0;\n height: 100%;\n left: 0;\n pointer-events: none;\n position: absolute;\n width: 100%;\n\n z-index: 2;\n\n &::after {\n color: #ffffffff;\n content: '", "';\n font-size: 12px;\n font-weight: bold;\n left: 50%;\n pointer-events: none;\n position: absolute;\n text-align: center;\n text-shadow: rgb(0, 184, 132) 1px 0px 0px, rgb(0, 184, 132) 0.540302px 0.841471px 0px,\n rgb(0, 184, 132) -0.416147px 0.909297px 0px, rgb(0, 184, 132) -0.989992px 0.14112px 0px,\n rgb(0, 184, 132) -0.653644px -0.756802px 0px, rgb(0, 184, 132) 0.283662px -0.958924px 0px,\n rgb(0, 184, 132) 0.96017px -0.279415px 0px, 0px 0px 10px #000000;\n top: 50%;\n transform: translate(-50%, -50%);\n }\n"], ["\n background: repeating-linear-gradient(\n -120deg,\n rgba(30, 235, 180, 0.5),\n rgba(30, 235, 180, 0.5) 20px,\n rgba(0, 0, 0, 0.2) 20px,\n rgba(0, 0, 0, 0.2) 35px\n );\n bottom: 0;\n height: 100%;\n left: 0;\n pointer-events: none;\n position: absolute;\n width: 100%;\n\n z-index: 2;\n\n &::after {\n color: #ffffffff;\n content: '", "';\n font-size: 12px;\n font-weight: bold;\n left: 50%;\n pointer-events: none;\n position: absolute;\n text-align: center;\n text-shadow: rgb(0, 184, 132) 1px 0px 0px, rgb(0, 184, 132) 0.540302px 0.841471px 0px,\n rgb(0, 184, 132) -0.416147px 0.909297px 0px, rgb(0, 184, 132) -0.989992px 0.14112px 0px,\n rgb(0, 184, 132) -0.653644px -0.756802px 0px, rgb(0, 184, 132) 0.283662px -0.958924px 0px,\n rgb(0, 184, 132) 0.96017px -0.279415px 0px, 0px 0px 10px #000000;\n top: 50%;\n transform: translate(-50%, -50%);\n }\n"])), function (props) { return props.bottomText || ''; });
13
13
  var templateObject_1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.7.371",
3
+ "version": "2.7.373",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",