oolib 2.205.5 → 2.206.1

package/dist/v2/components/Dropdowns/DropdownMulti/index.js

@@ -66,6 +66,7 @@ var styled_1 = require("../styled");
 var BlockLabel_1 = require("../../BlockLabel");
 var getBlockLabelProps_1 = require("../../../../utils/getBlockLabelProps");
 var List_1 = require("../../List");
+var Typo2_1 = require("../../Typo2");
 function DropdownMulti(_a) {
     var saveValueAsString = _a.saveValueAsString, valueProp = _a.value, id = _a.id, parentOnChange = _a.onChange, className = _a.className, 
     // injectOtherOption,
@@ -171,8 +172,10 @@ function DropdownMulti(_a) {
     var genDisplayComp = function () {
         if (!(value === null || value === void 0 ? void 0 : value.length) > 0)
             return null;
-        return isTagsStyle ? (react_1.default.createElement(styled_1.StyledTagsInputWrapper, null, value.map(function (d) { return (0, genTagComp_1.genTagComp)(id, d, { display: true, theme: theme, color: tagColor }); }))) : (react_1.default.createElement("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" } }, value.map(function (v, i) { return (react_1.default.createElement(react_1.Fragment, null,
-            react_1.default.createElement(DisplayCompSingle_1.DisplayCompSingle, { value: v, injectComma: i !== value.length - 1, S: S }))); })));
+        return isTagsStyle ? (react_1.default.createElement(styled_1.StyledTagsInputWrapper, null, value.map(function (d) { return (0, genTagComp_1.genTagComp)(id, d, { display: true, theme: theme, color: tagColor }); }))) : (react_1.default.createElement("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" } }, value.map(function (v, i) { return react_1.default.createElement(Typo2_1.UI_BODY_SM_DF, { key: v.value },
+            v.display,
+            " ",
+            i !== value.length - 1 ? ',' : ''); })));
     };
     var _h = (0, react_1.useState)(false), focusSelectTagsInput = _h[0], setFocusSelectTagsInput = _h[1];
     var genSelectTagsInput = function (ops) {

package/dist/v2/components/Dropdowns/comps/DisplayCompSingle/index.js

@@ -16,12 +16,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DisplayCompSingle = void 0;
 var react_1 = __importDefault(require("react"));
-var genLinkOrText_1 = require("../../utils/genLinkOrText");
 var styled_components_1 = require("styled-components");
 var genProfileImg_1 = require("../../utils/genProfileImg");
 var genIcon_1 = require("../../utils/genIcon");
 var Typo2_1 = require("../../../Typo2");
-var OKELink_1 = require("../../../OKELink");
 var DisplayCompSingle = function (_a) {
     var value = _a.value, injectComma = _a.injectComma, S = _a.S;
     var theme = (0, styled_components_1.useTheme)();
@@ -30,10 +28,6 @@ var DisplayCompSingle = function (_a) {
     return (react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: '1rem' } },
         (0, genIcon_1.genIcon)({ icon: value === null || value === void 0 ? void 0 : value.icon, S: S }),
         (value === null || value === void 0 ? void 0 : value.image) && (0, genProfileImg_1.genProfileImg)(__assign(__assign({}, value), { theme: theme })),
-        (0, genLinkOrText_1.genLinkOrText)(value, function (display, link) { return (react_1.default.createElement(Typo2_1.UI_BODY_SM_DF, null,
-            link
-                ? react_1.default.createElement(OKELink_1.OKELink, { to: link }, display)
-                : display,
-            injectComma && react_1.default.createElement("span", null, ","))); })));
+        react_1.default.createElement(Typo2_1.UI_BODY_SM_DF, null, value === null || value === void 0 ? void 0 : value.display)));
 };
 exports.DisplayCompSingle = DisplayCompSingle;

package/dist/v2/components/Dropdowns/comps/SelectTagsInput/index.js

@@ -80,10 +80,8 @@ var SelectTagsInput = function (_a) {
         return (react_1.default.createElement(styled_1.StyledSelectTagsWrapper, { style: style, disabled: disabled, className: "".concat(isFocussed ? "focussed" : "") },
             react_1.default.createElement("div", { style: { display: "flex", gap: "0.4rem", alignItems: "center", height: "2.4rem" } },
                 " ",
-                single_multi === "multi" ?
-                    react_1.default.createElement(Buttons_1.ButtonTertiaryCompact, { onClick: function () { return handleClearAll(); }, children: "Clear all", disabled: !value || !value.length })
-                    :
-                        react_1.default.createElement(Typo2_1.UI_BODY_SEMIBOLD_SM_DF, { style: { color: __1.colors2.grey50 } }, "Selected : "),
+                single_multi === "multi" &&
+                    react_1.default.createElement(Buttons_1.ButtonTertiaryCompact, { onClick: function () { return handleClearAll(); }, children: "Clear all", disabled: !value || !value.length }),
                 value &&
                     (0, toArray_1.toArray)(value).map(function (d) {
                         return (0, genTagComp_1.genTagComp)(id, d, {

package/dist/v2/components/RadioAndCheckbox/comps/CheckboxList/index.js

@@ -55,7 +55,6 @@ var CheckboxInput_1 = require("./comps/CheckboxInput");
 var styled_2 = require("./styled");
 var Typo2_1 = require("../../../Typo2");
 var OKELink_1 = require("../../../OKELink");
-var Tags_1 = require("../../../../../components/Tags");
 var optionsContainers = {
     checkbox: styled_1.StyledOptionsContainer,
     tagSelect: styled_2.StyledTagOptionsContainer,
@@ -99,8 +98,19 @@ function CheckboxList(_a) {
     var OptionsContainer = optionsContainers[inputStyle];
     var blocklabelProps = (0, _EXPORTS_1.getBlockLabelProps)(props);
     return (react_1.default.createElement("div", { className: className, id: id },
-        react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, blocklabelProps, { marginBottom: (blocklabelProps === null || blocklabelProps === void 0 ? void 0 : blocklabelProps.sublabel) ? '1.4rem' : '1.2rem' })),
-        readOnly ? (react_1.default.createElement(styled_2.StyledDisplayTagsContainer, null, value === null || value === void 0 ? void 0 : value.map(function (selOp) { return react_1.default.createElement(Tags_1.TagDisplay, { key: selOp.value, invert: invert, display: selOp.display_desc || selOp.display }); }))) : (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, blocklabelProps, { marginBottom: readOnly ? '0.4rem' : (blocklabelProps === null || blocklabelProps === void 0 ? void 0 : blocklabelProps.sublabel) ? '1.4rem' : '1.2rem' })),
+        readOnly ? (react_1.default.createElement(styled_2.StyledDisplayTagsContainer, null, value === null || value === void 0 ? void 0 : value.map(function (selOp, idx) {
+            return react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(Typo2_1.UI_BODY_SM_DF, { key: selOp.value },
+                    selOp.display_desc || selOp.display,
+                    " ",
+                    value.length > 1 && idx < value.length - 1 ? ',' : ''));
+        }
+        // <TagDisplay key={selOp.value} //using old one till we figure out exactly what we want for readOnly
+        //   invert={invert}
+        //   display={selOp.display_desc || selOp.display}//prioritzing display_desc since display of 'other' option is just 'Other'
+        // />
+        ))) : (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(OptionsContainer, { style: style, listType: listType, S: S }, typicalOptions === null || typicalOptions === void 0 ? void 0 :
                 typicalOptions.map(function (option, idx) { return idx < optionsLimit && (react_1.default.createElement(CheckboxInput_1.CheckboxInput, __assign({}, InputCommonProps, { option: option, key: option.value }))); }),
                 shouldHideSomeOptions && // if we have the case of off limit options

package/dist/v2/components/RadioAndCheckbox/comps/RadioList/index.js

@@ -53,7 +53,7 @@ var _EXPORTS_1 = require("../../../../../utils/_EXPORTS");
 var styled_1 = require("../../styled");
 var utils_1 = require("../../utils");
 var comps_1 = require("./comps");
-var Tags_1 = require("../../../../../components/Tags");
+var Typo2_1 = require("../../../Typo2");
 function RadioList(_a) {
     var id = _a.id, _b = _a.injectOtherOption, injectOtherOption = _b === void 0 ? false : _b, valueProp = _a.value, onChange = _a.onChange, saveValueAsString = _a.saveValueAsString, _c = _a.options, options = _c === void 0 ? [] : _c, commonIsCorrectDesc = _a.commonIsCorrectDesc, rightWrongResult = _a.rightWrongResult, _d = _a.optionsLimit, optionsLimit = _d === void 0 ? Infinity : _d, _e = _a.listType, listType = _e === void 0 ? 'horizontal' : _e, disabled = _a.disabled, invert = _a.invert, readOnly = _a.readOnly, S = _a.S;
     var props = arguments[0];
@@ -84,8 +84,9 @@ function RadioList(_a) {
     };
     var blocklabelProps = (0, _EXPORTS_1.getBlockLabelProps)(props);
     return (react_1.default.createElement("div", { id: id },
-        react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, blocklabelProps, { marginBottom: (blocklabelProps === null || blocklabelProps === void 0 ? void 0 : blocklabelProps.sublabel) ? '1.4rem' : '1.2rem' })),
-        readOnly ? ((value === null || value === void 0 ? void 0 : value.display) && react_1.default.createElement(Tags_1.TagDisplay, { display: value.display_desc || value.display, invert: invert }) //prioritzing display_desc since display of 'other' option is === other
+        react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, blocklabelProps, { marginBottom: readOnly ? '0.4rem' : (blocklabelProps === null || blocklabelProps === void 0 ? void 0 : blocklabelProps.sublabel) ? '1.4rem' : '1.2rem' })),
+        readOnly ? ((value === null || value === void 0 ? void 0 : value.display) && react_1.default.createElement(Typo2_1.UI_BODY_SM_DF, null, value.display_desc || value.display)
+        // <TagDisplay display={value.display_desc || value.display} invert={invert}/> //prioritzing display_desc since display of 'other' option is === other
         ) : (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(styled_1.StyledOptionsContainer, { listType: listType, S: S }, typicalOptions === null || typicalOptions === void 0 ? void 0 :
                 typicalOptions.map(function (option, idx) { return idx < optionsLimit && (react_1.default.createElement(comps_1.RadioInput, __assign({}, InputCommonProps, { option: option, key: option.value }))); }),

package/dist/v2/components/TabBar/index.styled.js

@@ -79,8 +79,8 @@ exports.tabStyles = {
         var disabled = _a.disabled, active = _a.active;
         return disabled ? white : active ? (0, getDynamicColors_1.getSecondaryContainer)(themes_1.colors) : grey10;
     }, function (_a) {
-        var disabled = _a.disabled, colors = _a.theme.colors;
-        return disabled ? grey40 : (0, getDynamicColors_1.getOnSecondary)(colors);
+        var disabled = _a.disabled, active = _a.active, colors = _a.theme.colors;
+        return disabled ? grey40 : active ? (0, getDynamicColors_1.getOnSecondary)(colors) : grey80;
     }, (0, mixins_1.transition)("color"))
 };
 exports.TabBarStyled = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  background-color: ", ";\n  z-index: 1000;\n  height: ", ";\n"], ["\n  background-color: ", ";\n  z-index: 1000;\n  height: ", ";\n"])), white, function (_a) {

package/package.json

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