oolib 2.201.0 → 2.201.2

package/dist/components/SimpleTable/index.js

@@ -103,6 +103,7 @@ function SimpleTable(_a) {
         blockConfig: [undefined, { comp: 'DropdownSingle', props: {} }, { comp: 'DropdownSingle', props: {} }]
     } : _b, _value = _a.value, onChange = _a.onChange, _c = _a.defaultColWidth, defaultColWidth = _c === void 0 ? 200 : _c;
     var props = arguments[0];
+    var localize = (0, utilsOolib_1.useLocale)();
     var theme = (0, styled_components_1.useTheme)();
     var _d = theme || {}, RichTextEditor = _d.RichTextEditor /*: _RichTextEditor*/, convertToRichText = _d.convertToRichText;
     //memoizing cuz we dont want all cell rtes to render everytime one cell changes
@@ -271,7 +272,7 @@ function SimpleTable(_a) {
                     react_1.default.createElement(Typo2_1.UI_BODY_BOLD_SM, null, config.headerForRowHeadersColumn),
                     react_1.default.createElement(ArrowDown, { size: 14, weight: "bold" })))) : (genCell({
                 cell: (0, convertRowHeaderConfigToCellData_1.convertRowHeaderConfigToCellData)({
-                    rowHeaderData: config.rowHeaderData,
+                    rowHeaderData: config.rowHeaderData.map(function (d) { return localize(d); }),
                     convertToRichText: convertToRichText,
                     rowIdx: rowIdx
                 }),
@@ -343,7 +344,7 @@ function SimpleTable(_a) {
                         config.colHeaderData &&
                             genRow({
                                 row: (0, convertColHeaderConfigToRowData_1.convertColHeaderConfigToRowData)({
-                                    colHeaderData: config.colHeaderData,
+                                    colHeaderData: config.colHeaderData.map(function (d) { return localize(d); }),
                                     convertToRichText: convertToRichText,
                                 }),
                             }),

package/dist/stories/Oolib/components/SimpleTable.stories.d.ts

@@ -53,6 +53,7 @@ declare namespace _default {
         export { defaultColWidth_1 as defaultColWidth };
         export let disableAddRow: boolean;
         export let disableRowActionsMenu: boolean;
+        export let readOnly: boolean;
     }
     namespace parameters {
         namespace docs {

package/dist/stories/Oolib/components/SimpleTable.stories.js

@@ -84,6 +84,7 @@ exports.default = {
         defaultColWidth: 200,
         disableAddRow: false,
         disableRowActionsMenu: false,
+        readOnly: false,
     },
     parameters: {
         docs: {
@@ -113,7 +114,8 @@ var SimpleTable = function (args) {
         },
         defaultColWidth: args.defaultColWidth,
         value: val,
-        onChange: function (k, v) { return setVal(v); }
+        onChange: function (k, v) { return setVal(v); },
+        readOnly: args.readOnly
     };
     // useEffect(() => {
     //     console.log({data: props})

package/dist/stories/v2/components/Tags/utils/GenTag.js

@@ -18,7 +18,7 @@ exports.GenTag = void 0;
 var react_1 = __importDefault(require("react"));
 var GenTag = function (_a) {
     var args = _a.args, Comp = _a.Comp, variant = _a.variant;
-    return (react_1.default.createElement("div", { style: { padding: "4rem" } },
+    return (react_1.default.createElement("div", { style: { padding: "1rem" } },
         react_1.default.createElement(Comp, __assign({}, args, { variant: variant }))));
 };
 exports.GenTag = GenTag;

package/dist/v2/components/Tags/Comps/Tag/index.js

@@ -1,4 +1,41 @@
 "use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8,17 +45,20 @@ var react_1 = __importDefault(require("react"));
 var styled_1 = require("./styled");
 var icons_1 = require("../../../../../icons");
 var styled_2 = require("./styled");
-var styled_components_1 = require("styled-components");
+var styled_components_1 = __importStar(require("styled-components"));
 var themes_1 = require("../../../../themes");
+var mixins_1 = require("../../../../../themes/mixins");
 var grey40 = themes_1.colors.grey40;
 var Tag = function (_a) {
     var id = _a.id, _b = _a.fill, fill = _b === void 0 ? "solid" : _b, _c = _a.size, size = _c === void 0 ? "S" : _c, display = _a.display, icon = _a.icon, weight = _a.weight, onClick = _a.onClick, variant = _a.variant, typo = _a.typo, badgeColor = _a.badgeColor, style = _a.style;
     var Icon = icons_1.icons[icon];
     var theme = (0, styled_components_1.useTheme)();
     var Typo = typo || styled_2.Styled_UI_CAPTION_DF;
+    // ellipsis style to props typo 
+    var StyledTypo = typo ? (0, styled_components_1.default)(Typo)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["", ""], ["", ""])), mixins_1.ellipsis) : Typo;
     return (react_1.default.createElement(styled_1.StyledTag, { id: id, fill: fill, size: size, icon: icon, onClick: onClick, variant: variant, colors: theme === null || theme === void 0 ? void 0 : theme.colors, style: style },
         badgeColor && react_1.default.createElement("div", { style: { background: badgeColor, width: "1rem", height: "1rem", borderRadius: "50%", marginRight: "0.2rem" } }),
-        react_1.default.createElement(Typo, { weight: weight },
+        react_1.default.createElement(StyledTypo, { weight: weight },
             " ",
             display,
             " "),
@@ -27,3 +67,4 @@ var Tag = function (_a) {
                 react_1.default.createElement(Icon, { size: size === "XS" ? 10 : 12, weight: "bold", style: { color: grey40 } }))));
 };
 exports.Tag = Tag;
+var templateObject_1;

package/package.json

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