oolib 2.159.1 → 2.160.0

package/dist/v2/components/Buttons/index.d.ts

@@ -44,3 +44,5 @@ export interface ButtonStyledWrapperProps {
 export declare const ButtonPrimary: React.FunctionComponent<ButtonProps>;
 export declare const ButtonSecondary: React.FunctionComponent<ButtonProps>;
 export declare const ButtonGhost: React.FunctionComponent<ButtonProps>;
+export { ClearButton } from "./derivedComps/ClearButton";
+export { ActionButton } from "./derivedComps/ActionButton";

package/dist/v2/components/Buttons/index.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonGhost = exports.ButtonSecondary = exports.ButtonPrimary = void 0;
+exports.ActionButton = exports.ClearButton = exports.ButtonGhost = exports.ButtonSecondary = exports.ButtonPrimary = void 0;
 var react_1 = __importDefault(require("react"));
 var styled_1 = require("./styled");
 var react_router_dom_1 = require("react-router-dom");
@@ -79,3 +79,7 @@ var ButtonSecondary = function (props) { return (react_1.default.createElement(B
 exports.ButtonSecondary = ButtonSecondary;
 var ButtonGhost = function (props) { return (react_1.default.createElement(Button, { props: props, variant: "ghost" })); };
 exports.ButtonGhost = ButtonGhost;
+var ClearButton_1 = require("./derivedComps/ClearButton");
+Object.defineProperty(exports, "ClearButton", { enumerable: true, get: function () { return ClearButton_1.ClearButton; } });
+var ActionButton_1 = require("./derivedComps/ActionButton");
+Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return ActionButton_1.ActionButton; } });

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

@@ -56,15 +56,20 @@ var TabBarStyle1 = function (props) {
     var screenWidth = (0, _EXPORTS_1.useScreenWidth)();
     var isDesktop = screenWidth >= (0, mixins_1.getBreakPoint)("sm");
     return (props.responsive && !isDesktop
-        ? (react_1.default.createElement(DropdownSingle_1.DropdownSingle, __assign({}, props, { genCustomSelectComp: function () { return react_1.default.createElement(CustomSelectComp, { saveValueAsString: props.saveValueAsString, value: props.value, title: props.title, placeholder: placeholder }); } })))
+        ? (react_1.default.createElement(DropdownSingle_1.DropdownSingle, __assign({}, props, { genCustomSelectComp: function () {
+                var _a, _b;
+                return react_1.default.createElement(CustomSelectComp, { saveValueAsString: props.saveValueAsString, value: props.value, title: props.title, placeholder: placeholder, display: props.saveValueAsString
+                        ? (_a = props.options.find(function (d) { return d.value === props.value; })) === null || _a === void 0 ? void 0 : _a.display
+                        : (_b = props.value) === null || _b === void 0 ? void 0 : _b.display });
+            } })))
         : (react_1.default.createElement(Base, __assign({}, props, { tabBarStyle: "1" }))));
 };
 exports.TabBarStyle1 = TabBarStyle1;
 var CustomSelectComp = function (_a) {
-    var value = _a.value, title = _a.title, placeholder = _a.placeholder, saveValueAsString = _a.saveValueAsString;
+    var display = _a.display, title = _a.title, placeholder = _a.placeholder;
     return (react_1.default.createElement(index_styled_1.StyledWrapper, null,
         react_1.default.createElement("div", null,
             react_1.default.createElement(Typo2_1.UI_TAG, { style: { color: colors_1.colors.grey40 } }, title),
-            react_1.default.createElement(Typo2_1.UI_BODY_SEMIBOLD_SM, { capitalize: true, style: { color: value ? colors_1.colors.black : colors_1.colors.grey60 } }, value ? (saveValueAsString ? value : value.display) : placeholder)),
+            react_1.default.createElement(Typo2_1.UI_BODY_SEMIBOLD_SM, { capitalize: true, style: { color: display ? colors_1.colors.black : colors_1.colors.grey60 } }, display || placeholder)),
         react_1.default.createElement(phosphor_react_1.List, { size: 18, weight: "bold" })));
 };

package/package.json

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