npm - oolib - Versions diffs - 2.61.1 → 2.61.2 - Mend

oolib 2.61.1 → 2.61.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/dist/components/Hints/index.js CHANGED Viewed

@@ -39,7 +39,7 @@ var Typo_1 = require("../Typo");
 var react_1 = __importStar(require("react"));
 var contextApi_1 = require("../Hints/contextApi");
 var colors_1 = require("../../themes/colors");
-var comps_1 = require("../../utils/comps");
+var DisplayIcon_1 = require("../../utils/comps/DisplayIcon");
 var Buttons_1 = require("../Buttons");
 var ModalLarge_1 = require("../Modals/ModalLarge");
 var mixins_1 = require("../../themes/mixins");
@@ -65,7 +65,7 @@ var getPositionStyles = function (position) {
 var BulletIcon = function () { return (
 // line height of SANS_3 is 21px. Dot is 8px tall. so below css (21/2 - 8/2) makes the circle perfectly aligned with the first line
 react_1.default.createElement("div", { style: { fontSize: 0, marginTop: "6.5px" } },
-    react_1.default.createElement(comps_1.DisplayIcon, { color: greyColor100, weight: "fill", icon: "Circle", size: 8 }))); };
+    react_1.default.createElement(DisplayIcon_1.DisplayIcon, { color: greyColor100, weight: "fill", icon: "Circle", size: 8 }))); };
 var Hints = function (_a) {
     var id = _a.id, hints = _a.hints, _b = _a.title, title = _b === void 0 ? "Hints" : _b, _c = _a.btnlabel, btnlabel = _c === void 0 ? "Hints" : _c, subtitle = _a.subtitle;
     //get the context state
@@ -99,7 +99,7 @@ var Hints = function (_a) {
             react_1.default.createElement(styled_1.StyledLightbox, { style: styles.lightBox, ref: lightBoxRef, id: id },
                 react_1.default.createElement(styled_2.StyledModalHeaderStyle2Container, null,
                     react_1.default.createElement("div", { style: { position: "absolute", top: "-2.5rem", fontSize: 0 } },
-                        react_1.default.createElement(comps_1.DisplayIcon, { icon: "ModalBulbIcon" })),
+                        react_1.default.createElement(DisplayIcon_1.DisplayIcon, { icon: "ModalBulbIcon" })),
                     react_1.default.createElement(styled_2.StyledModalHeaderStyle2Title, null,
                         react_1.default.createElement(Typo_1.SANS_3, { semibold: true, capitalize: true }, title),
                         subtitle ? (react_1.default.createElement(Typo_1.SANS_3_4, { capitalize: true, semibold: true, style: { flexGrow: "1" }, color: greyColor80 }, subtitle)) : null,
@@ -111,7 +111,7 @@ var Hints = function (_a) {
             react_1.default.createElement("div", { style: { padding: ".5rem 2rem" } },
                 react_1.default.createElement(styled_1.StyledLightBoxList, null, hints.map(function (d) { return (react_1.default.createElement("li", null,
                     react_1.default.createElement("div", { style: { marginTop: ".5rem" } },
-                        react_1.default.createElement(comps_1.DisplayIcon, { color: greyColor100, weight: "fill", icon: "Circle", size: 8 })),
+                        react_1.default.createElement(DisplayIcon_1.DisplayIcon, { color: greyColor100, weight: "fill", icon: "Circle", size: 8 })),
                     react_1.default.createElement(Typo_1.SANS_3, null, d))); })))))) : null));
 };
 exports.default = Hints;

package/dist/components/Modals/ModalLarge/comps/ModalHeaderStyle2/index.js CHANGED Viewed

@@ -9,14 +9,14 @@ var Buttons_1 = require("../../../../Buttons");
 var OKELink_1 = require("../../../../OKELink");
 var Typo_1 = require("../../../../Typo");
 var themes_1 = require("../../../../../themes");
-var comps_1 = require("../../../../../utils/comps");
+var DisplayIcon_1 = require("../../../../../utils/comps/DisplayIcon");
 var styled_1 = require("../../styled");
 var greyColor80 = themes_1.colors.greyColor80;
 var ModalHeaderStyle2 = function (_a) {
     var title = _a.title, subtitle = _a.subtitle, onClose = _a.onClose, setAnimPos = _a.setAnimPos, initAnimPos = _a.initAnimPos;
     return (react_1.default.createElement(styled_1.StyledModalHeaderStyle2Container, null,
         react_1.default.createElement("div", { style: { position: "absolute", top: "-2.5rem" } },
-            react_1.default.createElement(comps_1.DisplayIcon, { size: 20, icon: "ModalBulbIcon" })),
+            react_1.default.createElement(DisplayIcon_1.DisplayIcon, { size: 20, icon: "ModalBulbIcon" })),
         react_1.default.createElement(styled_1.StyledModalHeaderStyle2Title, null,
             react_1.default.createElement(Typo_1.SANS_4_5, { semibold: true, capitalize: true }, title || "title"),
             subtitle ? (react_1.default.createElement(Typo_1.SANS_3_4, { semibold: true, capitalize: true, style: { flexGrow: "1" }, color: greyColor80 }, subtitle)) : null,

package/dist/components/OKELink/index.js CHANGED Viewed

@@ -39,7 +39,7 @@ var react_1 = __importStar(require("react"));
 var react_router_dom_1 = require("react-router-dom");
 // import { ProfileImageDisplay } from '../../inputs/ImageInput/derivedComps/ProfileImageDisplay'
 var styled_components_1 = require("styled-components");
-var comps_1 = require("../../utils/comps");
+var DisplayIcon_1 = require("../../utils/comps/DisplayIcon");
 var injectHttps_1 = require("../../utils/injectHttps");
 var utilsOolib_1 = require("../../utilsOolib");
 var styled_1 = require("./styled");
@@ -74,7 +74,7 @@ var OKELink = function (_a) {
     var linkType = getLinkType({ to: to, onClick: onClick });
     var textComp = (react_1.default.createElement(styled_1.StyledLinkText, { id: 'StyledLinkText' }, localize(children || text)));
     var genIcon = function (icon) {
-        return react_1.default.createElement(comps_1.DisplayIcon, __assign({}, {
+        return react_1.default.createElement(DisplayIcon_1.DisplayIcon, __assign({}, {
             icon: icon,
             weight: "regular",
             size: iconSize || 15,

package/dist/components/cards/CardContent/index.js CHANGED Viewed

@@ -1,49 +1,25 @@
 "use strict";
-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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CardContent = void 0;
-var react_1 = __importStar(require("react"));
-var react_router_dom_1 = require("react-router-dom");
-var VideoInput_1 = __importDefault(require("../../VideoInput"));
-var styled_1 = require("./styled");
+var react_1 = __importDefault(require("react"));
 var styled_components_1 = require("styled-components");
-var isExternalUrl_1 = require("../utils/isExternalUrl");
-var parseCardConfig_1 = require("../utils/parseCardConfig");
-var LineClampWrapper_1 = require("../comps/LineClampWrapper");
-var CardMetaBlock_1 = __importDefault(require("../comps/CardMetaBlock"));
-var Typo_1 = require("../../Typo");
-var injectHttps_1 = require("../../../utils/injectHttps");
-var ActionMenu_1 = require("../../ActionMenu");
 var icons_1 = require("../../../icons");
+var injectHttps_1 = require("../../../utils/injectHttps");
 var utilsOolib_1 = require("../../../utilsOolib");
 var renderImagePlaceholderForOolibPreview_1 = require("../../../utilsOolib/renderImagePlaceholderForOolibPreview");
+var ActionMenu_1 = require("../../ActionMenu");
+var Typo_1 = require("../../Typo");
+var VideoInput_1 = __importDefault(require("../../VideoInput"));
+var CardMetaBlock_1 = __importDefault(require("../comps/CardMetaBlock"));
+var LineClampWrapper_1 = require("../comps/LineClampWrapper");
+var styled_1 = require("../styled");
 var decideLinkCompAndTarget_1 = require("../utils/decideLinkCompAndTarget");
 var dontRenderIfBothOnClickAndTo_1 = require("../utils/dontRenderIfBothOnClickAndTo");
+var parseCardConfig_1 = require("../utils/parseCardConfig");
+var styled_2 = require("./styled");
 var ArrowLineUpRight = icons_1.icons.ArrowLineUpRight;
 var CardContent = function (_a) {
     var id = _a.id, data = _a.data, config = _a.config, to = _a.to, onClick = _a.onClick, openInNewTab = _a.openInNewTab, actions = _a.actions;
@@ -56,15 +32,15 @@ var CardContent = function (_a) {
         data: data,
         parseSpecialSyntax: parseSpecialSyntax,
         localize: localize,
-    }), cardLabel = _c.cardLabel, title = _c.title, titleOptional = _c.titleOptional, video = _c.video, image = _c.image, metaBlockData = _c.metaBlockData;
+    }), cardLabel = _c.cardLabel, title = _c.title, video = _c.video, image = _c.image, metaBlockData = _c.metaBlockData;
     var dontRenderRes = (0, dontRenderIfBothOnClickAndTo_1.dontRenderIfBothOnClickAndTo)({ onClick: onClick, to: to });
     if (dontRenderRes)
         return dontRenderRes;
     var _d = (0, decideLinkCompAndTarget_1.decideLinkCompAndTarget)({ to: to, openInNewTab: openInNewTab }), LinkComp = _d.LinkComp, target = _d.target, externalUrl = _d.externalUrl;
     return (react_1.default.createElement(LinkComp, { target: target, href: (0, injectHttps_1.injectHttps)(to), to: to },
-        react_1.default.createElement(styled_1.StyledCardWrapper, { id: id, onClick: onClick },
-            react_1.default.createElement(styled_1.StyledUpperSection, null,
-                react_1.default.createElement(styled_1.StyledContainer1, null,
+        react_1.default.createElement(styled_2.StyledCardWrapper, { id: id, onClick: onClick },
+            react_1.default.createElement(styled_2.StyledUpperSection, null,
+                react_1.default.createElement(styled_2.StyledContainer1, null,
                     cardLabel ? (react_1.default.createElement("div", { title: cardLabel, style: {
                             display: "flex",
                             gap: "2rem",
@@ -76,15 +52,14 @@ var CardContent = function (_a) {
                                 whiteSpace: "nowrap",
                             }, color: (0, utilsOolib_1.getPrimaryColorText)(theme === null || theme === void 0 ? void 0 : theme.colors) }, cardLabel),
                         react_1.default.createElement("div", { style: { marginTop: "-1rem", marginRight: "-1rem" } }, actions && react_1.default.createElement(ActionMenu_1.ActionMenu, { actions: actions })))) : null,
-                    titleOptional ? (react_1.default.createElement(LineClampWrapper_1.LineClampWrapper, { noOfLines_M: 6, title: titleOptional },
-                        react_1.default.createElement(Typo_1.SANS_4_5, { semibold: true, style: { wordBreak: "break-word" }, capitalize: true }, titleOptional))) : null,
                     title ? (react_1.default.createElement("div", { style: { display: "flex", alignItems: "end", gap: ".5rem" } },
                         " ",
-                        react_1.default.createElement(LineClampWrapper_1.LineClampWrapper, { noOfLines_M: 6, title: titleOptional },
-                            react_1.default.createElement(Typo_1.SERIF_5_6, { style: { wordBreak: "break-word" }, capitalize: true }, title)))) : null),
-                metaBlockData ? (react_1.default.createElement(CardMetaBlock_1.default, { value: metaBlockData.slice(0, 2) }) //show only two meta for cardContent
+                        react_1.default.createElement(LineClampWrapper_1.LineClampWrapper, { noOfLines_M: 6, title: title },
+                            react_1.default.createElement(styled_1.StyledTitle, { capitalize: true, className: "StyledTitle" },
+                                react_1.default.createElement(styled_1.StyledTitleSpan, { className: "StyledTitleSpan" }, title))))) : null),
+                (metaBlockData === null || metaBlockData === void 0 ? void 0 : metaBlockData.length) > 0 ? (react_1.default.createElement(CardMetaBlock_1.default, { value: metaBlockData.slice(0, 2) }) //show only two meta for cardContent
                 ) : null),
-            showEmbedSection ? (react_1.default.createElement(styled_1.StyledEmbedSection, null,
+            showEmbedSection ? (react_1.default.createElement(styled_2.StyledEmbedSection, null,
                 (video === null || video === void 0 ? void 0 : video.length) > 0 ? (react_1.default.createElement("div", { style: { width: "100%" } },
                     react_1.default.createElement(VideoInput_1.default, { value: video, readOnly: true, light: true }))) : null,
                 (image === null || image === void 0 ? void 0 : image.length) > 0 && !video ? (react_1.default.createElement("div", { style: { width: "100%" } }, !ImageInput ? ((0, renderImagePlaceholderForOolibPreview_1.renderImagePlaceholderForOolibPreview)({

package/dist/components/cards/CardContent/styled.js CHANGED Viewed

@@ -31,11 +31,12 @@ exports.StyledUpperSection = exports.StyledCardWrapper = exports.StyledEmbedSect
 var styled_components_1 = __importStar(require("styled-components"));
 var colors_1 = require("../../../themes/colors");
 var transitions_1 = require("../../../themes/mixins/transitions");
+var styled_1 = require("../styled");
 var greyColor5 = colors_1.colors.greyColor5, white = colors_1.colors.white;
 var flexColumn = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
 exports.StyledContainer1 = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  gap: 1rem;\n"], ["\n  ", "\n  gap: 1rem;\n"])), flexColumn);
 exports.StyledMetaBlock = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  gap: 0.5em;\n"], ["\n  display: flex;\n  gap: 0.5em;\n"])));
 exports.StyledEmbedSection = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: 100px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  width: 100%;\n"], ["\n  height: 100px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  width: 100%;\n"])));
-exports.StyledCardWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  height: 100%;\n  border: 2px solid ", ";\n  background-color: ", ";\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  ", "\n\n  cursor: pointer;\n  :hover {\n    background-color: ", ";\n  }\n"], ["\n  height: 100%;\n  border: 2px solid ", ";\n  background-color: ", ";\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  ", "\n\n  cursor: pointer;\n  :hover {\n    background-color: ", ";\n  }\n"])), greyColor5, greyColor5, (0, transitions_1.transition)("background-color"), white);
+exports.StyledCardWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  height: 100%;\n  border: 2px solid ", ";\n  background-color: ", ";\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  ", "\n\n  cursor: pointer;\n\n  &:hover {\n    background-color: ", ";\n    ", ";\n  }\n"], ["\n  height: 100%;\n  border: 2px solid ", ";\n  background-color: ", ";\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  ", "\n\n  cursor: pointer;\n\n  &:hover {\n    background-color: ", ";\n    ", ";\n  }\n"])), greyColor5, greyColor5, (0, transitions_1.transition)("background-color"), white, styled_1.CSSTitleAnimationOnHover);
 exports.StyledUpperSection = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  /* height: 100%; */\n  flex-grow: 1;\n  justify-content: space-between;\n\n  padding: 2rem;\n  ", "\n  gap: 3rem;\n"], ["\n  /* height: 100%; */\n  flex-grow: 1;\n  justify-content: space-between;\n\n  padding: 2rem;\n  ", "\n  gap: 3rem;\n"])), flexColumn);
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/dist/components/cards/ListContent/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-export function ListContent({ id, data, config, to, onClick, openInNewTab, actions, disabled, statusTag, }: {
+export function ListContent({ id, data, config, to, onClick, openInNewTab, actions, statusTag, }: {
     id: any;
     data: any;
     config: any;
@@ -6,7 +6,6 @@ export function ListContent({ id, data, config, to, onClick, openInNewTab, actio
     onClick: any;
     openInNewTab: any;
     actions: any;
-    disabled: any;
     statusTag: any;
 }): React.JSX.Element;
 import React from "react";

package/dist/components/cards/ListContent/index.js CHANGED Viewed

@@ -7,6 +7,7 @@ exports.ListContent = void 0;
 var react_1 = __importDefault(require("react"));
 var parseCardConfig_1 = require("../utils/parseCardConfig");
 var styled_js_1 = require("./styled.js");
+var styled_1 = require("../styled");
 var styled_components_1 = require("styled-components");
 var decideLinkCompAndTarget_1 = require("../utils/decideLinkCompAndTarget");
 var dontRenderIfBothOnClickAndTo_1 = require("../utils/dontRenderIfBothOnClickAndTo");
@@ -24,11 +25,11 @@ var renderImagePlaceholderForOolibPreview_1 = require("../../../utilsOolib/rende
 var greyColor100 = themes_1.colors.greyColor100, greyColor40 = themes_1.colors.greyColor40, greyColor15 = themes_1.colors.greyColor15;
 var ArrowLineUpRight = icons_1.icons.ArrowLineUpRight;
 var ListContent = function (_a) {
-    var id = _a.id, data = _a.data, config = _a.config, to = _a.to, onClick = _a.onClick, openInNewTab = _a.openInNewTab, actions = _a.actions, disabled = _a.disabled, statusTag = _a.statusTag;
+    var id = _a.id, data = _a.data, config = _a.config, to = _a.to, onClick = _a.onClick, openInNewTab = _a.openInNewTab, actions = _a.actions, statusTag = _a.statusTag;
     var theme = (0, styled_components_1.useTheme)();
     var localize = (0, utilsOolib_1.useLocale)();
     var _b = theme || {}, ImageInput = _b.ImageInput, parseSpecialSyntax = _b.parseSpecialSyntax;
-    var _c = (0, parseCardConfig_1.parseCardConfig)({ config: config, data: data, parseSpecialSyntax: parseSpecialSyntax, localize: localize }), cardLabel = _c.cardLabel, title = _c.title, titleOptional = _c.titleOptional, video = _c.video, image = _c.image, metaBlockData = _c.metaBlockData;
+    var _c = (0, parseCardConfig_1.parseCardConfig)({ config: config, data: data, parseSpecialSyntax: parseSpecialSyntax, localize: localize }), cardLabel = _c.cardLabel, title = _c.title, video = _c.video, image = _c.image, metaBlockData = _c.metaBlockData;
     var dontRenderRes = (0, dontRenderIfBothOnClickAndTo_1.dontRenderIfBothOnClickAndTo)({ onClick: onClick, to: to });
     if (dontRenderRes)
         return dontRenderRes;
@@ -37,25 +38,22 @@ var ListContent = function (_a) {
         openInNewTab: openInNewTab,
     }), LinkComp = _d.LinkComp, target = _d.target, externalUrl = _d.externalUrl;
     return (react_1.default.createElement(LinkComp, { target: target, href: (0, injectHttps_1.injectHttps)(to), to: to },
-        react_1.default.createElement(styled_js_1.StyledListElemContainer, { id: id, onClick: onClick, disableHover: disabled ? true : false },
+        react_1.default.createElement(styled_js_1.StyledListElemContainer, { id: id, onClick: onClick },
             react_1.default.createElement(styled_js_1.StyledListWrapper, null,
                 react_1.default.createElement(styled_js_1.StyledHeader, null,
                     react_1.default.createElement(styled_js_1.StyledStatusTagCardLabelWrapper, null,
                         cardLabel && (react_1.default.createElement("div", { title: cardLabel },
                             react_1.default.createElement(styled_js_1.StyledLabel, { color: (0, utilsOolib_1.getPrimaryColorText)(theme === null || theme === void 0 ? void 0 : theme.colors) }, cardLabel))),
                         statusTag && (react_1.default.createElement(Tags_1.TagDisplay, { variant: "secondary", XS: true, display: statusTag }))),
-                    titleOptional && (react_1.default.createElement(LineClampWrapper_1.LineClampWrapper, { noOfLines_M: 6, noOfLines_D: 3, title: titleOptional },
-                        " ",
-                        react_1.default.createElement(Typo_1.SANS_5_6, { color: greyColor100 }, titleOptional))),
                     title ? (react_1.default.createElement("div", { style: {
                             paddingBottom: "1rem",
                             display: "flex",
                             alignItems: "end",
                         } },
                         react_1.default.createElement(LineClampWrapper_1.LineClampWrapper, { noOfLines_M: 6, noOfLines_D: 3, title: title },
-                            react_1.default.createElement(styled_js_1.StyledTitle, { capitalize: true, className: "StyledTitle" },
-                                react_1.default.createElement(styled_js_1.StyledTitleSpan, { className: "StyledTitleSpan" }, title))))) : null,
-                    react_1.default.createElement(styled_js_1.StyledMeta, null, metaBlockData && (react_1.default.createElement(CardMetaBlock_1.default, { value: metaBlockData.slice(0, 3) }) // show only three metas for listContent
+                            react_1.default.createElement(styled_1.StyledTitle, { capitalize: true, className: "StyledTitle" },
+                                react_1.default.createElement(styled_1.StyledTitleSpan, { className: "StyledTitleSpan" }, title))))) : null,
+                    react_1.default.createElement(styled_js_1.StyledMeta, null, (metaBlockData === null || metaBlockData === void 0 ? void 0 : metaBlockData.length) > 0 && (react_1.default.createElement(CardMetaBlock_1.default, { value: metaBlockData.slice(0, 3) }) // show only three metas for listContent
                     ))),
                 react_1.default.createElement(styled_js_1.StyledContentModule2, null,
                     (video === null || video === void 0 ? void 0 : video.length) > 0 && (react_1.default.createElement(styled_js_1.StyledMediaWrapper, null,

package/dist/components/cards/ListContent/styled.d.ts CHANGED Viewed

@@ -2,9 +2,7 @@ export const StyledListElemContainer: import("styled-components").StyledComponen
 export const StyledStatusTagCardLabelWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledLabel: import("styled-components").StyledComponent<(props: any) => import("react").JSX.Element, any, {}, never>;
-export const StyledTitle: import("styled-components").StyledComponent<(props: any) => import("react").JSX.Element, any, {}, never>;
 export const StyledListWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledTitleSpan: import("styled-components").StyledComponent<"span", any, {}, never>;
 export const StyledContentModule2: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledMediaWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledMeta: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/cards/ListContent/styled.js CHANGED Viewed

@@ -3,65 +3,22 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledMeta = exports.StyledMediaWrapper = exports.StyledContentModule2 = exports.StyledTitleSpan = exports.StyledListWrapper = exports.StyledTitle = exports.StyledLabel = exports.StyledHeader = exports.StyledStatusTagCardLabelWrapper = exports.StyledListElemContainer = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var utilsOolib_1 = require("../../../utilsOolib");
+exports.StyledMeta = exports.StyledMediaWrapper = exports.StyledContentModule2 = exports.StyledListWrapper = exports.StyledLabel = exports.StyledHeader = exports.StyledStatusTagCardLabelWrapper = exports.StyledListElemContainer = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
 var themes_1 = require("../../../themes");
-var Typo_1 = require("../../Typo");
 var mixins_1 = require("../../../themes/mixins");
-exports.StyledListElemContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-bottom: 1px solid ", ";\n  margin-bottom: 2rem;\n  padding-bottom: 2rem;\n  cursor: ", ";\n  ", "\n"], ["\n  border-bottom: 1px solid ", ";\n  margin-bottom: 2rem;\n  padding-bottom: 2rem;\n  cursor: ", ";\n  ", "\n"])), themes_1.colors.greyColor15, function (_a) {
-    var disableHover = _a.disableHover;
-    return !disableHover ? 'pointer' : '';
-}, function (_a) {
-    var disableHover = _a.disableHover;
-    return !disableHover && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      &:hover {\n        .StyledTitle {\n          color: ", ";\n        }\n\n        .StyledTitleSpan {\n          //animate the underline created by the mixin : underlineForAnimation\n          ", "\n        }\n      }\n    "], ["\n      &:hover {\n        .StyledTitle {\n          color: ", ";\n        }\n\n        .StyledTitleSpan {\n          //animate the underline created by the mixin : underlineForAnimation\n          ", "\n        }\n      }\n    "])), function (_a) {
-        var theme = _a.theme;
-        return (0, utilsOolib_1.getPrimaryColorText)(theme === null || theme === void 0 ? void 0 : theme.colors);
-    }, function (_a) {
-        var theme = _a.theme;
-        return (0, mixins_1.multilineUnderline)({
-            color: (0, utilsOolib_1.getPrimaryColor100)(theme === null || theme === void 0 ? void 0 : theme.colors),
-            thickness: '2px',
-        }).hovered;
-    });
-});
-exports.StyledStatusTagCardLabelWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  gap: 1rem;\n  align-items: center;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  gap: 1rem;\n  align-items: center;\n  flex-wrap: wrap;\n"])));
-exports.StyledHeader = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: flex-start;\n  flex-direction: column;\n  flex-wrap: wrap;\n  gap: .7rem;\n"], ["\n  display: flex;\n  align-items: flex-start;\n  flex-direction: column;\n  flex-wrap: wrap;\n  gap: .7rem;\n"])));
-exports.StyledLabel = (0, styled_components_1.default)(Typo_1.LABEL)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n  max-width: 23rem;\n  ", "{\n    max-width: 40rem;\n  }\n"], ["\n  ", ";\n  max-width: 23rem;\n  ", "{\n    max-width: 40rem;\n  }\n"])), mixins_1.ellipsis, (0, mixins_1.mediaQuery)("sm"));
-exports.StyledTitle = (0, styled_components_1.default)(Typo_1.SERIF_4_5)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  /* position: relative;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  width: 23rem;\n  gap: 1rem;\n  ", "{\n    width: 40rem;\n  }   */\n  ", "\n"], ["\n  /* position: relative;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  width: 23rem;\n  gap: 1rem;\n  ", "{\n    width: 40rem;\n  }   */\n  ", "\n"])), (0, mixins_1.mediaQuery)("sm"), (0, mixins_1.transition)("color"));
-exports.StyledListWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"], ["\n  width: auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])));
-exports.StyledTitleSpan = styled_components_1.default.span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  margin: 2em 0;\n  margin-right: .5rem;\n  background-repeat: no-repeat;\n  ", "\n  ", "\n"], ["\n  margin: 2em 0;\n  margin-right: .5rem;\n  background-repeat: no-repeat;\n  ", "\n  ", "\n"])), function (_a) {
-    var theme = _a.theme;
-    return (0, mixins_1.multilineUnderline)({
-        color: (0, utilsOolib_1.getPrimaryColor100)(theme === null || theme === void 0 ? void 0 : theme.colors),
-        thickness: '2px',
-    }).init;
-}, (0, mixins_1.transition)("background-size 0.5s"));
-exports.StyledContentModule2 = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  justify-content: center;\n  display: flex;\n  align-items: flex-end;\n  position: relative;\n  padding: 0 2rem;\n  row-gap: 1rem;\n  column-gap: 0;\n  flex-direction: column-reverse;\n  ", " {\n    flex-direction: row;\n    align-items: center;\n    row-gap: 0;\n    column-gap: 1rem;\n  }\n"], ["\n  justify-content: center;\n  display: flex;\n  align-items: flex-end;\n  position: relative;\n  padding: 0 2rem;\n  row-gap: 1rem;\n  column-gap: 0;\n  flex-direction: column-reverse;\n  ", " {\n    flex-direction: row;\n    align-items: center;\n    row-gap: 0;\n    column-gap: 1rem;\n  }\n"])), (0, mixins_1.mediaQuery)("sm"));
-exports.StyledMediaWrapper = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  width: 70px;\n  height: 84px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  overflow: hidden;\n  flex-wrap: wrap;\n  ", " {\n    width: 6rem;\n    height: 6rem;\n  }\n"], ["\n  width: 70px;\n  height: 84px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  overflow: hidden;\n  flex-wrap: wrap;\n  ", " {\n    width: 6rem;\n    height: 6rem;\n  }\n"])), (0, mixins_1.mediaQuery)("sm"));
-exports.StyledMeta = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), mixins_1.ellipsis);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
+var Typo_1 = require("../../Typo");
+var styled_1 = require("../styled");
+exports.StyledListElemContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-bottom: 1px solid ", ";\n  margin-bottom: 2rem;\n  padding-bottom: 2rem;\n  cursor: pointer;\n  &:hover {\n    ", ";\n  }\n"], ["\n  border-bottom: 1px solid ", ";\n  margin-bottom: 2rem;\n  padding-bottom: 2rem;\n  cursor: pointer;\n  &:hover {\n    ", ";\n  }\n"])), themes_1.colors.greyColor15, styled_1.CSSTitleAnimationOnHover);
+exports.StyledStatusTagCardLabelWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  gap: 1rem;\n  align-items: center;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  gap: 1rem;\n  align-items: center;\n  flex-wrap: wrap;\n"])));
+exports.StyledHeader = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: flex-start;\n  flex-direction: column;\n  flex-wrap: wrap;\n  gap: .7rem;\n"], ["\n  display: flex;\n  align-items: flex-start;\n  flex-direction: column;\n  flex-wrap: wrap;\n  gap: .7rem;\n"])));
+exports.StyledLabel = (0, styled_components_1.default)(Typo_1.LABEL)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n  max-width: 23rem;\n  ", "{\n    max-width: 40rem;\n  }\n"], ["\n  ", ";\n  max-width: 23rem;\n  ", "{\n    max-width: 40rem;\n  }\n"])), mixins_1.ellipsis, (0, mixins_1.mediaQuery)("sm"));
+exports.StyledListWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  width: auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"], ["\n  width: auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])));
+exports.StyledContentModule2 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  justify-content: center;\n  display: flex;\n  align-items: flex-end;\n  position: relative;\n  padding: 0 2rem;\n  row-gap: 1rem;\n  column-gap: 0;\n  flex-direction: column-reverse;\n  ", " {\n    flex-direction: row;\n    align-items: center;\n    row-gap: 0;\n    column-gap: 1rem;\n  }\n"], ["\n  justify-content: center;\n  display: flex;\n  align-items: flex-end;\n  position: relative;\n  padding: 0 2rem;\n  row-gap: 1rem;\n  column-gap: 0;\n  flex-direction: column-reverse;\n  ", " {\n    flex-direction: row;\n    align-items: center;\n    row-gap: 0;\n    column-gap: 1rem;\n  }\n"])), (0, mixins_1.mediaQuery)("sm"));
+exports.StyledMediaWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 70px;\n  height: 84px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  overflow: hidden;\n  flex-wrap: wrap;\n  ", " {\n    width: 6rem;\n    height: 6rem;\n  }\n"], ["\n  width: 70px;\n  height: 84px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  overflow: hidden;\n  flex-wrap: wrap;\n  ", " {\n    width: 6rem;\n    height: 6rem;\n  }\n"])), (0, mixins_1.mediaQuery)("sm"));
+exports.StyledMeta = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), mixins_1.ellipsis);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;

package/dist/components/cards/styled.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+/** --- this bit handles the entire title underline hover animation --- */
+export const StyledTitle: import("styled-components").StyledComponent<(props: any) => import("react").JSX.Element, any, {}, never>;
+export const StyledTitleSpan: import("styled-components").StyledComponent<"span", any, {}, never>;
+export const CSSTitleAnimationOnHover: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;

package/dist/components/cards/styled.js ADDED Viewed

@@ -0,0 +1,56 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CSSTitleAnimationOnHover = exports.StyledTitleSpan = exports.StyledTitle = void 0;
+var styled_components_1 = __importStar(require("styled-components"));
+var mixins_1 = require("../../themes/mixins");
+var Typo_1 = require("../../components/Typo");
+var utilsOolib_1 = require("../../utilsOolib");
+/** --- this bit handles the entire title underline hover animation --- */
+exports.StyledTitle = (0, styled_components_1.default)(Typo_1.SERIF_4_5)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), (0, mixins_1.transition)("color"));
+exports.StyledTitleSpan = styled_components_1.default.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), function (_a) {
+    var theme = _a.theme;
+    return (0, mixins_1.multilineUnderline)({
+        color: (0, utilsOolib_1.getPrimaryColor100)(theme === null || theme === void 0 ? void 0 : theme.colors),
+        thickness: '2px',
+    }).init;
+}, (0, mixins_1.transition)("background-size 0.5s"));
+exports.CSSTitleAnimationOnHover = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n.StyledTitle {\n      color: ", ";\n    }\n\n    .StyledTitleSpan {\n      //animate the underline created by the mixin : underlineForAnimation\n      ", "\n    }\n"], ["\n.StyledTitle {\n      color: ", ";\n    }\n\n    .StyledTitleSpan {\n      //animate the underline created by the mixin : underlineForAnimation\n      ", "\n    }\n"
+    /** --- END this bit handles the entire title underline hover animation --- */ ])), function (_a) {
+    var theme = _a.theme;
+    return (0, utilsOolib_1.getPrimaryColorText)(theme === null || theme === void 0 ? void 0 : theme.colors);
+}, function (_a) {
+    var theme = _a.theme;
+    return (0, mixins_1.multilineUnderline)({
+        color: (0, utilsOolib_1.getPrimaryColor100)(theme === null || theme === void 0 ? void 0 : theme.colors),
+        thickness: "2px",
+    }).hovered;
+});
+var templateObject_1, templateObject_2, templateObject_3;
+/** --- END this bit handles the entire title underline hover animation --- */

package/dist/components/cards/utils/parseCardConfig.js CHANGED Viewed

@@ -24,11 +24,13 @@ var parseCardConfig = function (_a) {
         switch (key) {
             case "name":
                 returnValue = (0, getVal_1.getVal)(data, valuePath);
-                //reduce surname down to initials
-                var split = returnValue.split(" ");
-                var name_1 = split[0];
-                var surname = split[1];
-                returnValue = "".concat(name_1).concat(surname ? " ".concat(surname[0], ".") : "");
+                if (returnValue) {
+                    //reduce surname down to initials
+                    var split = returnValue.split(" ");
+                    var name_1 = split[0];
+                    var surname = split[1];
+                    returnValue = "".concat(name_1).concat(surname ? " ".concat(surname[0], ".") : "");
+                }
                 break;
             case "date":
                 returnValue = (0, createFormattedDate_1.createFormattedDate)((0, getVal_1.getVal)(data, valuePath));

package/dist/icons/custom/index.js CHANGED Viewed

@@ -18,7 +18,7 @@ exports.USAFlag = exports.UKFlag = exports.MalaysiaFlag = exports.ColombiaFlag =
 exports.IndonesiaFlag = void 0;
 var react_1 = __importDefault(require("react"));
 var themes_1 = require("../../themes");
-var comps_1 = require("../../utils/comps");
+var DisplayIcon_1 = require("../../utils/comps/DisplayIcon");
 var yellow = themes_1.colors.yellow, greyColor100 = themes_1.colors.greyColor100;
 var IndexIcon = function (_a) {
     var _b = _a.color, color = _b === void 0 ? greyColor100 : _b, _c = _a.size, size = _c === void 0 ? 24 : _c;
@@ -135,7 +135,7 @@ var ModalBulbIcon = function () {
             justifyContent: "center",
         } },
         react_1.default.createElement("div", { style: { position: "absolute" } },
-            react_1.default.createElement(comps_1.DisplayIcon, { size: 20, weight: "regular", color: "white", icon: "LightbulbFilament" }))));
+            react_1.default.createElement(DisplayIcon_1.DisplayIcon, { size: 20, weight: "regular", color: "white", icon: "LightbulbFilament" }))));
 };
 exports.ModalBulbIcon = ModalBulbIcon;
 // export const ModalBulbIcon = (props) => (

package/dist/utils/comps/{index.js → DisplayIcon/index.js} RENAMED Viewed

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DisplayIcon = void 0;
 var react_1 = __importDefault(require("react"));
-var icons_1 = require("../../icons");
+var icons_1 = require("../../../icons");
 var DisplayIcon = function (_a) {
     var icon = _a.icon, size = _a.size, color = _a.color, _b = _a.weight, weight = _b === void 0 ? "bold" : _b;
     var IconComp = icons_1.icons[icon];

package/package.json CHANGED Viewed

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

/package/dist/utils/comps/{index.d.ts → DisplayIcon/index.d.ts} RENAMED Viewed

File without changes