oolib 2.111.0 → 2.111.1

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

@@ -1,4 +1,15 @@
 import React from 'react';
+export interface TypoProps {
+    invert?: boolean;
+    value?: string;
+    suffix?: string;
+    color?: string;
+    children?: React.ReactNode;
+    theme?: any;
+    style?: React.CSSProperties;
+    className?: string;
+    [key: string]: any;
+}
 export declare const LABEL: React.FunctionComponent<TypoCompProps>;
 export interface TypoCompProps {
     [key: string]: any;

package/dist/components/Typo/index.js

@@ -61,7 +61,7 @@ var GenComp = function (_a) {
     var localize = (0, utilsOolib_1.useLocale)();
     var invert = props.invert, value = props.value, suffix = props.suffix, color = props.color, children = props.children, theme = props.theme, style = props.style, className = props.className, restProps = __rest(props, ["invert", "value", "suffix", "color", "children", "theme", "style", "className"]);
     var displayText = children || value;
-    var localText = localize(displayText === null || displayText === void 0 ? void 0 : displayText.toString());
+    var localText = localize(displayText);
     return (react_1.default.createElement(Comp, __assign({}, genFontStylingProps(restProps), { color: color, className: className, style: style, invert: invert }),
         localText,
         " ",
@@ -73,7 +73,9 @@ var SANS_0 = function (props) { return react_1.default.createElement(GenComp, {
 exports.SANS_0 = SANS_0;
 var SANS_2 = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SANS_2_STYLED }); };
 exports.SANS_2 = SANS_2;
-var SANS_3 = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SANS_3_STYLED }); };
+var SANS_3 = function (props) {
+    return (react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SANS_3_STYLED }));
+};
 exports.SANS_3 = SANS_3;
 var SANS_3_4 = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SANS_3_4_STYLED }); };
 exports.SANS_3_4 = SANS_3_4;

package/dist/utilsOolib/index.d.ts

@@ -4,8 +4,9 @@
  * These are utility functions that make certain tasks
  * within oolib easier
  */
+import { ReactNode } from 'react';
 import { ColorsType } from '../themes/colors';
-export declare const useLocale: () => (text: string) => string;
+export declare const useLocale: () => (value: ReactNode) => ReactNode;
 export declare const getPrimaryColor10: (colors?: ColorsType) => string;
 export declare const getPrimaryColor40: (colors?: ColorsType) => string;
 export declare const getPrimaryColor100: (colors?: ColorsType) => string;

package/dist/utilsOolib/index.js

@@ -5,29 +5,33 @@
  * These are utility functions that make certain tasks
  * within oolib easier
  */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getPrimaryColorText = exports.getPrimaryColor100 = exports.getPrimaryColor40 = exports.getPrimaryColor10 = exports.useLocale = void 0;
+var react_1 = __importDefault(require("react"));
 var styled_components_1 = require("styled-components");
 var colors_1 = require("../themes/colors");
 var primaryColor10 = colors_1.colors.primaryColor10, primaryColor40 = colors_1.colors.primaryColor40, primaryColor100 = colors_1.colors.primaryColor100, primaryColorText = colors_1.colors.primaryColorText;
 var useLocale = function () {
     var currentTheme = (0, styled_components_1.useTheme)();
-    var localize = function (text) {
-        return (currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme.localize) ? currentTheme.localize(text) : text;
+    ;
+    var localize = function (value) {
+        // Check if the value is a React component or a JavaScript object
+        if (react_1.default.isValidElement(value) || typeof value === 'object') {
+            return value;
+        }
+        // If the value is a string, attempt to localize it
+        if (typeof value === 'string') {
+            return (currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme.localize) ? currentTheme.localize(value) : value;
+        }
+        // If the value is a React element or another type of value, render it as-is
+        return value;
     };
     return localize;
 };
 exports.useLocale = useLocale;
-// export const useLocale = () => {
-//   const currentTheme = useTheme();
-//   const localize = text => {
-//     console.log({ text })
-//       return currentTheme?.localize 
-//           ? currentTheme.localize(text) 
-//           : text
-//   }
-//   return localize
-// }
 var getPrimaryColor10 = function (colors) {
     return (colors === null || colors === void 0 ? void 0 : colors.primaryColor10) || primaryColor10;
 };

package/package.json

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