@sap-ux/ui-prompting 0.1.0

package/dist/components/Question/Question.scss

@@ -0,0 +1,47 @@
+.prompt-entries-wrapper {
+    &-multi,
+    &-single {
+        .prompt-entry {
+            display: block;
+            margin-right: 14px;
+            margin-bottom: 10px;
+            position: relative;
+
+            label {
+                margin-top: 0 !important;
+            }
+        }
+    }
+    &-multi {
+        input {
+            width: 260px;
+        }
+        label {
+            width: 244px;
+            white-space: nowrap;
+            overflow: hidden;
+        }
+        select {
+            width: 260px;
+        }
+
+        .ms-ComboBox {
+            width: 262px;
+
+            input {
+                width: 234px;
+            }
+        }
+
+        .ms-TextField {
+            width: 262px;
+        }
+
+        [role='alert'] {
+            display: block;
+            width: auto;
+            white-space: nowrap;
+            overflow: hidden;
+        }
+    }
+}

package/dist/components/Question/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Question';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Question/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Question/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/components/Question/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Question"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/Question/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Question/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B"}

package/dist/components/QuestionGroup/QuestionGroup.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './QuestionGroup.scss';
+export interface QuestionGroupProps {
+    id?: string;
+    title: string;
+    description?: string[];
+    showDescription?: boolean;
+    children?: JSX.Element[];
+}
+export declare const QuestionGroup: (props: QuestionGroupProps) => React.JSX.Element;
+//# sourceMappingURL=QuestionGroup.d.ts.map

package/dist/components/QuestionGroup/QuestionGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionGroup.d.ts","sourceRoot":"","sources":["../../../src/components/QuestionGroup/QuestionGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,sBAAsB,CAAC;AAG9B,MAAM,WAAW,kBAAkB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,UAAW,kBAAkB,sBAkBtD,CAAC"}

package/dist/components/QuestionGroup/QuestionGroup.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuestionGroup = void 0;
+const react_1 = __importDefault(require("react"));
+require("./QuestionGroup.scss");
+const react_markdown_1 = __importDefault(require("react-markdown"));
+const QuestionGroup = (props) => {
+    const { title, description, showDescription, children, id } = props;
+    return (react_1.default.createElement("div", { id: id, className: "prompts-group" },
+        react_1.default.createElement("ul", { className: "prompts-group-title-list" },
+            react_1.default.createElement("div", { className: "prompts-group-title-container" },
+                react_1.default.createElement("li", { className: "prompts-group-title" }, title))),
+        showDescription &&
+            description?.map((descriptionParagraph) => (react_1.default.createElement("div", { className: "prompts-group-description", key: descriptionParagraph },
+                react_1.default.createElement(react_markdown_1.default, { key: descriptionParagraph }, descriptionParagraph)))),
+        react_1.default.createElement("div", { className: "prompt-entries-group" }, children)));
+};
+exports.QuestionGroup = QuestionGroup;
+//# sourceMappingURL=QuestionGroup.js.map

package/dist/components/QuestionGroup/QuestionGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionGroup.js","sourceRoot":"","sources":["../../../src/components/QuestionGroup/QuestionGroup.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,gCAA8B;AAC9B,oEAA2C;AAUpC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACvD,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IACpE,OAAO,CACH,uCAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,eAAe;QAClC,sCAAI,SAAS,EAAC,0BAA0B;YACpC,uCAAK,SAAS,EAAC,+BAA+B;gBAC1C,sCAAI,SAAS,EAAC,qBAAqB,IAAE,KAAK,CAAM,CAC9C,CACL;QACJ,eAAe;YACZ,WAAW,EAAE,GAAG,CAAC,CAAC,oBAAoB,EAAE,EAAE,CAAC,CACvC,uCAAK,SAAS,EAAC,2BAA2B,EAAC,GAAG,EAAE,oBAAoB;gBAChE,8BAAC,wBAAa,IAAC,GAAG,EAAE,oBAAoB,IAAG,oBAAoB,CAAiB,CAC9E,CACT,CAAC;QACN,uCAAK,SAAS,EAAC,sBAAsB,IAAE,QAAQ,CAAO,CACpD,CACT,CAAC;AACN,CAAC,CAAC;AAlBW,QAAA,aAAa,iBAkBxB"}

package/dist/components/QuestionGroup/QuestionGroup.scss

@@ -0,0 +1,31 @@
+.prompt-entries-group {
+    display: flex;
+    flex-flow: row wrap;
+    margin: 15px 0 15px 12px;
+}
+
+.prompts-group-title-list {
+    padding-inline-start: 14px;
+    margin-block-start: 2px;
+    margin-block-end: 2px;
+}
+
+.prompts-group-title-container {
+    display: flex;
+    flex-direction: row;
+    vertical-align: middle;
+    margin-bottom: 12px;
+    margin-top: 8px;
+}
+
+.prompts-group-title {
+    font-weight: bold;
+    text-indent: -1.5px;
+}
+
+.prompts-group-description {
+    max-width: 800px;
+    margin-left: 25px;
+    white-space: pre-line;
+    margin-left: 12px;
+}

package/dist/components/QuestionGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from './QuestionGroup';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/QuestionGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QuestionGroup/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/components/QuestionGroup/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./QuestionGroup"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/QuestionGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/QuestionGroup/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC"}

package/dist/components/Questions/Questions.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { Answers } from 'inquirer';
+import type { PromptQuestion, ValidationResults, PromptsGroup, AnswerValue, DynamicChoices } from '../../types';
+import { PromptsLayoutType } from '../../types';
+import './Questions.scss';
+export interface QuestionsProps {
+    id?: string;
+    questions: PromptQuestion[];
+    answers?: Answers;
+    choices?: DynamicChoices;
+    validation?: ValidationResults;
+    onChoiceRequest?: (names: string[], answers: Answers) => void;
+    onChange?: (answers: Answers, name?: string, answer?: AnswerValue, dependantPromptNames?: string[]) => void;
+    layoutType?: PromptsLayoutType;
+    groups?: Array<PromptsGroup>;
+    showDescriptions?: boolean;
+}
+export declare const Questions: (props: QuestionsProps) => React.JSX.Element;
+//# sourceMappingURL=Questions.d.ts.map

package/dist/components/Questions/Questions.d.ts.map

@@ -0,0 +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;AAaxC,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAChH,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC3B,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;CAC9B;AAgBD,eAAO,MAAM,SAAS,UAAW,cAAc,sBA2G9C,CAAC"}

package/dist/components/Questions/Questions.js

@@ -0,0 +1,107 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Questions = void 0;
+const react_1 = __importStar(require("react"));
+const Question_1 = require("../Question/Question");
+const utilities_1 = require("../../utilities");
+const QuestionGroup_1 = require("../QuestionGroup");
+require("./Questions.scss");
+/**
+ * Method returns classes for question's component root DOM element.
+ *
+ * @param type - Layout type
+ * @returns Class names for component's root DOM element.
+ */
+const getComponentClasses = (type) => {
+    const classes = ['prompt-entries-wrapper'];
+    classes.push(type === "MultiColumn" /* PromptsLayoutType.MultiColumn */ ? 'prompt-entries-wrapper-multi' : 'prompt-entries-wrapper-single');
+    return classes.join(' ');
+};
+const Questions = (props) => {
+    const { id, groups = [], questions, onChoiceRequest, onChange, answers = {}, choices = {}, layoutType, showDescriptions, validation = {} } = props;
+    const componentId = (0, utilities_1.useId)(id);
+    const [localAnswers, setLocalAnswers] = (0, utilities_1.useAnswers)(questions, answers, (answers) => {
+        onChange?.(answers);
+    });
+    const [pendingRequests, setRequestedChoices] = (0, utilities_1.useRequestedChoices)({}, choices);
+    const requestChoices = (0, react_1.useCallback)((names, answers) => {
+        // Call external callback
+        if (names.length) {
+            onChoiceRequest?.(names, answers);
+        }
+        // Mark pending requests locally
+        setRequestedChoices(names);
+    }, [onChoiceRequest]);
+    // Request dynamic choices
+    (0, utilities_1.useDynamicQuestionsEffect)(() => {
+        const dynamicChoices = (0, utilities_1.getDynamicQuestions)(questions);
+        requestChoices(dynamicChoices, localAnswers);
+    }, questions);
+    // Change callback
+    const onAnswerChange = (0, react_1.useCallback)((name, answer) => {
+        const oldAnswer = (0, utilities_1.getAnswer)(localAnswers, name) || '';
+        if (oldAnswer !== answer) {
+            const updatedAnswers = (0, utilities_1.updateAnswers)(localAnswers, questions, name, answer);
+            setLocalAnswers(updatedAnswers);
+            // Callback with onchange
+            onChange?.(updatedAnswers, name, answer);
+            // Request dynamic choices for dependant questions
+            const deps = (0, utilities_1.getDependantQuestions)(questions, name);
+            if (deps.length) {
+                requestChoices(deps, updatedAnswers);
+            }
+        }
+    }, [localAnswers, onChange]);
+    const groupsWithQuestions = groups.map((group) => ({
+        ...group,
+        questions: []
+    }));
+    if (layoutType === "MultiColumn" /* PromptsLayoutType.MultiColumn */ && groups?.length) {
+        questions.forEach((question) => {
+            const { guiOptions = {} } = question;
+            if (guiOptions.groupId) {
+                const foundGroup = groupsWithQuestions.find((g) => g.id === guiOptions.groupId);
+                if (foundGroup) {
+                    foundGroup.questions.push(question);
+                    groupsWithQuestions[groupsWithQuestions.indexOf(foundGroup)] = foundGroup;
+                }
+            }
+        });
+    }
+    const renderQuestions = (questions) => questions.map((question, index) => {
+        const name = question.name;
+        const externalChoices = choices[name];
+        return (react_1.default.createElement(Question_1.Question, { id: `${componentId}--${question.name}`, key: `${name}-${index}`, question: question, validation: validation, answers: localAnswers, onChange: onAnswerChange, choices: externalChoices, pending: pendingRequests[name] }));
+    });
+    return (react_1.default.createElement("div", { id: componentId, className: getComponentClasses(layoutType) },
+        react_1.default.createElement("div", { className: "prompt-entries" }, layoutType === "MultiColumn" /* PromptsLayoutType.MultiColumn */ && groups?.length
+            ? groupsWithQuestions.map((group) => {
+                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)));
+            })
+            : renderQuestions(questions))));
+};
+exports.Questions = Questions;
+//# sourceMappingURL=Questions.js.map

package/dist/components/Questions/Questions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Questions.js","sourceRoot":"","sources":["../../../src/components/Questions/Questions.tsx"],"names":[],"mappings":"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"}

package/dist/components/Questions/Questions.scss

@@ -0,0 +1,23 @@
+.prompt-entries-wrapper-multi {
+    margin: 0 5px 15px 0;
+    max-width: 900px;
+
+    .prompt-entries {
+        display: flex;
+        flex-flow: row wrap;
+        margin: 15px 0 15px 12px;
+        margin-block-start: 2px;
+        margin-block-end: 2px;
+    }
+}
+
+.input__label {
+    display: flex;
+    align-items: center;
+    > label {
+        flex: 1 1 auto;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+}

package/dist/components/Questions/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Questions';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Questions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Questions/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/Questions/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Questions"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/Questions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Questions/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B"}

package/dist/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Inputs';
+export * from './Question';
+export * from './Questions';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Inputs"), exports);
+__exportStar(require("./Question"), exports);
+__exportStar(require("./Questions"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,6CAA2B;AAC3B,8CAA4B"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './types';
+export { setAnswer, getAnswer } from './utilities/utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAnswer = exports.setAnswer = void 0;
+__exportStar(require("./components"), exports);
+__exportStar(require("./types"), exports);
+var utils_1 = require("./utilities/utils");
+Object.defineProperty(exports, "setAnswer", { enumerable: true, get: function () { return utils_1.setAnswer; } });
+Object.defineProperty(exports, "getAnswer", { enumerable: true, get: function () { return utils_1.getAnswer; } });
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,0CAAwB;AACxB,2CAAyD;AAAhD,kGAAA,SAAS,OAAA;AAAE,kGAAA,SAAS,OAAA"}

package/dist/types.d.ts

@@ -0,0 +1,115 @@
+import type { Answers, DistinctChoice } from 'inquirer';
+import type { CheckBoxQuestion, InputQuestion, ListQuestion, GuiOptions as BaseGuiOptions } from '@sap-ux/inquirer-common';
+export { Answers };
+/**
+ * Extended GUI interface for question.
+ */
+export interface GuiOptions extends BaseGuiOptions {
+    /**
+     * Group id for group visualisation.
+     */
+    groupId?: string;
+    /**
+     * Placeholder text.
+     */
+    placeholder?: string;
+}
+/**
+ * Extended GUI interface for base list question - list and checkbox/multiselect.
+ */
+export interface BaseListGuiOptions extends GuiOptions {
+    /**
+     * Option population type.
+     * 'static' - options are provided within property 'choices'.
+     * 'dynamic' - options are provided dynamicly by request.
+     * Default value is "static".
+     */
+    selectType?: 'static' | 'dynamic';
+}
+/**
+ * Extended GUI interface for list question.
+ */
+export interface ListGuiOptions extends BaseListGuiOptions {
+    /**
+     * Dependant prompt names which should be updated after value change of current prompt.
+     */
+    dependantPromptNames?: string[];
+    /**
+     * Properties of input field for creation mode.
+     */
+    creation?: ListPromptQuestionCreationProps;
+}
+/**
+ * Interface to enable creation within list/combobox component.
+ */
+export interface ListPromptQuestionCreationProps {
+    /**
+     * Placeholder text for creation mode.
+     */
+    placeholder?: string;
+}
+/**
+ * Represents a question prompt for list question with dropdown visualization.
+ * Combines properties of ListQuestion and BasePromptQuestion.
+ */
+export interface ListPromptQuestion<T extends Answers = Answers> extends ListQuestion<T> {
+    /**
+     * Additional properties for ui.
+     */
+    guiOptions?: ListGuiOptions;
+}
+/**
+ * Represents a question prompt for input with simple input visualization.
+ * Combines properties of ListQuestion and BasePromptQuestion.
+ */
+export interface InputPromptQuestion<T extends Answers = Answers> extends InputQuestion<T> {
+    /**
+     * Additional properties for ui.
+     */
+    guiOptions?: GuiOptions;
+}
+/**
+ * Represents a question prompt for checkbox.
+ * Combines properties of CheckboxQuestion and BasePromptQuestion.
+ */
+export interface CheckboxPromptQuestion<T extends Answers = Answers> extends CheckBoxQuestion<T> {
+    /**
+     * Additional properties for ui.
+     */
+    guiOptions?: BaseListGuiOptions;
+}
+export type PromptQuestion<T extends Answers = Answers> = ListPromptQuestion<T> | InputPromptQuestion<T> | CheckboxPromptQuestion<T>;
+export interface ValidationResult {
+    isValid: boolean;
+    errorMessage?: string;
+}
+export interface ValidationResults {
+    [questionName: string]: ValidationResult;
+}
+export type PromptListChoices = ReadonlyArray<DistinctChoice>;
+export interface DynamicChoices {
+    [key: string]: PromptListChoices;
+}
+/**
+ * Interfaces for groups.
+ */
+export interface PromptsGroup {
+    /**
+     * Unique id of group, which can be used to map with questions
+     */
+    id: string;
+    /**
+     * Title of group
+     */
+    title: string;
+    /**
+     * Description texts
+     */
+    description: string[];
+}
+export type AnswerValue = string | number | boolean | undefined;
+export declare const enum PromptsLayoutType {
+    SingleColumn = "SingleColumn",
+    MultiColumn = "MultiColumn"
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +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;AAEjC,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;;;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,UAAU,CAAC;CAC3B;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"}

package/dist/types.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PromptsLayoutType = void 0;
+var PromptsLayoutType;
+(function (PromptsLayoutType) {
+    PromptsLayoutType["SingleColumn"] = "SingleColumn";
+    PromptsLayoutType["MultiColumn"] = "MultiColumn";
+})(PromptsLayoutType || (exports.PromptsLayoutType = PromptsLayoutType = {}));
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":";;;AAsIA,IAAkB,iBAGjB;AAHD,WAAkB,iBAAiB;IAC/B,kDAA6B,CAAA;IAC7B,gDAA2B,CAAA;AAC/B,CAAC,EAHiB,iBAAiB,iCAAjB,iBAAiB,QAGlC"}