@tripian/react 6.0.1 → 6.0.2

package/components/base/Dropdown/Dropdown.d.ts

@@ -11,6 +11,7 @@ interface IDropdown {
     selectChange: (value: string | number, index: number) => void;
     onFocus?: () => void;
     onBlur?: () => void;
+    skippable?: boolean;
 }
 declare const Dropdown: React.FC<IDropdown>;
 export default Dropdown;

package/index.js

@@ -7418,8 +7418,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(__webpack_require__(0));
 var Dropdown_scss_1 = __importDefault(__webpack_require__(560));
 var Dropdown = function (_a) {
-    var id = _a.id, options = _a.options, defaultValue = _a.defaultValue, selectChange = _a.selectChange, onFocus = _a.onFocus, onBlur = _a.onBlur;
-    var _b = (0, react_1.useState)(defaultValue), selection = _b[0], setSelection = _b[1];
+    var id = _a.id, options = _a.options, defaultValue = _a.defaultValue, selectChange = _a.selectChange, onFocus = _a.onFocus, onBlur = _a.onBlur, _b = _a.skippable, skippable = _b === void 0 ? false : _b;
+    var _c = (0, react_1.useState)(defaultValue), selection = _c[0], setSelection = _c[1];
     var keyOptions = options.map(function (o) { return ({
         key: o.key || o.value,
         value: o.value,
@@ -7439,7 +7439,7 @@ var Dropdown = function (_a) {
                 if (onBlur)
                     onBlur();
             } },
-            defaultValue === undefined && react_1.default.createElement("option", { value: undefined }, "Please Select"),
+            skippable && react_1.default.createElement("option", { value: undefined }, "Please Select"),
             keyOptions.map(function (option) { return (react_1.default.createElement("option", { key: option.key, value: option.value }, option.label ? option.label : option.value)); }))));
 };
 exports.default = Dropdown;
@@ -63829,7 +63829,7 @@ var InfoBox_1 = __importDefault(__webpack_require__(105));
 var QuestionTemplate_1 = __importDefault(__webpack_require__(651));
 var QuestionTemplate2_1 = __importDefault(__webpack_require__(659));
 var StepComponent = function (_a) {
-    var header = _a.header, defaultTip = _a.defaultTip, stepQuestions = _a.stepQuestions, stepId = _a.stepId, tripProfile = _a.tripProfile, callbackTripAnswers = _a.callbackTripAnswers;
+    var /* header, */ defaultTip = _a.defaultTip, stepQuestions = _a.stepQuestions, /* stepId, */ tripProfile = _a.tripProfile, callbackTripAnswers = _a.callbackTripAnswers;
     var _b = (0, react_1.useState)(defaultTip), tip = _b[0], setTip = _b[1];
     var onFocus = function (qId) {
         var focusedQ = stepQuestions.find(function (x) { return x.id === qId; });
@@ -64334,8 +64334,11 @@ var react_1 = __importStar(__webpack_require__(0));
 var QuestionContext2_1 = __importDefault(__webpack_require__(348));
 var SelectQuestion_1 = __importDefault(__webpack_require__(661));
 var Question2 = function (_a) {
+    var _b, _c;
     var changed = _a.changed, flexDirection = _a.flexDirection;
-    var _b = (0, react_1.useContext)(QuestionContext2_1.default), questions = _b.questions, defaultAnswers = _b.defaultAnswers;
+    var _d = (0, react_1.useContext)(QuestionContext2_1.default), questions = _d.questions, defaultAnswers = _d.defaultAnswers;
+    var defaultAnswer1 = (_b = questions[0].answers.find(function (option) { return defaultAnswers.includes(option.id); })) === null || _b === void 0 ? void 0 : _b.id;
+    var defaultAnswer2 = (_c = questions[1].answers.find(function (option) { return defaultAnswers.includes(option.id); })) === null || _c === void 0 ? void 0 : _c.id;
     var selectionChanged = function (addedOptionId, removedOptionId) {
         var newAnswers = __spreadArray([], defaultAnswers, true);
         if (removedOptionId) {
@@ -64345,14 +64348,12 @@ var Question2 = function (_a) {
             newAnswers.push(addedOptionId);
         changed(newAnswers);
     };
-    // const defaultAnswer1 = questions[0].answers.find((option) => defaultAnswers.includes(option.id))?.id;
-    // const defaultAnswer2 = questions[1].answers.find((option) => defaultAnswers.includes(option.id))?.id;
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("h3", { className: "mt10 mb6" }, "What type of restaurants do you prefer?"),
         react_1.default.createElement("h4", { className: "my2" }, "Lunch/Brunch"),
-        react_1.default.createElement(SelectQuestion_1.default, { question: questions[0], selectionChanged: selectionChanged, flexDirection: flexDirection }),
+        react_1.default.createElement(SelectQuestion_1.default, { question: questions[0], defaultAnswer: defaultAnswer1, selectionChanged: selectionChanged, flexDirection: flexDirection }),
         react_1.default.createElement("h4", { className: "my2" }, "Dinner"),
-        react_1.default.createElement(SelectQuestion_1.default, { question: questions[1], selectionChanged: selectionChanged, flexDirection: flexDirection })));
+        react_1.default.createElement(SelectQuestion_1.default, { question: questions[1], defaultAnswer: defaultAnswer2, selectionChanged: selectionChanged, flexDirection: flexDirection })));
 };
 exports.default = Question2;
 
@@ -64403,7 +64404,7 @@ var SelectQuestion = function (_a) {
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { style: flexDirection === 'column' ? { display: 'flex', flexDirection: 'column' } : undefined },
-            react_1.default.createElement(Dropdown_1.default, { defaultValue: defaultAnswer, options: question.answers.map(function (option) { return ({ value: option.id, label: option.name }); }), selectChange: handleChange }))));
+            react_1.default.createElement(Dropdown_1.default, { defaultValue: defaultAnswer, options: question.answers.map(function (option) { return ({ value: option.id, label: option.name }); }), selectChange: handleChange, skippable: question.skippable }))));
 };
 exports.default = SelectQuestion;