oolib 2.168.0 → 2.168.2

package/dist/components/ImageInput/comps/GallerySlider/comps/GalleryThumbnails/index.js

@@ -69,7 +69,7 @@ var GalleryThumbnails = function (_a) {
     var imageThumbnailsData = __spreadArray(__spreadArray([], ((0, makeArrayFromLength_1.makeArrayFromLength)(noOfImagesUploading).map(function (d) { return undefined; })), true), (value || []), true);
     return (react_1.default.createElement("div", { ref: totThumbsSpaceRef, style: { display: 'flex', gap: '1rem' } },
         !readOnly && (react_1.default.createElement(styled_1.StyledAddMoreThumbnail, { ref: addMoreThumbnailRef, disabled: isLoading, noBorder: true, invert: invert },
-            react_1.default.createElement(FileUploadShell_1.FileUploadShell, { disabled: isLoading, multiple: true, handleUpload: handleUpload, onChange: onChange, value: value, id: id },
+            react_1.default.createElement(FileUploadShell_1.FileUploadShell, { disabled: isLoading, multiple: true, mediaType: 'image', handleUpload: handleUpload, onChange: onChange, value: value, id: id },
                 react_1.default.createElement("div", { style: {
                         display: "grid",
                         placeItems: "center",

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

@@ -4,6 +4,8 @@
  * - Should run a function that converts rich text to plain text and sends that out in onChange. (like how we do for TitleInput)
  * - for backwards compatibility, in the initValueSetting function, we should convert all plain text values to lexical shape & all draftjs shaped values also to lexical shape
  * - memoization of cell comps maybe? there is some commented code for the same below..
+ * - KNOWN ISSUE: when the number input block is used, the component is lagging like mad. might have something to
+ *   do with the memoization issue
  */
 export function SimpleTable({ id, readOnly, config, value: _value, onChange, defaultColWidth, }: {
     id: any;

package/dist/components/SimpleTable/index.js

@@ -75,6 +75,8 @@ var greyColor100 = themes_1.colors.greyColor100;
  * - Should run a function that converts rich text to plain text and sends that out in onChange. (like how we do for TitleInput)
  * - for backwards compatibility, in the initValueSetting function, we should convert all plain text values to lexical shape & all draftjs shaped values also to lexical shape
  * - memoization of cell comps maybe? there is some commented code for the same below..
+ * - KNOWN ISSUE: when the number input block is used, the component is lagging like mad. might have something to
+ *   do with the memoization issue
  */
 function SimpleTable(_a) {
     var id = _a.id, readOnly = _a.readOnly, _b = _a.config, config = _b === void 0 ? {

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

@@ -80,8 +80,8 @@ exports.default = {
 };
 var TabBar_ = function (args) {
     var options = [
-        { display: "display 1", value: "value1" },
-        { display: "display 2", value: "value2" },
+        { display: "display 1", value: "value1", icon: 'Funnel' },
+        { display: "display 2", value: "value2", icon: 'ListDashes' },
         { display: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", value: "value3" },
         { display: "display 3", value: "value4" },
         { display: "display 4", value: "value5" },

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

@@ -25,6 +25,7 @@ var mixins_1 = require("../../../themes/mixins");
 var Typo2_1 = require("../Typo2");
 var phosphor_react_1 = require("phosphor-react");
 var colors_1 = require("../../themes/colors");
+var icons_1 = require("../../../icons");
 var Base = function (_a) {
     var id = _a.id, options = _a.options, valueProp = _a.value, onChange = _a.onChange, style = _a.style, errorTabs = _a.errorTabs, disabledTabs = _a.disabledTabs, _b = _a.tabBarStyle, tabBarStyle = _b === void 0 ? '1' : _b, saveValueAsString = _a.saveValueAsString, _c = _a.black, black = _c === void 0 ? false : _c, M = _a.M, S = _a.S, _size = _a.size //use any one of these 3
     ;
@@ -34,6 +35,13 @@ var Base = function (_a) {
     var handleClick = function (v) {
         onChange && onChange(id, saveValueAsString ? v.value : v);
     };
+    var genIconInTab = function (iconName) {
+        var IconComp = icons_1.icons[iconName];
+        if (!IconComp)
+            return null;
+        //else
+        return react_1.default.createElement(IconComp, { weight: 'bold', size: 16 });
+    };
     return (react_1.default.createElement(index_styled_1.TabBarStyled, { size: size, style: style },
         react_1.default.createElement(index_styled_1.TabBarContainerStyled, { id: id },
             !scrollIsAtStart && (react_1.default.createElement(index_styled_1.StyledDirectionButtons, { left: true },
@@ -45,7 +53,9 @@ var Base = function (_a) {
                     var tabIsActive = value && op.value === value.value;
                     return (react_1.default.createElement(index_styled_1.TabBarTabWrapper, { tabBarStyle: tabBarStyle, key: op.value, active: tabIsActive, error: tabHasError, disabled: tabIsDisabled, black: black },
                         react_1.default.createElement(index_styled_1.TabBarTabStyled, { size: size, active: tabIsActive, error: tabHasError, disabled: tabIsDisabled, tabBarStyle: tabBarStyle, onClick: function () { return handleClick(op); }, black: black },
-                            react_1.default.createElement(index_styled_1.STYLED_TYPO, { capitalize: true }, op.display),
+                            react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: '0.4rem' } },
+                                op.icon && genIconInTab(op.icon),
+                                op.display && react_1.default.createElement(index_styled_1.STYLED_TYPO, { capitalize: true }, op.display)),
                             tabHasError && react_1.default.createElement(index_styled_1.StyledDot, { active: tabIsActive, error: tabHasError, tabBarStyle: tabBarStyle }))));
                 }))),
             !scrollIsAtEnd && (react_1.default.createElement(index_styled_1.StyledDirectionButtons, { right: true },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.168.0",
+  "version": "2.168.2",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -71,11 +71,11 @@
     "typescript": "^5.4.3"
   },
   "peerDependencies": {
+    "date-fns": "^2.0.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-router-dom": "^6.28.0",
-    "styled-components": "^5.3.3",
-    "date-fns": "^2.0.0"
+    "styled-components": "^5.3.3"
   },
   "config": {
     "commitizen": {