@sap-ux/ui-prompting 0.1.13 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Inputs/Input/TranslationInput.d.ts +4 -0
- package/dist/components/Inputs/Input/TranslationInput.d.ts.map +1 -0
- package/dist/components/Inputs/Input/TranslationInput.js +59 -0
- package/dist/components/Inputs/Input/TranslationInput.js.map +1 -0
- package/dist/components/Inputs/Input/index.d.ts +1 -0
- package/dist/components/Inputs/Input/index.d.ts.map +1 -1
- package/dist/components/Inputs/Input/index.js +1 -0
- package/dist/components/Inputs/Input/index.js.map +1 -1
- package/dist/components/Question/Question.d.ts.map +1 -1
- package/dist/components/Question/Question.js +7 -1
- package/dist/components/Question/Question.js.map +1 -1
- package/dist/components/Questions/Questions.d.ts +4 -2
- package/dist/components/Questions/Questions.d.ts.map +1 -1
- package/dist/components/Questions/Questions.js +10 -7
- package/dist/components/Questions/Questions.js.map +1 -1
- package/dist/context/TranslationContext.d.ts +9 -0
- package/dist/context/TranslationContext.d.ts.map +1 -0
- package/dist/context/TranslationContext.js +44 -0
- package/dist/context/TranslationContext.js.map +1 -0
- package/dist/types.d.ts +32 -1
- package/dist/types.d.ts.map +1 -1
- package/dist/types.js +3 -1
- package/dist/types.js.map +1 -1
- package/dist/utilities/renderUtils.d.ts +7 -0
- package/dist/utilities/renderUtils.d.ts.map +1 -1
- package/dist/utilities/renderUtils.js +11 -1
- package/dist/utilities/renderUtils.js.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TranslationInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Inputs/Input/TranslationInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAK3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,eAAO,MAAM,gBAAgB,UAAW,UAAU,sBAqDjD,CAAC"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.TranslationInput = void 0;
|
|
27
|
+
const react_1 = __importStar(require("react"));
|
|
28
|
+
const ui_components_1 = require("@sap-ux/ui-components");
|
|
29
|
+
const utilities_1 = require("../../../utilities");
|
|
30
|
+
const TranslationContext_1 = require("../../../context/TranslationContext");
|
|
31
|
+
const types_1 = require("../../../types");
|
|
32
|
+
const TranslationInput = (props) => {
|
|
33
|
+
const { bundle, onEvent: triggerEvent, pendingQuestions } = (0, TranslationContext_1.useTranslation)();
|
|
34
|
+
const { name, onChange, guiOptions = {}, message, errorMessage, id } = props;
|
|
35
|
+
const { mandatory, hint, placeholder } = guiOptions;
|
|
36
|
+
const [value, setValue] = (0, utilities_1.useValue)('', props.value);
|
|
37
|
+
const onLiveChange = (_event, newValue) => {
|
|
38
|
+
setValue(newValue ?? '');
|
|
39
|
+
onChange?.(name, newValue);
|
|
40
|
+
};
|
|
41
|
+
const onCreateNewEntry = (0, react_1.useCallback)((entry) => {
|
|
42
|
+
triggerEvent?.(name, {
|
|
43
|
+
name: types_1.TRANSLATE_EVENT_UPDATE,
|
|
44
|
+
entry
|
|
45
|
+
});
|
|
46
|
+
}, [name]);
|
|
47
|
+
const onShowExistingEntry = (0, react_1.useCallback)((entry) => {
|
|
48
|
+
triggerEvent?.(name, {
|
|
49
|
+
name: types_1.TRANSLATE_EVENT_SHOW,
|
|
50
|
+
entry
|
|
51
|
+
});
|
|
52
|
+
}, [name]);
|
|
53
|
+
return (react_1.default.createElement(ui_components_1.UITranslationInput, { onRenderLabel: (0, utilities_1.getLabelRenderer)(hint), required: mandatory, label: typeof message === 'string' ? message : name, value: value ? value.toString() : '', onChange: onLiveChange, errorMessage: errorMessage, placeholder: placeholder ?? 'Enter a value', id: id ?? '', allowedPatterns: [ui_components_1.TranslationTextPattern.SingleBracketBinding], defaultPattern: ui_components_1.TranslationTextPattern.SingleBracketBinding, i18nPrefix: "i18n", namingConvention: ui_components_1.TranslationKeyGenerator.CamelCase, entries: bundle, onCreateNewEntry: onCreateNewEntry, onShowExistingEntry: onShowExistingEntry, busy: {
|
|
54
|
+
busy: pendingQuestions?.includes(name),
|
|
55
|
+
useMinWaitingTime: true
|
|
56
|
+
} }));
|
|
57
|
+
};
|
|
58
|
+
exports.TranslationInput = TranslationInput;
|
|
59
|
+
//# sourceMappingURL=TranslationInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TranslationInput.js","sourceRoot":"","sources":["../../../../src/components/Inputs/Input/TranslationInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,yDAA4G;AAE5G,kDAAgE;AAChE,4EAAqE;AAErE,0CAA8E;AAEvE,MAAM,gBAAgB,GAAG,CAAC,KAAiB,EAAE,EAAE;IAClD,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,IAAA,mCAAc,GAAE,CAAC;IAC7E,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,GAAG,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAC7E,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC;IACpD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,oBAAQ,EAAC,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,YAAY,GAAG,CAAC,MAAuB,EAAE,QAA6B,EAAE,EAAE;QAC5E,QAAQ,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;QACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAChC,CAAC,KAAuB,EAAQ,EAAE;QAC9B,YAAY,EAAE,CAAC,IAAI,EAAE;YACjB,IAAI,EAAE,8BAAsB;YAC5B,KAAK;SACR,CAAC,CAAC;IACP,CAAC,EACD,CAAC,IAAI,CAAC,CACT,CAAC;IAEF,MAAM,mBAAmB,GAAG,IAAA,mBAAW,EACnC,CAAC,KAAuB,EAAQ,EAAE;QAC9B,YAAY,EAAE,CAAC,IAAI,EAAE;YACjB,IAAI,EAAE,4BAAoB;YAC1B,KAAK;SACR,CAAC,CAAC;IACP,CAAC,EACD,CAAC,IAAI,CAAC,CACT,CAAC;IAEF,OAAO,CACH,8BAAC,kCAAkB,IACf,aAAa,EAAE,IAAA,4BAAgB,EAAC,IAAI,CAAC,EACrC,QAAQ,EAAE,SAAS,EACnB,KAAK,EAAE,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EACnD,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,EACpC,QAAQ,EAAE,YAAY,EACtB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,IAAI,eAAe,EAC3C,EAAE,EAAE,EAAE,IAAI,EAAE,EACZ,eAAe,EAAE,CAAC,sCAAsB,CAAC,oBAAoB,CAAC,EAC9D,cAAc,EAAE,sCAAsB,CAAC,oBAAoB,EAC3D,UAAU,EAAC,MAAM,EACjB,gBAAgB,EAAE,uCAAuB,CAAC,SAAS,EACnD,OAAO,EAAE,MAAM,EACf,gBAAgB,EAAE,gBAAgB,EAClC,mBAAmB,EAAE,mBAAmB,EACxC,IAAI,EAAE;YACF,IAAI,EAAE,gBAAgB,EAAE,QAAQ,CAAC,IAAI,CAAC;YACtC,iBAAiB,EAAE,IAAI;SAC1B,GACH,CACL,CAAC;AACN,CAAC,CAAC;AArDW,QAAA,gBAAgB,oBAqD3B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Inputs/Input/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Inputs/Input/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC"}
|
|
@@ -15,4 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
__exportStar(require("./Input"), exports);
|
|
18
|
+
__exportStar(require("./TranslationInput"), exports);
|
|
18
19
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Inputs/Input/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Inputs/Input/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB;AACxB,qDAAmC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Question.d.ts","sourceRoot":"","sources":["../../../src/components/Question/Question.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAGxC,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErG,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,aAAa;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,cAAc,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACtD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,iBAAiB,CAAC;CACjC;AAED,eAAO,MAAM,QAAQ,UAAW,aAAa,
|
|
1
|
+
{"version":3,"file":"Question.d.ts","sourceRoot":"","sources":["../../../src/components/Question/Question.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAGxC,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErG,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,aAAa;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,cAAc,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACtD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,iBAAiB,CAAC;CACjC;AAED,eAAO,MAAM,QAAQ,UAAW,aAAa,sBAiE5C,CAAC"}
|
|
@@ -19,7 +19,13 @@ const Question = (props) => {
|
|
|
19
19
|
const inputId = id ? `${id}--input` : undefined;
|
|
20
20
|
switch (question?.type) {
|
|
21
21
|
case 'input': {
|
|
22
|
-
|
|
22
|
+
const { translatable } = question.guiOptions ?? {};
|
|
23
|
+
if (translatable) {
|
|
24
|
+
questionInput = (react_1.default.createElement(Inputs_1.TranslationInput, { value: value, ...question, onChange: onChange, errorMessage: errorMessage, id: inputId }));
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
questionInput = (react_1.default.createElement(Inputs_1.Input, { value: value, ...question, onChange: onChange, errorMessage: errorMessage, id: inputId }));
|
|
28
|
+
}
|
|
23
29
|
break;
|
|
24
30
|
}
|
|
25
31
|
case 'checkbox': {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Question.js","sourceRoot":"","sources":["../../../src/components/Question/Question.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,
|
|
1
|
+
{"version":3,"file":"Question.js","sourceRoot":"","sources":["../../../src/components/Question/Question.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,sCAAyE;AACzE,+CAA4C;AAG5C,2BAAyB;AAYlB,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC7C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,GAAG,EAAE,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IACrF,IAAI,aAA0B,CAAC;IAC/B,IAAI,YAAY,GAAG,EAAE,CAAC;IACtB,MAAM,KAAK,GAAgB,IAAA,qBAAS,EAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAgB,CAAC;IAC5E,IAAI,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,KAAK,KAAK,IAAI,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;QAC1F,YAAY,GAAG,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,YAAa,CAAC;IAC3D,CAAC;IACD,MAAM,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAChD,QAAQ,QAAQ,EAAE,IAAI,EAAE,CAAC;QACrB,KAAK,OAAO,CAAC,CAAC,CAAC;YACX,MAAM,EAAE,YAAY,EAAE,GAAG,QAAQ,CAAC,UAAU,IAAI,EAAE,CAAC;YACnD,IAAI,YAAY,EAAE,CAAC;gBACf,aAAa,GAAG,CACZ,8BAAC,yBAAgB,IACb,KAAK,EAAE,KAAK,KACR,QAAQ,EACZ,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,EAAE,EAAE,OAAO,GACb,CACL,CAAC;YACN,CAAC;iBAAM,CAAC;gBACJ,aAAa,GAAG,CACZ,8BAAC,cAAK,IAAC,KAAK,EAAE,KAAK,KAAM,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,EAAE,OAAO,GAAI,CACrG,CAAC;YACN,CAAC;YAED,MAAM;QACV,CAAC;QACD,KAAK,UAAU,CAAC,CAAC,CAAC;YACd,aAAa,GAAG,CACZ,8BAAC,oBAAW;YACR,qCAAqC;;gBAArC,qCAAqC;gBACrC,KAAK,EAAE,KAAK,KACR,QAAQ,EACZ,cAAc,EAAE,OAAO,EACvB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,EAAE,EAAE,OAAO,GACb,CACL,CAAC;YACF,MAAM;QACV,CAAC;QACD,KAAK,MAAM,CAAC,CAAC,CAAC;YACV,aAAa,GAAG,CACZ,8BAAC,eAAM;YACH,qCAAqC;;gBAArC,qCAAqC;gBACrC,KAAK,EAAE,KAAK,KACR,QAAQ,EACZ,cAAc,EAAE,OAAO,EACvB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,EAAE,EAAE,OAAO,GACb,CACL,CAAC;YACF,MAAM;QACV,CAAC;QACD,OAAO,CAAC,CAAC,CAAC;YACN,aAAa,GAAG,yDAAsB,CAAC;YACvC,MAAM;QACV,CAAC;IACL,CAAC;IACD,OAAO,uCAAK,SAAS,EAAC,cAAc,IAAE,aAAa,CAAO,CAAC;AAC/D,CAAC,CAAC;AAjEW,QAAA,QAAQ,YAiEnB"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { Answers } from 'inquirer';
|
|
3
|
-
import type { PromptQuestion, ValidationResults, PromptsGroup, AnswerValue, DynamicChoices } from '../../types';
|
|
3
|
+
import type { PromptQuestion, ValidationResults, PromptsGroup, AnswerValue, DynamicChoices, TranslationProps } from '../../types';
|
|
4
4
|
import { PromptsLayoutType } from '../../types';
|
|
5
|
+
import type { TranslationEntry } from '@sap-ux/ui-components';
|
|
5
6
|
import './Questions.scss';
|
|
6
|
-
export interface QuestionsProps {
|
|
7
|
+
export interface QuestionsProps<T extends TranslationEntry = TranslationEntry> {
|
|
7
8
|
id?: string;
|
|
8
9
|
questions: PromptQuestion[];
|
|
9
10
|
answers?: Answers;
|
|
@@ -14,6 +15,7 @@ export interface QuestionsProps {
|
|
|
14
15
|
layoutType?: PromptsLayoutType;
|
|
15
16
|
groups?: Array<PromptsGroup>;
|
|
16
17
|
showDescriptions?: boolean;
|
|
18
|
+
translationProps?: TranslationProps<T>;
|
|
17
19
|
}
|
|
18
20
|
export declare const Questions: (props: QuestionsProps) => React.JSX.Element;
|
|
19
21
|
//# sourceMappingURL=Questions.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Questions.d.ts","sourceRoot":"","sources":["../../../src/components/Questions/Questions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"Questions.d.ts","sourceRoot":"","sources":["../../../src/components/Questions/Questions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAcxC,OAAO,KAAK,EACR,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,cAAc,EACd,gBAAgB,EACnB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,gBAAgB,GAAG,gBAAgB;IACzE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9D,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,EAAE,oBAAoB,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5G,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;CAC1C;AAgBD,eAAO,MAAM,SAAS,UAAW,cAAc,sBAkH9C,CAAC"}
|
|
@@ -28,6 +28,7 @@ const react_1 = __importStar(require("react"));
|
|
|
28
28
|
const Question_1 = require("../Question/Question");
|
|
29
29
|
const utilities_1 = require("../../utilities");
|
|
30
30
|
const QuestionGroup_1 = require("../QuestionGroup");
|
|
31
|
+
const TranslationContext_1 = require("../../context/TranslationContext");
|
|
31
32
|
require("./Questions.scss");
|
|
32
33
|
/**
|
|
33
34
|
* Method returns classes for question's component root DOM element.
|
|
@@ -41,7 +42,7 @@ const getComponentClasses = (type) => {
|
|
|
41
42
|
return classes.join(' ');
|
|
42
43
|
};
|
|
43
44
|
const Questions = (props) => {
|
|
44
|
-
const { id, groups = [], questions, onChoiceRequest, onChange, answers = {}, choices = {}, layoutType, showDescriptions, validation = {} } = props;
|
|
45
|
+
const { id, groups = [], questions, onChoiceRequest, onChange, answers = {}, choices = {}, layoutType, showDescriptions, validation = {}, translationProps = { bundle: {} } } = props;
|
|
45
46
|
const componentId = (0, utilities_1.useId)(id);
|
|
46
47
|
const [localAnswers, setLocalAnswers] = (0, utilities_1.useAnswers)(questions, answers, (answers) => {
|
|
47
48
|
onChange?.(answers);
|
|
@@ -94,14 +95,16 @@ const Questions = (props) => {
|
|
|
94
95
|
const renderQuestions = (questions) => questions.map((question, index) => {
|
|
95
96
|
const name = question.name;
|
|
96
97
|
const externalChoices = choices[name];
|
|
97
|
-
|
|
98
|
+
const id = (0, utilities_1.formatDomId)(`${componentId}--${question.name}`);
|
|
99
|
+
return (react_1.default.createElement(Question_1.Question, { id: id, key: `${name}-${index}`, question: question, validation: validation, answers: localAnswers, onChange: onAnswerChange, choices: externalChoices, pending: pendingRequests[name] }));
|
|
98
100
|
});
|
|
99
101
|
return (react_1.default.createElement("div", { id: componentId, className: getComponentClasses(layoutType) },
|
|
100
|
-
react_1.default.createElement(
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
102
|
+
react_1.default.createElement(TranslationContext_1.TranslationProvider, { bundle: translationProps.bundle, onEvent: translationProps.onEvent, pendingQuestions: translationProps.pendingQuestions },
|
|
103
|
+
react_1.default.createElement("div", { className: "prompt-entries" }, layoutType === "MultiColumn" /* PromptsLayoutType.MultiColumn */ && groups?.length
|
|
104
|
+
? groupsWithQuestions.map((group) => {
|
|
105
|
+
return (react_1.default.createElement(QuestionGroup_1.QuestionGroup, { id: `${componentId}--${group.id}`, key: group.id, title: group.title, description: group.description, showDescription: showDescriptions }, renderQuestions(group.questions)));
|
|
106
|
+
})
|
|
107
|
+
: renderQuestions(questions)))));
|
|
105
108
|
};
|
|
106
109
|
exports.Questions = Questions;
|
|
107
110
|
//# sourceMappingURL=Questions.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Questions.js","sourceRoot":"","sources":["../../../src/components/Questions/Questions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAE3C,mDAAgD;AAChD,+
|
|
1
|
+
{"version":3,"file":"Questions.js","sourceRoot":"","sources":["../../../src/components/Questions/Questions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { TranslationEntry } from '@sap-ux/ui-components';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import type { TranslationProps } from '../types';
|
|
4
|
+
export declare const useTranslation: () => TranslationProps<TranslationEntry>;
|
|
5
|
+
export interface TranslationProviderProps<T extends TranslationEntry = TranslationEntry> extends TranslationProps<T> {
|
|
6
|
+
children?: string | React.ReactElement;
|
|
7
|
+
}
|
|
8
|
+
export declare const TranslationProvider: <T extends TranslationEntry>(props: TranslationProviderProps<T>) => React.JSX.Element;
|
|
9
|
+
//# sourceMappingURL=TranslationContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TranslationContext.d.ts","sourceRoot":"","sources":["../../src/context/TranslationContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAA0D,MAAM,OAAO,CAAC;AAC/E,OAAO,KAAK,EAAkB,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAIjE,eAAO,MAAM,cAAc,0CAAuC,CAAC;AAEnE,MAAM,WAAW,wBAAwB,CAAC,CAAC,SAAS,gBAAgB,GAAG,gBAAgB,CAAE,SAAQ,gBAAgB,CAAC,CAAC,CAAC;IAChH,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;CAC1C;AAED,eAAO,MAAM,mBAAmB,uFAiB/B,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.TranslationProvider = exports.useTranslation = void 0;
|
|
27
|
+
const react_1 = __importStar(require("react"));
|
|
28
|
+
const TranslationContext = (0, react_1.createContext)({ bundle: {} });
|
|
29
|
+
const useTranslation = () => (0, react_1.useContext)(TranslationContext);
|
|
30
|
+
exports.useTranslation = useTranslation;
|
|
31
|
+
const TranslationProvider = (props) => {
|
|
32
|
+
const { onEvent } = props;
|
|
33
|
+
const handleEvent = (0, react_1.useCallback)((question, event) => {
|
|
34
|
+
onEvent?.(question, event);
|
|
35
|
+
}, [onEvent]);
|
|
36
|
+
const value = (0, react_1.useMemo)(() => ({
|
|
37
|
+
bundle: props.bundle,
|
|
38
|
+
onEvent: handleEvent,
|
|
39
|
+
pendingQuestions: props.pendingQuestions
|
|
40
|
+
}), [props.bundle, handleEvent, props.pendingQuestions]);
|
|
41
|
+
return react_1.default.createElement(TranslationContext.Provider, { value: value }, props.children);
|
|
42
|
+
};
|
|
43
|
+
exports.TranslationProvider = TranslationProvider;
|
|
44
|
+
//# sourceMappingURL=TranslationContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TranslationContext.js","sourceRoot":"","sources":["../../src/context/TranslationContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAA+E;AAG/E,MAAM,kBAAkB,GAAG,IAAA,qBAAa,EAAmB,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;AAEpE,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,IAAA,kBAAU,EAAC,kBAAkB,CAAC,CAAC;AAAtD,QAAA,cAAc,kBAAwC;AAM5D,MAAM,mBAAmB,GAAG,CAA6B,KAAkC,EAAE,EAAE;IAClG,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC1B,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC3B,CAAC,QAAgB,EAAE,KAAuC,EAAQ,EAAE;QAChE,OAAO,EAAE,CAAC,QAAQ,EAAE,KAA0B,CAAC,CAAC;IACpD,CAAC,EACD,CAAC,OAAO,CAAC,CACZ,CAAC;IACF,MAAM,KAAK,GAAG,IAAA,eAAO,EACjB,GAAG,EAAE,CAAC,CAAC;QACH,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,OAAO,EAAE,WAAW;QACpB,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;KAC3C,CAAC,EACF,CAAC,KAAK,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAAC,CACtD,CAAC;IACF,OAAO,8BAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,KAAK,CAAC,QAAQ,CAA+B,CAAC;AACrG,CAAC,CAAC;AAjBW,QAAA,mBAAmB,uBAiB9B"}
|
package/dist/types.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { Answers, DistinctChoice } from 'inquirer';
|
|
2
2
|
import type { CheckBoxQuestion, InputQuestion, ListQuestion, GuiOptions as BaseGuiOptions } from '@sap-ux/inquirer-common';
|
|
3
|
+
import type { I18nBundle, TranslationEntry } from '@sap-ux/ui-components';
|
|
3
4
|
export { Answers };
|
|
4
5
|
/**
|
|
5
6
|
* Extended GUI interface for question.
|
|
@@ -48,6 +49,17 @@ export interface ListPromptQuestionCreationProps {
|
|
|
48
49
|
*/
|
|
49
50
|
placeholder?: string;
|
|
50
51
|
}
|
|
52
|
+
/**
|
|
53
|
+
* Extended GUI interface for list question.
|
|
54
|
+
*/
|
|
55
|
+
export interface InputGuiOptions extends GuiOptions {
|
|
56
|
+
/**
|
|
57
|
+
* Renders the input field as translatable, allowing the creation of i18n entries with i18n binding.
|
|
58
|
+
*
|
|
59
|
+
* @default false
|
|
60
|
+
*/
|
|
61
|
+
translatable?: boolean;
|
|
62
|
+
}
|
|
51
63
|
/**
|
|
52
64
|
* Represents a question prompt for list question with dropdown visualization.
|
|
53
65
|
* Combines properties of ListQuestion and BasePromptQuestion.
|
|
@@ -66,7 +78,7 @@ export interface InputPromptQuestion<T extends Answers = Answers> extends InputQ
|
|
|
66
78
|
/**
|
|
67
79
|
* Additional properties for ui.
|
|
68
80
|
*/
|
|
69
|
-
guiOptions?:
|
|
81
|
+
guiOptions?: InputGuiOptions;
|
|
70
82
|
}
|
|
71
83
|
/**
|
|
72
84
|
* Represents a question prompt for checkbox.
|
|
@@ -112,4 +124,23 @@ export declare const enum PromptsLayoutType {
|
|
|
112
124
|
SingleColumn = "SingleColumn",
|
|
113
125
|
MultiColumn = "MultiColumn"
|
|
114
126
|
}
|
|
127
|
+
export declare const TRANSLATE_EVENT_UPDATE = "update";
|
|
128
|
+
export declare const TRANSLATE_EVENT_SHOW = "show";
|
|
129
|
+
export interface TranlateUpdateEvent<T extends TranslationEntry> {
|
|
130
|
+
name: typeof TRANSLATE_EVENT_UPDATE;
|
|
131
|
+
entry: T;
|
|
132
|
+
}
|
|
133
|
+
export interface TranlateShowEvent<T extends TranslationEntry> {
|
|
134
|
+
name: typeof TRANSLATE_EVENT_SHOW;
|
|
135
|
+
entry: T;
|
|
136
|
+
}
|
|
137
|
+
export type TranslateEvent<T extends TranslationEntry> = TranlateUpdateEvent<T> | TranlateShowEvent<T>;
|
|
138
|
+
export interface TranslationProps<T extends TranslationEntry = TranslationEntry> {
|
|
139
|
+
bundle: I18nBundle<T>;
|
|
140
|
+
onEvent?: (question: string, event: TranslateEvent<T>) => void;
|
|
141
|
+
/**
|
|
142
|
+
* Array of pending question.
|
|
143
|
+
*/
|
|
144
|
+
pendingQuestions?: string[];
|
|
145
|
+
}
|
|
115
146
|
//# sourceMappingURL=types.d.ts.map
|
package/dist/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,KAAK,EACR,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,UAAU,IAAI,cAAc,EAC/B,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,KAAK,EACR,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,UAAU,IAAI,cAAc,EAC/B,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE1E,OAAO,EAAE,OAAO,EAAE,CAAC;AAEnB;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc;IAC9C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,UAAU;IAClD;;;;;OAKG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACrC;AAED;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACtD;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,+BAA+B,CAAC;CAC9C;AAED;;GAEG;AACH,MAAM,WAAW,+BAA+B;IAC5C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,UAAU;IAC/C;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;GAGG;AACH,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,CAAE,SAAQ,YAAY,CAAC,CAAC,CAAC;IACpF;;OAEG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC;CAC/B;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC;IACtF;;OAEG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;CAChC;AAED;;;GAGG;AACH,MAAM,WAAW,sBAAsB,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,CAAE,SAAQ,gBAAgB,CAAC,CAAC,CAAC;IAC5F;;OAEG;IACH,UAAU,CAAC,EAAE,kBAAkB,CAAC;CACnC;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,IAChD,kBAAkB,CAAC,CAAC,CAAC,GACrB,mBAAmB,CAAC,CAAC,CAAC,GACtB,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAEhC,MAAM,WAAW,gBAAgB;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB;IAC9B,CAAC,YAAY,EAAE,MAAM,GAAG,gBAAgB,CAAC;CAC5C;AAED,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC;AAE9D,MAAM,WAAW,cAAc;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,iBAAiB,CAAC;CACpC;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IACzB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAEhE,0BAAkB,iBAAiB;IAC/B,YAAY,iBAAiB;IAC7B,WAAW,gBAAgB;CAC9B;AAED,eAAO,MAAM,sBAAsB,WAAW,CAAC;AAC/C,eAAO,MAAM,oBAAoB,SAAS,CAAC;AAC3C,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,gBAAgB;IAC3D,IAAI,EAAE,OAAO,sBAAsB,CAAC;IACpC,KAAK,EAAE,CAAC,CAAC;CACZ;AACD,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,gBAAgB;IACzD,IAAI,EAAE,OAAO,oBAAoB,CAAC;IAClC,KAAK,EAAE,CAAC,CAAC;CACZ;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,gBAAgB,IAAI,mBAAmB,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC;AAEvG,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,gBAAgB,GAAG,gBAAgB;IAC3E,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC/D;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC/B"}
|
package/dist/types.js
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.PromptsLayoutType = void 0;
|
|
3
|
+
exports.TRANSLATE_EVENT_SHOW = exports.TRANSLATE_EVENT_UPDATE = exports.PromptsLayoutType = void 0;
|
|
4
4
|
var PromptsLayoutType;
|
|
5
5
|
(function (PromptsLayoutType) {
|
|
6
6
|
PromptsLayoutType["SingleColumn"] = "SingleColumn";
|
|
7
7
|
PromptsLayoutType["MultiColumn"] = "MultiColumn";
|
|
8
8
|
})(PromptsLayoutType || (exports.PromptsLayoutType = PromptsLayoutType = {}));
|
|
9
|
+
exports.TRANSLATE_EVENT_UPDATE = 'update';
|
|
10
|
+
exports.TRANSLATE_EVENT_SHOW = 'show';
|
|
9
11
|
//# sourceMappingURL=types.js.map
|
package/dist/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":";;;AAmJA,IAAkB,iBAGjB;AAHD,WAAkB,iBAAiB;IAC/B,kDAA6B,CAAA;IAC7B,gDAA2B,CAAA;AAC/B,CAAC,EAHiB,iBAAiB,iCAAjB,iBAAiB,QAGlC;AAEY,QAAA,sBAAsB,GAAG,QAAQ,CAAC;AAClC,QAAA,oBAAoB,GAAG,MAAM,CAAC"}
|
|
@@ -2,5 +2,12 @@ import React from 'react';
|
|
|
2
2
|
type IRenderFunction<P> = (props?: P, defaultRender?: (props?: P) => JSX.Element | null) => JSX.Element | null;
|
|
3
3
|
export declare const onLabelRender: <P>(tooltipText?: string, props?: P | undefined, defaultRender?: ((props?: P | undefined) => React.ReactElement | null) | undefined) => React.ReactElement | null;
|
|
4
4
|
export declare const getLabelRenderer: <P>(title?: string) => IRenderFunction<P> | undefined;
|
|
5
|
+
/**
|
|
6
|
+
* Method formats passed id into valid selector id for 'querySelector(#{id})'.
|
|
7
|
+
*
|
|
8
|
+
* @param id - Passed id for formatting.
|
|
9
|
+
* @returns Formatted id.
|
|
10
|
+
*/
|
|
11
|
+
export declare function formatDomId(id: string): string;
|
|
5
12
|
export {};
|
|
6
13
|
//# sourceMappingURL=renderUtils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderUtils.d.ts","sourceRoot":"","sources":["../../src/utilities/renderUtils.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,eAAe,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;AAE/G,eAAO,MAAM,aAAa,oBACR,MAAM,qEAEW,MAAM,YAAY,GAAG,IAAI,kBACzD,MAAM,YAAY,GAAG,IAOvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,cAAwB,MAAM,mCAM1D,CAAC"}
|
|
1
|
+
{"version":3,"file":"renderUtils.d.ts","sourceRoot":"","sources":["../../src/utilities/renderUtils.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,eAAe,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;AAE/G,eAAO,MAAM,aAAa,oBACR,MAAM,qEAEW,MAAM,YAAY,GAAG,IAAI,kBACzD,MAAM,YAAY,GAAG,IAOvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,cAAwB,MAAM,mCAM1D,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAE9C"}
|
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.getLabelRenderer = exports.onLabelRender = void 0;
|
|
6
|
+
exports.formatDomId = exports.getLabelRenderer = exports.onLabelRender = void 0;
|
|
7
7
|
const ui_components_1 = require("@sap-ux/ui-components");
|
|
8
8
|
const react_1 = __importDefault(require("react"));
|
|
9
9
|
const onLabelRender = function (tooltipText, props, defaultRender) {
|
|
@@ -20,4 +20,14 @@ const getLabelRenderer = function (title) {
|
|
|
20
20
|
: undefined;
|
|
21
21
|
};
|
|
22
22
|
exports.getLabelRenderer = getLabelRenderer;
|
|
23
|
+
/**
|
|
24
|
+
* Method formats passed id into valid selector id for 'querySelector(#{id})'.
|
|
25
|
+
*
|
|
26
|
+
* @param id - Passed id for formatting.
|
|
27
|
+
* @returns Formatted id.
|
|
28
|
+
*/
|
|
29
|
+
function formatDomId(id) {
|
|
30
|
+
return id.replace(/[@.:#<>]/g, '-');
|
|
31
|
+
}
|
|
32
|
+
exports.formatDomId = formatDomId;
|
|
23
33
|
//# sourceMappingURL=renderUtils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderUtils.js","sourceRoot":"","sources":["../../src/utilities/renderUtils.tsx"],"names":[],"mappings":";;;;;;AAAA,yDAAwD;AACxD,kDAA0B;AAInB,MAAM,aAAa,GAAG,UACzB,WAAoB,EACpB,KAAS,EACT,aAAwD;IAExD,OAAO,CACH,uCAAK,SAAS,EAAC,cAAc;QACxB,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;QAChD,WAAW,IAAI,8BAAC,sBAAM,IAAC,QAAQ,EAAE,uBAAO,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,GAAI,CACpE,CACT,CAAC;AACN,CAAC,CAAC;AAXW,QAAA,aAAa,iBAWxB;AAEK,MAAM,gBAAgB,GAAG,UAAa,KAAc;IACvD,OAAO,KAAK;QACR,CAAC,CAAC,CAAC,KAAS,EAAE,aAAwD,EAAE,EAAE;YACpE,OAAO,IAAA,qBAAa,EAAC,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC;QACtD,CAAC;QACH,CAAC,CAAC,SAAS,CAAC;AACpB,CAAC,CAAC;AANW,QAAA,gBAAgB,oBAM3B"}
|
|
1
|
+
{"version":3,"file":"renderUtils.js","sourceRoot":"","sources":["../../src/utilities/renderUtils.tsx"],"names":[],"mappings":";;;;;;AAAA,yDAAwD;AACxD,kDAA0B;AAInB,MAAM,aAAa,GAAG,UACzB,WAAoB,EACpB,KAAS,EACT,aAAwD;IAExD,OAAO,CACH,uCAAK,SAAS,EAAC,cAAc;QACxB,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;QAChD,WAAW,IAAI,8BAAC,sBAAM,IAAC,QAAQ,EAAE,uBAAO,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,GAAI,CACpE,CACT,CAAC;AACN,CAAC,CAAC;AAXW,QAAA,aAAa,iBAWxB;AAEK,MAAM,gBAAgB,GAAG,UAAa,KAAc;IACvD,OAAO,KAAK;QACR,CAAC,CAAC,CAAC,KAAS,EAAE,aAAwD,EAAE,EAAE;YACpE,OAAO,IAAA,qBAAa,EAAC,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC;QACtD,CAAC;QACH,CAAC,CAAC,SAAS,CAAC;AACpB,CAAC,CAAC;AANW,QAAA,gBAAgB,oBAM3B;AAEF;;;;;GAKG;AACH,SAAgB,WAAW,CAAC,EAAU;IAClC,OAAO,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;AACxC,CAAC;AAFD,kCAEC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sap-ux/ui-prompting",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.0",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"description": "SAP UI Components Library",
|
|
6
6
|
"repository": {
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"main": "dist/index.js",
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"react-markdown": "5.0.2",
|
|
23
|
-
"@sap-ux/ui-components": "1.18.
|
|
23
|
+
"@sap-ux/ui-components": "1.18.4"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
26
|
"react": ">=16.14.0",
|