oolib 2.55.8 → 2.57.0

package/dist/components/BlockLabel/index.js

@@ -38,7 +38,7 @@ var Tooltip_1 = require("../Tooltip");
 var phosphor_react_1 = require("phosphor-react");
 var greyColor40 = colors_1.colors.greyColor40, greyColor80 = colors_1.colors.greyColor80;
 var BlockLabel = function (props) {
-    var label = props.label, sublabel = props.sublabel, inputOnlyLabel = props.inputOnlyLabel, invert = props.invert, isRequired = props.isRequired, readOnly = props.readOnly, className = props.className, style = props.style, errorMsgs = props.errorMsgs, hints = props.hints, id = props.id, _a = props.hintsTitle, hintsTitle = _a === void 0 ? "Hints" : _a, hintsSubtitle = props.hintsSubtitle, hideOptionalLabel = props.hideOptionalLabel, infoTooltip = props.infoTooltip;
+    var label = props.label, sublabel = props.sublabel, inputOnlyLabel = props.inputOnlyLabel, invert = props.invert, isRequired = props.isRequired, readOnly = props.readOnly, className = props.className, style = props.style, errorMsgs = props.errorMsgs, hints = props.hints, id = props.id, hintsTitle = props.hintsTitle, hintsBtnLabel = props.hintsBtnLabel, hintsSubtitle = props.hintsSubtitle, hideOptionalLabel = props.hideOptionalLabel, infoTooltip = props.infoTooltip;
     var shouldCompRender = label ||
         (!readOnly &&
             (sublabel ||
@@ -55,7 +55,7 @@ var BlockLabel = function (props) {
     return (shouldCompRender && (react_1.default.createElement(index_styled_1.StyledBlockLabel, { style: style, className: className },
         react_1.default.createElement("div", { style: { display: "flex", gap: "1rem" } },
             (label || inputOnlyLabel) && (react_1.default.createElement(Typo_1.SANS_3, { invert: invert, semibold: true, capitalize: true }, label || inputOnlyLabel)),
-            !readOnly && hints ? (react_1.default.createElement(Hints_1.default, { id: id, title: hintsTitle, subtitle: hintsSubtitle, hints: hints })) : null,
+            !readOnly && hints ? (react_1.default.createElement(Hints_1.default, { id: id, title: hintsTitle, btnlabel: hintsBtnLabel, subtitle: hintsSubtitle, hints: hints })) : null,
             optional && !hideOptionalLabel && (react_1.default.createElement(Typo_1.SANS_3, { color: invert ? greyColor40 : greyColor80 }, "(optional)")),
             !readOnly && (errorMsgs === null || errorMsgs === void 0 ? void 0 : errorMsgs.length) > 0 ? (react_1.default.createElement(InlineAlert_1.InlineAlert, { text: errText, type: errType, link: errLink, invert: invert })) : null,
             infoTooltip && (react_1.default.createElement(Tooltip_1.Tooltip, { text: infoTooltip.text || infoTooltip, position: infoTooltip.position || "right", invert: invert, debug: infoTooltip.debug, popOutOfOverflowHiddenParent: infoTooltip.popOutOfOverflowHiddenParent, presetTarget: "infoIcon" }))),

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

@@ -1,7 +1,8 @@
 export default Hints;
-declare function Hints({ id, hints, title, subtitle }: {
+declare function Hints({ id, hints, title, btnlabel, subtitle }: {
     id: any;
     hints: any;
-    title: any;
+    title?: string;
+    btnlabel?: string;
     subtitle: any;
 }): any;

package/dist/components/Hints/index.js

@@ -67,12 +67,12 @@ var BulletIcon = function () { return (
 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 }))); };
 var Hints = function (_a) {
-    var id = _a.id, hints = _a.hints, title = _a.title, subtitle = _a.subtitle;
+    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
-    var _b = (0, contextApi_1.useHintsContext)(), active = _b.active, setActive = _b.setActive;
+    var _d = (0, contextApi_1.useHintsContext)(), active = _d.active, setActive = _d.setActive;
     var screenWidth = (0, useScreenWidth_1.useScreenWidth)();
     var lightBoxRef = (0, react_1.useRef)();
-    var _c = (0, react_1.useState)(getPositionStyles("left")), styles = _c[0], setStyles = _c[1];
+    var _e = (0, react_1.useState)(getPositionStyles("left")), styles = _e[0], setStyles = _e[1];
     //isStorybook is temporary hack to get correct with on storybook, since a story is getting renderend within an iframe, screen.width gives the incorrect width
     var isDesktop = screenWidth > (0, mixins_1.getBreakPoint)("md");
     (0, react_1.useEffect)(function () {
@@ -93,7 +93,7 @@ var Hints = function (_a) {
         " ",
         react_1.default.createElement(styled_1.StyledHints, { onClick: function () { return setActive(id); } },
             react_1.default.createElement(Typo_1.SANS_3, { semibold: true },
-                react_1.default.createElement(OKELink_1.OKELink, { icon: "LightbulbFilament", linkType: "action", onClick: function () { return setActive(id); }, iconSize: 16, invertUnderline: true }, "Hints"))),
+                react_1.default.createElement(OKELink_1.OKELink, { icon: "LightbulbFilament", linkType: "action", onClick: function () { return setActive(id); }, iconSize: 16, invertUnderline: true }, btnlabel))),
         active === id ? (isDesktop ? (react_1.default.createElement("div", null,
             react_1.default.createElement(styled_1.StyledTriangle, { style: styles.arrow, id: id }),
             react_1.default.createElement(styled_1.StyledLightbox, { style: styles.lightBox, ref: lightBoxRef, id: id },
@@ -101,7 +101,7 @@ var Hints = function (_a) {
                     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(styled_2.StyledModalHeaderStyle2Title, null,
-                        react_1.default.createElement(Typo_1.SANS_3, { semibold: true, capitalize: true }, title || "title"),
+                        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,
                         react_1.default.createElement(Buttons_1.ButtonGhost, { onClick: function () { return setActive(""); }, icon: "X" }))),
                 react_1.default.createElement(styled_1.StyledLightBoxContent, null,

package/dist/components/HomeCover/index.js

@@ -89,8 +89,10 @@ var HomeCover = function (_a) {
             }
         }
         var interval, timeout;
-        interval = setInterval(function () {
-            if (_CoverImages.length >= 4) {
+        var intervalFlag = isDesktop ? 4 : 2;
+        if (_CoverImages.length >= intervalFlag) {
+            interval = setInterval(function () {
+                // if(_CoverImages.length>=intervalFlag) {
                 setCoverImageIdx(function (prev) {
                     return __assign(__assign({}, prev), { currLayer: prev.currLayer === "layer1" ? "layer2" : "layer1" });
                 });
@@ -118,8 +120,9 @@ var HomeCover = function (_a) {
                                 [(prev[layerToSwitch][0] + 2) % _CoverImages.length], _a));
                     });
                 }, 300); // the interval here shoudl be the same as the css transition interval
-            }
-        }, 3000);
+                // }
+            }, 3000);
+        }
         //resize title container if text is bleeding out due to long word
         return function () {
             clearTimeout(timeout);

package/dist/components/OKELink/index.js

@@ -37,14 +37,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.OKELink = void 0;
 var react_1 = __importStar(require("react"));
 var react_router_dom_1 = require("react-router-dom");
-var icons_1 = require("../../icons");
 // import { ProfileImageDisplay } from '../../inputs/ImageInput/derivedComps/ProfileImageDisplay'
-var styled_1 = require("./styled");
-var utilsOolib_1 = require("../../utilsOolib");
 var styled_components_1 = require("styled-components");
-var themes_1 = require("../../themes");
-var injectHttps_1 = require("../../utils/injectHttps");
 var comps_1 = require("../../utils/comps");
+var injectHttps_1 = require("../../utils/injectHttps");
+var utilsOolib_1 = require("../../utilsOolib");
+var styled_1 = require("./styled");
 var OKELink = function (_a) {
     var _to = _a.to, link = _a.link, //link is deprecated. use to instead 
     onClick = _a.onClick, icon = _a.icon, iconAfter = _a.iconAfter, text = _a.text, children = _a.children, invertUnderline = _a.invertUnderline, color = _a.color, invert = _a.invert, disabled = _a.disabled, className = _a.className, style = _a.style, avatar = _a.avatar, // imageData // [ {...} ] OR {...}

package/dist/utils/_EXPORTS/index.d.ts

@@ -1,12 +1,15 @@
 export { getVal } from "../getterSetterDeleter/getVal";
 export { setVal } from "../getterSetterDeleter/setVal";
 export { deleteVal } from "../getterSetterDeleter/deleteVal";
+export { getText } from "../getText";
+export { getKeyCode } from "../getKeyCode";
 export { getBlockLabelProps } from "../getBlockLabelProps";
 export { injectHttps } from "../injectHttps";
 export { formatTextToCamelCase } from "../formatTextToCamelCase";
 export { formatCamelCaseToSentenceCase } from "../formatCamelCaseToSentenceCase";
 export { toArray } from "../toArray";
 export { sortData } from "../sortData";
+export { isStringMatch } from "../isStringMatch";
 export { useScroll } from "../customHooks/useScroll";
 export { usePopOutOfOverflowHiddenParent } from "../usePopOutOfOverflowHiddenParent";
 export { useHandleClickOutside } from "../customHooks/useHandleClickOutside";

package/dist/utils/_EXPORTS/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDaysDiff = exports.useScreenWidth = exports.testJSON = exports.useHandleClickOutside = exports.usePopOutOfOverflowHiddenParent = exports.useScroll = exports.sortData = exports.toArray = exports.formatCamelCaseToSentenceCase = exports.formatTextToCamelCase = exports.injectHttps = exports.getBlockLabelProps = exports.deleteVal = exports.setVal = exports.getVal = void 0;
+exports.getDaysDiff = exports.useScreenWidth = exports.testJSON = exports.useHandleClickOutside = exports.usePopOutOfOverflowHiddenParent = exports.useScroll = exports.isStringMatch = exports.sortData = exports.toArray = exports.formatCamelCaseToSentenceCase = exports.formatTextToCamelCase = exports.injectHttps = exports.getBlockLabelProps = exports.getKeyCode = exports.getText = exports.deleteVal = exports.setVal = exports.getVal = void 0;
 //the holy setter, getter & deleter
 var getVal_1 = require("../getterSetterDeleter/getVal");
 Object.defineProperty(exports, "getVal", { enumerable: true, get: function () { return getVal_1.getVal; } });
@@ -8,6 +8,11 @@ var setVal_1 = require("../getterSetterDeleter/setVal");
 Object.defineProperty(exports, "setVal", { enumerable: true, get: function () { return setVal_1.setVal; } });
 var deleteVal_1 = require("../getterSetterDeleter/deleteVal");
 Object.defineProperty(exports, "deleteVal", { enumerable: true, get: function () { return deleteVal_1.deleteVal; } });
+//other getters
+var getText_1 = require("../getText");
+Object.defineProperty(exports, "getText", { enumerable: true, get: function () { return getText_1.getText; } });
+var getKeyCode_1 = require("../getKeyCode");
+Object.defineProperty(exports, "getKeyCode", { enumerable: true, get: function () { return getKeyCode_1.getKeyCode; } });
 //the others
 var getBlockLabelProps_1 = require("../getBlockLabelProps");
 Object.defineProperty(exports, "getBlockLabelProps", { enumerable: true, get: function () { return getBlockLabelProps_1.getBlockLabelProps; } });
@@ -21,6 +26,8 @@ var toArray_1 = require("../toArray");
 Object.defineProperty(exports, "toArray", { enumerable: true, get: function () { return toArray_1.toArray; } });
 var sortData_1 = require("../sortData");
 Object.defineProperty(exports, "sortData", { enumerable: true, get: function () { return sortData_1.sortData; } });
+var isStringMatch_1 = require("../isStringMatch");
+Object.defineProperty(exports, "isStringMatch", { enumerable: true, get: function () { return isStringMatch_1.isStringMatch; } });
 //custom hooks
 var useScroll_1 = require("../customHooks/useScroll");
 Object.defineProperty(exports, "useScroll", { enumerable: true, get: function () { return useScroll_1.useScroll; } });

package/dist/utils/getBlockLabelProps.js

@@ -14,9 +14,12 @@ var getBlockLabelProps = function (props) {
         'isRequired',
         'invert',
         'hints',
+        "hintsBtnLabel",
+        "hintsTitle",
+        "hintsSubtitle",
         'hideOptionalLabel',
         'infoTooltip',
-        'popOutOfOverflowHiddenParent'
+        'popOutOfOverflowHiddenParent',
     ];
     var labelProps = {};
     Object.keys(props).map(function (key) {

package/dist/utils/getKeyCode.d.ts

@@ -0,0 +1 @@
+export function getKeyCode(event: any): any;

package/dist/utils/getKeyCode.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getKeyCode = void 0;
+var getKeyCode = function (event) {
+    var code;
+    if (event.key !== undefined) {
+        code = event.key;
+    }
+    else if (event.keyIdentifier !== undefined) {
+        code = event.keyIdentifier;
+    }
+    else if (event.keyCode !== undefined) {
+        code = event.keyCode;
+    }
+    return code;
+};
+exports.getKeyCode = getKeyCode;

package/dist/utils/getText.d.ts

@@ -0,0 +1 @@
+export function getText(value: any, options?: any): string;

package/dist/utils/getText.js

@@ -0,0 +1,43 @@
+"use strict";
+/**
+ *
+ * @param {*} value
+ * @param {*} options
+ * @description we can pass multiple values as array, giving this function the option
+ * to pick any one that has a readable value in order of preference from first to last.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getText = void 0;
+var getText = function (value, options) {
+    if (options === void 0) { options = {}; }
+    if (!value)
+        return "";
+    var toReturn = Array.isArray(value)
+        ? extractFirstTruthyValue(value)
+        : extractorFn(value);
+    return "".concat(toReturn).concat(options.suffix || "");
+};
+exports.getText = getText;
+var extractFirstTruthyValue = function (valueArray) {
+    var value;
+    for (var i = 0; i < valueArray.length; i++) {
+        value = extractorFn(valueArray[i]);
+        if (value)
+            break;
+    }
+    return value;
+};
+var extractorFn = function (value) {
+    if (!value)
+        return "";
+    //check to see if its draftjs format.
+    //if not, simply return the value as is without modification
+    if (!Array.isArray(value.blocks))
+        return value;
+    //else
+    return value.blocks
+        .filter(function (d) { return !!d.text === true; })
+        .map(function (d) { return d.text; })
+        .join(" ")
+        .trim();
+};

package/dist/utils/isStringMatch.d.ts

@@ -0,0 +1,6 @@
+export function isStringMatch({ data, toMatchPath, subString, matchType }: {
+    data: any;
+    toMatchPath: any;
+    subString: any;
+    matchType?: string;
+}): boolean;

package/dist/utils/isStringMatch.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isStringMatch = void 0;
+var getVal_1 = require("./getterSetterDeleter/getVal");
+var toArray_1 = require("./toArray");
+var isStringMatch = function (_a) {
+    var data = _a.data, toMatchPath = _a.toMatchPath, // can be array or string
+    subString = _a.subString, 
+    // string, subString, strValPathObj = null
+    _b = _a.matchType // alt startsWith
+    , 
+    // string, subString, strValPathObj = null
+    matchType = _b === void 0 ? 'includes' : _b // alt startsWith
+    ;
+    var isMatch = false;
+    var pathsAry = (0, toArray_1.toArray)(toMatchPath);
+    for (var i = 0; i < pathsAry.length; i++) {
+        var path = pathsAry[i];
+        var stringToMatch = (0, getVal_1.getVal)(data, path);
+        if (stringToMatch === null || stringToMatch === void 0 ? void 0 : stringToMatch.toLowerCase()[matchType](subString === null || subString === void 0 ? void 0 : subString.toLowerCase())) {
+            isMatch = true;
+            break;
+        }
+    }
+    return isMatch;
+};
+exports.isStringMatch = isStringMatch;

package/package.json

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