oolib 2.129.1 → 2.129.3

package/dist/components/{RadioListMultiQuestion → GroupQuestionsInputSingle}/index.d.ts

@@ -1,5 +1,5 @@
-export default RadioListMultiQuestion;
-declare function RadioListMultiQuestion({ options, subQuestionLabels, onChange, value, readOnly, id, questionColWidth, radioColsWidth, variant: _variant }: {
+export default GroupQuestionsInputSingle;
+declare function GroupQuestionsInputSingle({ options, subQuestionLabels, onChange, value, readOnly, id, questionColWidth, radioColsWidth, variant: _variant }: {
     options: any;
     subQuestionLabels: any;
     onChange: any;

package/dist/components/{RadioListMultiQuestion → GroupQuestionsInputSingle}/index.js

@@ -45,7 +45,7 @@ var _EXPORTS_1 = require("../../utils/_EXPORTS");
 var mixins_1 = require("../../themes/mixins");
 var DropdownSingle_1 = require("../Dropdowns/DropdownSingle");
 var greyColor10 = themes_1.colors.greyColor10;
-function RadioListMultiQuestion(_a) {
+function GroupQuestionsInputSingle(_a) {
     var options = _a.options, subQuestionLabels = _a.subQuestionLabels, onChange = _a.onChange, value = _a.value, readOnly = _a.readOnly, id = _a.id, _b = _a.questionColWidth, questionColWidth = _b === void 0 ? 200 : _b, _c = _a.radioColsWidth, radioColsWidth = _c === void 0 ? 120 : _c, _d = _a.variant, _variant = _d === void 0 ? 'radio' : _d;
     var screenWidth = (0, _EXPORTS_1.useScreenWidth)();
     var variant = (screenWidth < (0, mixins_1.getBreakPoint)("sm") || _variant === 'dropdown')
@@ -97,4 +97,4 @@ function RadioListMultiQuestion(_a) {
                     handleChange(subQuestion.value, v);
                 } }))); }))))));
 }
-exports.default = RadioListMultiQuestion;
+exports.default = GroupQuestionsInputSingle;

package/dist/components/PercentBarChart/index.js

@@ -130,22 +130,22 @@ var PercentBarChart = function (_a) {
                         bottom: 0,
                     } },
                     react_1.default.createElement(recharts_1.XAxis, { hide: true, type: "number" }),
-                    react_1.default.createElement(recharts_1.YAxis, { hide: true, type: "category", width: 250, dataKey: labelPath }),
+                    react_1.default.createElement(recharts_1.YAxis, { hide: true, type: "category", width: 250, dataKey: 'name' }),
                     react_1.default.createElement(recharts_1.Bar, __assign({ radius: [2, 4, 4, 2], style: onClick ? { cursor: "pointer" } : {}, dataKey: "percentage" }, (onClick
                         ? {
-                            onMouseOver: function (args) { return setActiveBar(args[labelPath]); },
+                            onMouseOver: function (args) { return setActiveBar(args['name']); },
                             onMouseOut: function () { return setActiveBar(undefined); },
                             onMouseDown: function (args) {
-                                setActiveBar(args[labelPath]);
-                                onClick(args[labelPath]);
+                                setActiveBar(args['name']);
+                                onClick(args['name']);
                             },
                         }
                         : {})),
-                        react_1.default.createElement(recharts_1.LabelList, { dataKey: labelPath, position: "top", content: function (props) {
+                        react_1.default.createElement(recharts_1.LabelList, { dataKey: 'name', position: "top", content: function (props) {
                                 return renderCustomizedLabel({
                                     y: props.y,
                                     value: props.value,
-                                    opacity: changeBarOpacityFn(props[labelPath]),
+                                    opacity: changeBarOpacityFn(props['name']),
                                 });
                             } }),
                         react_1.default.createElement(recharts_1.LabelList, { dataKey: "percentage_count", offset: 0, content: function (props) {
@@ -157,9 +157,9 @@ var PercentBarChart = function (_a) {
                                     value: props.value, //here value is the percentage
                                     showCount: showCount,
                                     suffix: valueSuffix,
-                                    opacity: changeBarOpacityFn(props[labelPath]),
+                                    opacity: changeBarOpacityFn(props['name']),
                                 });
                             } }),
-                        data.map(function (entry, index) { return (react_1.default.createElement(recharts_1.Cell, { opacity: changeBarOpacityFn(entry[labelPath]), key: "cell-".concat(index), height: configs.barHeight, fill: entry.color })); })))))));
+                        data.map(function (entry, index) { return (react_1.default.createElement(recharts_1.Cell, { opacity: changeBarOpacityFn(entry['name']), key: "cell-".concat(index), height: configs.barHeight, fill: entry.color })); })))))));
 };
 exports.PercentBarChart = PercentBarChart;

package/dist/index.d.ts

@@ -63,7 +63,7 @@ export { default as AudioInput } from "./components/AudioInput";
 export { default as PDFInput } from "./components/PDFInput";
 export { default as IFrameInput } from "./components/IFrameInput";
 export { ResourceInput } from "./components/ResourceInput";
-export { default as RadioListMultiQuestion } from "./components/RadioListMultiQuestion";
+export { default as GroupQuestionsInputSingle } from "./components/GroupQuestionsInputSingle";
 export { ModalConfirmAction } from "./components/Modals/derivedComps/ModalConfirmAction";
 export { SimpleTable } from "./components/SimpleTable";
 export { styledOKELinkCSS } from "./components/OKELink/styled";

package/dist/index.js

@@ -18,7 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PDFInput = exports.AudioInput = exports.VideoInput = exports.ProfileImageInput = exports.ImageInput = exports.MetaBlock = exports.HintsProvider = exports.genTagComp = exports.generateOptions = exports.OptionsSingle = exports.DropdownMulti = exports.DropdownSingle = exports.parseCardConfig = exports.ListProfile = exports.CardProfile = exports.CardEmbed = exports.ListContent = exports.CardContent = exports.DateTimeRangePicker = exports.DateTimePicker = exports.TimeRangePicker = exports.TimePicker = exports.DateRangePicker = exports.DatePicker = exports.TextLoader = exports.BarChart = exports.PageScrollIndicator = exports.HomeCover = exports.EmptyStates = exports.ModalSmall = exports.Modal = exports.ModalForms = exports.ModalConfirm = exports.SkeletonLoader = exports.Divider = exports.PercentBarChart = exports.PercentCompletedPie = exports.Accordion = exports.ActionMenu = exports.Tooltip = exports.OKELink = exports.UserRoleBadge = exports.Section = exports.LoaderOverlay = exports.Loader = exports.ProgressBar = exports.LoaderCircle = exports.icons = exports.colors = exports.GlobalStyles = void 0;
-exports.TableCellResizerPlugin = exports.styledOKELinkCSS = exports.SimpleTable = exports.ModalConfirmAction = exports.BannerProvider = exports.useBannerContext = exports.BannerContext = exports.BannerInfo = exports.BannerAlert = exports.RadioListMultiQuestion = exports.ResourceInput = exports.IFrameInput = void 0;
+exports.TableCellResizerPlugin = exports.styledOKELinkCSS = exports.SimpleTable = exports.ModalConfirmAction = exports.BannerProvider = exports.useBannerContext = exports.BannerContext = exports.BannerInfo = exports.BannerAlert = exports.GroupQuestionsInputSingle = exports.ResourceInput = exports.IFrameInput = void 0;
 //css and styling related ( styled-components )
 var globalStyles_1 = require("./globalStyles");
 Object.defineProperty(exports, "GlobalStyles", { enumerable: true, get: function () { return globalStyles_1.GlobalStyles; } });
@@ -153,8 +153,8 @@ var IFrameInput_1 = require("./components/IFrameInput");
 Object.defineProperty(exports, "IFrameInput", { enumerable: true, get: function () { return __importDefault(IFrameInput_1).default; } });
 var ResourceInput_1 = require("./components/ResourceInput");
 Object.defineProperty(exports, "ResourceInput", { enumerable: true, get: function () { return ResourceInput_1.ResourceInput; } });
-var RadioListMultiQuestion_1 = require("./components/RadioListMultiQuestion");
-Object.defineProperty(exports, "RadioListMultiQuestion", { enumerable: true, get: function () { return __importDefault(RadioListMultiQuestion_1).default; } });
+var GroupQuestionsInputSingle_1 = require("./components/GroupQuestionsInputSingle");
+Object.defineProperty(exports, "GroupQuestionsInputSingle", { enumerable: true, get: function () { return __importDefault(GroupQuestionsInputSingle_1).default; } });
 //banners
 var Banners_1 = require("./components/Banners");
 Object.defineProperty(exports, "BannerAlert", { enumerable: true, get: function () { return Banners_1.BannerAlert; } });

package/dist/stories/{RadioListMultiQuestion.stories.d.ts → GroupQuestionsInputSingle.stories.d.ts}

@@ -9,4 +9,4 @@ declare namespace _default {
     let args: {};
 }
 export default _default;
-export function _RadioListMultiQuestion(args: any): import("react").JSX.Element;
+export function _GroupQuestionsInputSingle(args: any): import("react").JSX.Element;

package/dist/stories/{RadioListMultiQuestion.stories.js → GroupQuestionsInputSingle.stories.js}

@@ -3,12 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports._RadioListMultiQuestion = void 0;
+exports._GroupQuestionsInputSingle = void 0;
 var react_1 = require("react");
-var RadioListMultiQuestion_1 = __importDefault(require("../components/RadioListMultiQuestion"));
+var GroupQuestionsInputSingle_1 = __importDefault(require("../components/GroupQuestionsInputSingle"));
 var themes_1 = require("../themes");
 exports.default = {
-    title: "Components/RadioListMultiQuestion",
+    title: "Components/GroupQuestionsInputSingle",
     argTypes: {
         readOnly: {
             name: "Read Only",
@@ -17,11 +17,11 @@ exports.default = {
     },
     args: {}
 };
-var _RadioListMultiQuestion = function (args) {
+var _GroupQuestionsInputSingle = function (args) {
     var _a = (0, react_1.useState)({}), value = _a[0], setValue = _a[1];
     console.log({ valueParent: value });
     return (React.createElement("div", { style: { background: args.invert ? themes_1.colors.greyColor100 : '' } },
-        React.createElement(RadioListMultiQuestion_1.default, { label: "When shopping online, how often do you do each of the following?", subQuestionLabels: [
+        React.createElement(GroupQuestionsInputSingle_1.default, { label: "When shopping online, how often do you do each of the following?", subQuestionLabels: [
                 { display: 'Visit multiple websites Visit multiple websites', value: 'visit_multiple_websites' },
                 { display: 'Read customer reviews Read customer reviews ', value: 'read_customer_reviews' },
                 { display: 'Watch a video demonstration Watch a video demonstration', value: 'watch_video_demo' },
@@ -35,4 +35,4 @@ var _RadioListMultiQuestion = function (args) {
                 { display: 'Always Always Always Always ', value: 'always' },
             ], sublabel: "Select all that apply", value: value, onChange: function (id, value) { return setValue(value); }, readOnly: args.readOnly })));
 };
-exports._RadioListMultiQuestion = _RadioListMultiQuestion;
+exports._GroupQuestionsInputSingle = _GroupQuestionsInputSingle;

package/dist/stories/PercentBarChart.stories.js

@@ -10,16 +10,16 @@ exports.default = {
     title: "Components/PercentBarChart",
 };
 var data = [
-    { name: "Great food", value: 72.3, Type: 0 },
-    { name: "Great Ambience", value: 10.1, Type: 1 },
-    { name: "Great Music", value: 9.87, Type: 2 },
-    { name: "Great Cocktails", value: 5.63, Type: 3 },
+    { display: "Great food", value: 72, },
+    { display: "Great Ambience", value: 10, },
+    { display: "Great Music", value: 9, },
+    { display: "Great Cocktails", value: 5, },
 ];
 var PercentBarChart_ = function (args) {
     var handleBarClick = function (name) {
         console.log("Bar clicked: ".concat(name));
     };
     return (react_1.default.createElement("div", null,
-        react_1.default.createElement(PercentBarChart_1.PercentBarChart, { data: data, labelPath: "name", valuePath: "value", title: "This is PercentBarChart representing the data" })));
+        react_1.default.createElement(PercentBarChart_1.PercentBarChart, { data: data, labelPath: "display", valuePath: "value", title: "This is PercentBarChart representing the data" })));
 };
 exports.PercentBarChart_ = PercentBarChart_;

package/package.json

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