oolib 2.126.0 → 2.127.1

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

@@ -1,9 +1,11 @@
 export default RadioListMultiQuestion;
-declare function RadioListMultiQuestion({ label, options, subQuestionLabels, onChange, value: _value }: {
+declare function RadioListMultiQuestion({ label, sublabel, options, subQuestionLabels, onChange, value: _value, readOnly }: {
     label: any;
+    sublabel: any;
     options: any;
     subQuestionLabels: any;
     onChange: any;
     value: any;
+    readOnly: any;
 }): React.JSX.Element;
 import React from 'react';

package/dist/components/RadioListMultiQuestion/index.js

@@ -42,7 +42,7 @@ var BlockLabel_1 = require("../BlockLabel");
 var themes_1 = require("../../themes");
 var greyColor10 = themes_1.colors.greyColor10;
 var RadioListMultiQuestion = function (_a) {
-    var label = _a.label, options = _a.options, subQuestionLabels = _a.subQuestionLabels, onChange = _a.onChange, _value = _a.value;
+    var label = _a.label, sublabel = _a.sublabel, options = _a.options, subQuestionLabels = _a.subQuestionLabels, onChange = _a.onChange, _value = _a.value, readOnly = _a.readOnly;
     var _b = (0, react_1.useState)(_value), value = _b[0], setValue = _b[1];
     var handleChange = function (subQuestionValue, option) {
         // const key = `${label.trim().replaceAll(' ','').toLowerCase()}.${subQuestionValue}`
@@ -54,24 +54,24 @@ var RadioListMultiQuestion = function (_a) {
         onChange(value);
     };
     return (react_1.default.createElement("div", null,
-        react_1.default.createElement(BlockLabel_1.BlockLabel, { label: label }),
+        react_1.default.createElement(BlockLabel_1.BlockLabel, { label: label, sublabel: sublabel }),
         react_1.default.createElement(styled_1.StyledTable, null,
             react_1.default.createElement("thead", null,
                 react_1.default.createElement("tr", null,
                     react_1.default.createElement("th", { style: { borderBottom: "1px solid ".concat(greyColor10) } }),
-                    "  ",
-                    options.map(function (option) { return (react_1.default.createElement(styled_1.StyledTableTh, { key: option.value },
+                    "  ", options === null || options === void 0 ? void 0 :
+                    options.map(function (option) { return (react_1.default.createElement(styled_1.StyledTableTh, { key: option === null || option === void 0 ? void 0 : option.value },
                         react_1.default.createElement(styled_1.StyledElem, null,
-                            react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, option.display)))); }))),
-            react_1.default.createElement("tbody", null, subQuestionLabels.map(function (subQuestion, i) { return (react_1.default.createElement(styled_1.StyledTableRow, { key: subQuestion.value, index: i },
+                            react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, option === null || option === void 0 ? void 0 : option.display)))); }))),
+            react_1.default.createElement("tbody", null, subQuestionLabels === null || subQuestionLabels === void 0 ? void 0 : subQuestionLabels.map(function (subQuestion, i) { return (react_1.default.createElement(styled_1.StyledTableRow, { key: subQuestion === null || subQuestion === void 0 ? void 0 : subQuestion.value, index: i },
                 react_1.default.createElement("td", null,
                     react_1.default.createElement("div", { style: { padding: "1rem" } },
-                        react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, subQuestion.display))),
+                        react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, subQuestion === null || subQuestion === void 0 ? void 0 : subQuestion.display))), options === null || options === void 0 ? void 0 :
                 options.map(function (option, i) {
                     var _a;
                     return (react_1.default.createElement("td", { key: option.value, style: { borderLeft: "1px solid ".concat(greyColor10) } },
                         react_1.default.createElement(styled_1.StyledElem, null,
-                            react_1.default.createElement(RadioAndCheckbox_1.RadioButton, { isSelected: ((_a = value[subQuestion === null || subQuestion === void 0 ? void 0 : subQuestion.value]) === null || _a === void 0 ? void 0 : _a.value) === option.value, onClick: function () { return handleChange(subQuestion.value, option); } }))));
+                            react_1.default.createElement(RadioAndCheckbox_1.RadioButton, { isSelected: ((_a = value[subQuestion === null || subQuestion === void 0 ? void 0 : subQuestion.value]) === null || _a === void 0 ? void 0 : _a.value) === (option === null || option === void 0 ? void 0 : option.value), onClick: function () { return !readOnly && handleChange(subQuestion === null || subQuestion === void 0 ? void 0 : subQuestion.value, option); } }))));
                 }))); })))));
 };
 exports.default = RadioListMultiQuestion;

package/dist/stories/RadioListMultiQuestion.stories.d.ts

@@ -1,6 +1,11 @@
 declare namespace _default {
     let title: string;
-    let argTypes: {};
+    namespace argTypes {
+        namespace readOnly {
+            let name: string;
+            let type: string;
+        }
+    }
     let args: {};
 }
 export default _default;

package/dist/stories/RadioListMultiQuestion.stories.js

@@ -9,7 +9,12 @@ var RadioListMultiQuestion_1 = __importDefault(require("../components/RadioListM
 var themes_1 = require("../themes");
 exports.default = {
     title: "Components/RadioListMultiQuestion",
-    argTypes: {},
+    argTypes: {
+        readOnly: {
+            name: "Read Only",
+            type: "boolean"
+        },
+    },
     args: {}
 };
 var _RadioListMultiQuestion = function (args) {
@@ -28,6 +33,6 @@ var _RadioListMultiQuestion = function (args) {
                 { display: 'Sometimes', value: 'sometimes' },
                 { display: 'Often', value: 'often' },
                 { display: 'Always', value: 'always' },
-            ], value: value, onChange: function (d) { return setValue(d); } })));
+            ], value: value, onChange: function (d) { return setValue(d); }, readOnly: args.readOnly })));
 };
 exports._RadioListMultiQuestion = _RadioListMultiQuestion;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.126.0",
+  "version": "2.127.1",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",