oolib 2.205.4 → 2.206.0

package/dist/components/EmptyStates/comps/EmptyStatesRenderer.js

@@ -64,7 +64,7 @@ var EmptyStatesRenderer = function (_a) {
             preset === "successFullyPublish" &&
                 react_1.default.createElement(styled_2.StyledPublishedSVGWrapper, null,
                     react_1.default.createElement(ThumbsUpSVG_1.ThumbsUpSVG, null)),
-            (title === null || title === void 0 ? void 0 : title.text) && (react_1.default.createElement(styled_1.STYLE_UI_TITLE, { style: title.style, preset: preset }, localize(title.text))),
+            (title === null || title === void 0 ? void 0 : title.text) && (react_1.default.createElement(styled_1.STYLED_UI_TITLE, { style: title.style, preset: preset }, localize(title.text))),
             (subtitle === null || subtitle === void 0 ? void 0 : subtitle.text) && (react_1.default.createElement(Typo2_1.UI_BODY_SM_DF, { style: subtitle.style }, localize(subtitle.text))),
             link && (react_1.default.createElement(Typo2_1.UI_BODY_SM_DF, { style: { paddingTop: '1rem' } },
                 react_1.default.createElement(OKELink_1.OKELink, { text: localize(link.text), onClick: onClick }))),

package/dist/components/EmptyStates/comps/styled.d.ts

@@ -1,3 +1,3 @@
-export const STYLE_UI_TITLE: import("styled-components").StyledComponent<any, any, any, any>;
+export const STYLED_UI_TITLE: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../../v2/components/Typo2").TypoCompProps>, any, {}, never>;
 export const StyledFlexWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../Container").ContainerProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/dist/components/EmptyStates/comps/styled.js

@@ -37,13 +37,14 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledContainer = exports.StyledFlexWrapper = exports.STYLE_UI_TITLE = void 0;
+exports.StyledContainer = exports.StyledFlexWrapper = exports.STYLED_UI_TITLE = void 0;
 var styled_components_1 = __importStar(require("styled-components"));
 var Container_1 = require("../../Container");
 var Typo_1 = require("../../Typo");
 var mixins_1 = require("../../../themes/mixins");
+var Typo2_1 = require("../../../v2/components/Typo2");
 var fadeIn = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"], ["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"])));
-exports.STYLE_UI_TITLE = (0, styled_components_1.default)(UI_TITLE)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\n    ", "\n\n"], ["\n\n    ", "\n\n"])), function (_a) {
+exports.STYLED_UI_TITLE = (0, styled_components_1.default)(Typo2_1.UI_TITLE)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\n    ", "\n\n"], ["\n\n    ", "\n\n"])), function (_a) {
     var preset = _a.preset;
     return preset === 'successFullyPublish' && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        opacity: 0;\n        animation: ", " 1s 2s forwards; // delay for 2 sec before showing text\n    "], ["\n        opacity: 0;\n        animation: ", " 1s 2s forwards; // delay for 2 sec before showing text\n    "])), fadeIn);
 });

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_BOLD_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

@@ -30,10 +30,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_BOLD_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

@@ -99,8 +99,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_BOLD_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

@@ -54,6 +54,7 @@ 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 +85,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_BOLD_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.4",
+  "version": "2.206.0",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",