oolib 2.111.0 → 2.111.2

package/dist/components/Dropdowns/DropdownSingle/index.js

@@ -91,7 +91,7 @@ function DropdownSingle(_a) {
         (0, handlers_1.handleSelect_SINGLE)({
             id: id,
             newVal: newVal,
-            prevVal: value,
+            // prevVal: value,
             // hideShowOtherTextInputOnSelect_SINGLE,
             handleHideOptions: handleHideOptions,
             saveValueAsString: saveValueAsString,

package/dist/components/Dropdowns/handlers/index.d.ts

@@ -5,11 +5,10 @@ export function handleSelect_MULTI({ parentOnChange, id, prevVal, newVal, saveVa
     newVal: any;
     saveValueAsString: any;
 }): void;
-export function handleSelect_SINGLE({ parentOnChange, handleHideOptions, id, newVal, prevVal, saveValueAsString }: {
+export function handleSelect_SINGLE({ parentOnChange, handleHideOptions, id, newVal, saveValueAsString }: {
     parentOnChange: any;
     handleHideOptions: any;
     id: any;
     newVal: any;
-    prevVal: any;
     saveValueAsString: any;
 }): void;

package/dist/components/Dropdowns/handlers/index.js

@@ -30,7 +30,9 @@ exports.handleSelect_MULTI = handleSelect_MULTI;
 var handleSelect_SINGLE = function (_a) {
     var parentOnChange = _a.parentOnChange, 
     // hideShowOtherTextInputOnSelect_SINGLE,
-    handleHideOptions = _a.handleHideOptions, id = _a.id, newVal = _a.newVal, prevVal = _a.prevVal, saveValueAsString = _a.saveValueAsString;
+    handleHideOptions = _a.handleHideOptions, id = _a.id, newVal = _a.newVal, 
+    // prevVal,
+    saveValueAsString = _a.saveValueAsString;
     /**
      * this enables removing the selected option, if clicked on again
      * but disabled for now, cuz deselecting was causing all sorts of sideeffects on the platform

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/components/Wrappers/WrapperCardGrid.d.ts

@@ -1,2 +1,8 @@
-export function WrapperCardGrid(props: any): React.JSX.Element;
+export function WrapperCardGrid({ style, className, children, id, minWidth }: {
+    style: any;
+    className: any;
+    children: any;
+    id: any;
+    minWidth?: string;
+}): React.JSX.Element;
 import React from "react";

package/dist/components/Wrappers/WrapperCardGrid.js

@@ -10,10 +10,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.WrapperCardGrid = void 0;
 var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
-var StyledWrapperCardGrid = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));\n  grid-template-rows: auto;\n  grid-row-gap: 2rem;\n  grid-column-gap: 2rem;\n"], ["\n  width: 100%;\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));\n  grid-template-rows: auto;\n  grid-row-gap: 2rem;\n  grid-column-gap: 2rem;\n"])));
-var WrapperCardGrid = function (props) {
-    var style = props.style, className = props.className, children = props.children, id = props.id;
-    return (react_1.default.createElement(StyledWrapperCardGrid, { id: id, style: style, className: className }, children));
+var StyledWrapperCardGrid = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(", ", 1fr));\n  grid-template-rows: auto;\n  grid-row-gap: 2rem;\n  grid-column-gap: 2rem;\n"], ["\n  width: 100%;\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(", ", 1fr));\n  grid-template-rows: auto;\n  grid-row-gap: 2rem;\n  grid-column-gap: 2rem;\n"])), function (_a) {
+    var minWidth = _a.minWidth;
+    return minWidth;
+});
+var WrapperCardGrid = function (_a) {
+    var style = _a.style, className = _a.className, children = _a.children, id = _a.id, _b = _a.minWidth, minWidth = _b === void 0 ? '30rem' : _b;
+    return (react_1.default.createElement(StyledWrapperCardGrid, { id: id, style: style, className: className, minWidth: minWidth }, children));
 };
 exports.WrapperCardGrid = WrapperCardGrid;
 var templateObject_1;

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.2",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",