oolib 2.17.16 → 2.18.1

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

@@ -1,7 +1,8 @@
-export function ActionMenu({ icon, invert, actions, align, iconSize }: {
+export function ActionMenu({ icon, invert, actions, align, iconSize, ButtonComp: _ButtonComp }: {
     icon?: string;
     invert: any;
     actions: any;
     align?: string;
     iconSize?: string;
+    ButtonComp?: string;
 }): JSX.Element;

package/dist/components/ActionMenu/index.js

@@ -36,23 +36,24 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActionMenu = void 0;
 var react_1 = __importStar(require("react"));
-var Buttons_1 = require("../Buttons");
+var ButtonComps = __importStar(require("../Buttons"));
 var Typo_1 = require("../Typo");
 var utils_1 = require("./utils");
 var styled_1 = require("./styled");
 var ActionMenu = function (_a) {
     var _b, _c;
     var _d = _a.icon, icon = _d === void 0 ? 'DotsThree' : _d, //most likely will never change
-    invert = _a.invert, actions = _a.actions, _e = _a.align, align = _e === void 0 ? 'right' : _e, _f = _a.iconSize, iconSize = _f === void 0 ? 'S' : _f;
+    invert = _a.invert, actions = _a.actions, _e = _a.align, align = _e === void 0 ? 'right' : _e, _f = _a.iconSize, iconSize = _f === void 0 ? 'S' : _f, _g = _a.ButtonComp, _ButtonComp = _g === void 0 ? 'ButtonGhost' : _g;
     var actionMenuRef = (0, react_1.useRef)(null);
     var optionsWrapperRef = (0, react_1.useRef)(null);
-    var _g = (0, react_1.useState)(false), showActions = _g[0], setShowActions = _g[1];
+    var _h = (0, react_1.useState)(false), showActions = _h[0], setShowActions = _h[1];
     (0, utils_1.useTrackFocus)(actionMenuRef, setShowActions);
     if (!actions || actions.length === 0)
         return null;
     var getOpsRect = function () { var _a; return (_a = optionsWrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect(); };
+    var ButtonComp = ButtonComps[_ButtonComp];
     return (react_1.default.createElement(styled_1.StyledActionMenu, { ref: actionMenuRef },
-        react_1.default.createElement(Buttons_1.ButtonGhost, { icon: icon, iconSize: iconSize, invert: invert, onClick: function (e) {
+        react_1.default.createElement(ButtonComp, { icon: icon, iconSize: iconSize, invert: invert, onClick: function (e) {
                 e.stopPropagation();
                 setShowActions(!showActions);
             }, active: showActions }),

package/dist/components/BlockLabel/index.js

@@ -22,7 +22,9 @@ var BlockLabel = function (props) {
     var errText = errorMsgs === null || errorMsgs === void 0 ? void 0 : errorMsgs.map(function (er) { return (typeof er === "object" ? er.text : er); }).join(", ");
     //next 2 vars is for 'test link' usecase
     var errLink = (errorMsgs === null || errorMsgs === void 0 ? void 0 : errorMsgs.length) !== 1 ? undefined : errorMsgs[0].link;
-    var errType = (errorMsgs === null || errorMsgs === void 0 ? void 0 : errorMsgs.length) !== 1 ? "danger" : errorMsgs[0].type || "danger";
+    var errType = (errorMsgs === null || errorMsgs === void 0 ? void 0 : errorMsgs.length) !== 1 //this first condition seems like a proper hack..
+        ? "danger"
+        : errorMsgs[0].type || "danger";
     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, bold: true, capitalize: true }, label || inputOnlyLabel)),

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

@@ -1 +1,7 @@
-export function InlineAlert(props: any): JSX.Element;
+export function InlineAlert({ text, link, type, style, invert }: {
+    text: any;
+    link: any;
+    type?: string;
+    style: any;
+    invert: any;
+}): JSX.Element;

package/dist/components/InlineAlert/index.js

@@ -19,8 +19,8 @@ var react_1 = __importDefault(require("react"));
 var colors_1 = require("../../themes/colors");
 var utilsOolib_1 = require("../../utilsOolib");
 var red = colors_1.colors.red, white = colors_1.colors.white, green = colors_1.colors.green, black = colors_1.colors.black, darkGrey = colors_1.colors.darkGrey, greyColor100 = colors_1.colors.greyColor100;
-var InlineAlert = function (props) {
-    var text = props.text, link = props.link, type = props.type, style = props.style, invert = props.invert;
+var InlineAlert = function (_a) {
+    var text = _a.text, link = _a.link, _b = _a.type, type = _b === void 0 ? 'neutral' : _b, style = _a.style, invert = _a.invert;
     var localize = (0, utilsOolib_1.useLocale)();
     var typeColor = {
         success: green,

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

@@ -1,4 +1,8 @@
-export function Loader({ isBlock, ...props }: {
+export function Loader({ isBlock, blockHeight, L, S, M, ...props }: {
     [x: string]: any;
     isBlock?: boolean;
+    blockHeight?: string;
+    L: any;
+    S: any;
+    M: any;
 }): JSX.Element;

package/dist/components/Loader/index.js

@@ -27,40 +27,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Loader = void 0;
 var react_1 = __importDefault(require("react"));
-var Typo_1 = require("../Typo");
-var colors_1 = require("../../themes/colors");
 var styled_components_1 = require("styled-components");
-var greyColor100 = colors_1.colors.greyColor100;
+var utils_1 = require("./utils");
 var styled_1 = require("./styled");
+function Loader(_a) {
+    var _b = _a.isBlock, isBlock = _b === void 0 ? true : _b, _c = _a.blockHeight, blockHeight = _c === void 0 ? '100%' : _c, L = _a.L, S = _a.S, M = _a.M, props = __rest(_a, ["isBlock", "blockHeight", "L", "S", "M"]);
+    var size = L ? 'L' : S ? 'S' : 'M'; //defaults to M if no L or S, so techinically, the M prop isnt really required..
+    var renderLoaderDiv = function () { return react_1.default.createElement(LoaderDiv, __assign({}, __assign(__assign({}, props), { isBlock: isBlock, size: size }))); };
+    return !isBlock ? (renderLoaderDiv()) : (react_1.default.createElement(styled_1.StyledLoaderOverlay, { blockHeight: blockHeight }, renderLoaderDiv()));
+}
+exports.Loader = Loader;
 var LoaderDiv = function (_a) {
-    var L = _a.L, M = _a.M, S = _a.S, children = _a.children, _text = _a.text, debug = _a.debug, invert = _a.invert, _b = _a.isBlock, isBlock = _b === void 0 ? true : _b;
+    var size = _a.size, children = _a.children, _text = _a.text, debug = _a.debug, invert = _a.invert, isBlock = _a.isBlock;
     var theme = (0, styled_components_1.useTheme)();
     var text = _text || children;
-    //defaults to M if neither are specified
-    var getTypoSizeAndTrackSize = function (_a) {
-        var L = _a.L, M = _a.M, S = _a.S;
-        switch (true) {
-            case L:
-                return { TypoComp: Typo_1.SANS_4_5, trackSize: 10, size: 70 };
-            case S:
-                return { TypoComp: Typo_1.SANS_2, trackSize: 3.65, size: 21.35 };
-            case M:
-            default:
-                return { TypoComp: Typo_1.SANS_3, trackSize: 7, size: 43 };
-        }
-    };
-    var _c = getTypoSizeAndTrackSize({ L: L, M: M, S: S }), TypoComp = _c.TypoComp, trackSize = _c.trackSize, size = _c.size;
-    return (react_1.default.createElement(styled_1.StyledLoaderWrapper, __assign({}, { isBlock: isBlock }),
-        react_1.default.createElement(styled_1.StyledLoader, __assign({}, { size: size, trackSize: trackSize, invert: invert })),
-        (text || ((theme === null || theme === void 0 ? void 0 : theme._Branch) === "dev" && debug)) && (react_1.default.createElement(TypoComp, __assign({ invert: invert }, (L ? { bold: true } : { semibold: true })), "".concat((theme === null || theme === void 0 ? void 0 : theme._Branch) === "dev" && debug ? "".concat(debug, " ") : "").concat(text || '')))));
+    var _b = (0, utils_1.getTypoAndLoaderDimensions)(size), TypoComp = _b.TypoComp, trackThickness = _b.trackThickness, diameter = _b.diameter;
+    return (react_1.default.createElement(styled_1.StyledLoaderWrapper, { isBlock: isBlock },
+        react_1.default.createElement(styled_1.StyledLoader, __assign({}, { diameter: diameter, trackThickness: trackThickness, invert: invert })),
+        (text || ((theme === null || theme === void 0 ? void 0 : theme.ENV) === "dev" && debug)) && (react_1.default.createElement(TypoComp, __assign({ invert: invert }, (size === 'L' ? { bold: true } : { semibold: true })), "".concat((theme === null || theme === void 0 ? void 0 : theme.ENV) === "dev" && debug ? "".concat(debug, " ") : "").concat(text || '')))));
 };
-// still dont think we need to have this overlay thing,
-// but lets consult with design and make a decision on this
-//also i think the gap between loader and text should also be modified dynamically based on
-//size L, M or S
-function Loader(_a) {
-    var _b = _a.isBlock, isBlock = _b === void 0 ? true : _b, props = __rest(_a, ["isBlock"]);
-    var renderLoaderDiv = function () { return react_1.default.createElement(LoaderDiv, __assign({}, __assign(__assign({}, props), { isBlock: isBlock }))); };
-    return !isBlock ? (renderLoaderDiv()) : (react_1.default.createElement(styled_1.StyledLoaderOverlay, __assign({}, { blockHeight: props.blockHeight }), renderLoaderDiv()));
-}
-exports.Loader = Loader;

package/dist/components/Loader/styled.js

@@ -31,11 +31,11 @@ exports.StyledLoader = exports.StyledLoaderWrapper = exports.StyledLoaderOverlay
 var styled_components_1 = __importStar(require("styled-components"));
 var colors_1 = require("../../themes/colors");
 var utilsOolib_1 = require("../../utilsOolib");
-var greyColor10 = colors_1.colors.greyColor10, greyColor70 = colors_1.colors.greyColor70, greyColor100 = colors_1.colors.greyColor100, white = colors_1.colors.white;
+var greyColor10 = colors_1.colors.greyColor10, greyColor70 = colors_1.colors.greyColor70, white = colors_1.colors.white;
 var spin = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n"], ["\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n"])));
 var StyledLoader = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex-shrink: 0;\n  display: inline-block;\n  animation: ", " 1.2s linear infinite;\n  border-radius: 50%;\n  ", "\n"], ["\n  flex-shrink: 0;\n  display: inline-block;\n  animation: ", " 1.2s linear infinite;\n  border-radius: 50%;\n  ", "\n"])), spin, function (_a) {
-    var size = _a.size, trackSize = _a.trackSize, invert = _a.invert, colors = _a.theme.colors;
-    return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      width: ", "px;\n      height: ", "px;\n      border-style: solid;\n      border-width: ", "px;\n      border-color: ", ";\n      border-top-color: ", ";\n    "], ["\n      width: ", "px;\n      height: ", "px;\n      border-style: solid;\n      border-width: ", "px;\n      border-color: ", ";\n      border-top-color: ", ";\n    "])), size, size, trackSize, invert ? greyColor70 : greyColor10, invert ? white : (0, utilsOolib_1.getPrimaryColor100)(colors));
+    var diameter = _a.diameter, trackThickness = _a.trackThickness, invert = _a.invert, colors = _a.theme.colors;
+    return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      width: ", "px;\n      height: ", "px;\n      border-style: solid;\n      border-width: ", "px;\n      border-color: ", ";\n      border-top-color: ", ";\n    "], ["\n      width: ", "px;\n      height: ", "px;\n      border-style: solid;\n      border-width: ", "px;\n      border-color: ", ";\n      border-top-color: ", ";\n    "])), diameter, diameter, trackThickness, invert ? greyColor70 : greyColor10, invert ? white : (0, utilsOolib_1.getPrimaryColor100)(colors));
 });
 exports.StyledLoader = StyledLoader;
 var StyledLoaderWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 1rem;\n\n  ", ";\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 1rem;\n\n  ", ";\n"])), function (_a) {
@@ -45,7 +45,7 @@ var StyledLoaderWrapper = styled_components_1.default.div(templateObject_5 || (t
 exports.StyledLoaderWrapper = StyledLoaderWrapper;
 var StyledLoaderOverlay = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  background-color: transparent;\n  width: 100%;\n  height: ", ";\n  display: grid;\n  place-items: center;\n"], ["\n  background-color: transparent;\n  width: 100%;\n  height: ", ";\n  display: grid;\n  place-items: center;\n"])), function (_a) {
     var blockHeight = _a.blockHeight;
-    return blockHeight || '100%';
+    return blockHeight;
 });
 exports.StyledLoaderOverlay = StyledLoaderOverlay;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/dist/components/Loader/utils/index.d.ts

@@ -0,0 +1,5 @@
+export function getTypoAndLoaderDimensions(size: any): {
+    TypoComp: (props: any) => JSX.Element;
+    trackThickness: number;
+    diameter: number;
+};

package/dist/components/Loader/utils/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTypoAndLoaderDimensions = void 0;
+var Typo_1 = require("../../Typo");
+//defaults to M if neither are specified
+var getTypoAndLoaderDimensions = function (size) {
+    switch (size) {
+        case 'L':
+            return { TypoComp: Typo_1.SANS_4_5, trackThickness: 10, diameter: 70 };
+        case 'S':
+            return { TypoComp: Typo_1.SANS_2, trackThickness: 3.65, diameter: 21.35 };
+        case 'M':
+        default:
+            return { TypoComp: Typo_1.SANS_3, trackThickness: 7, diameter: 43 };
+    }
+};
+exports.getTypoAndLoaderDimensions = getTypoAndLoaderDimensions;

package/dist/icons/index.d.ts

@@ -35,6 +35,7 @@ export namespace icons {
     export { Checks };
     export { Check };
     export { ArrowClockwise };
+    export { ArrowsClockwise };
     export { ArrowsIn };
     export { ArrowsOut };
     export { MapPin };
@@ -121,6 +122,7 @@ import { Envelope } from "phosphor-react";
 import { Checks } from "phosphor-react";
 import { Check } from "phosphor-react";
 import { ArrowClockwise } from "phosphor-react";
+import { ArrowsClockwise } from "phosphor-react";
 import { ArrowsIn } from "phosphor-react";
 import { ArrowsOut } from "phosphor-react";
 import { MapPin } from "phosphor-react";

package/dist/icons/index.js

@@ -40,6 +40,7 @@ exports.icons = {
     Checks: phosphor_react_1.Checks,
     Check: phosphor_react_1.Check,
     ArrowClockwise: phosphor_react_1.ArrowClockwise,
+    ArrowsClockwise: phosphor_react_1.ArrowsClockwise,
     ArrowsIn: phosphor_react_1.ArrowsIn,
     ArrowsOut: phosphor_react_1.ArrowsOut,
     MapPin: phosphor_react_1.MapPin,

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

@@ -0,0 +1,5 @@
+export { getVal } from "../getterSetterDeleter/getVal";
+export { setVal } from "../getterSetterDeleter/setVal";
+export { deleteVal } from "../getterSetterDeleter/deleteVal";
+export { getBlockLabelProps } from "../getBlockLabelProps";
+export { injectHttps } from "../injectHttps";

package/dist/utils/_EXPORTS/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.injectHttps = exports.getBlockLabelProps = 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; } });
+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; } });
+//the others
+var getBlockLabelProps_1 = require("../getBlockLabelProps");
+Object.defineProperty(exports, "getBlockLabelProps", { enumerable: true, get: function () { return getBlockLabelProps_1.getBlockLabelProps; } });
+var injectHttps_1 = require("../injectHttps");
+Object.defineProperty(exports, "injectHttps", { enumerable: true, get: function () { return injectHttps_1.injectHttps; } });

package/dist/utils/getterSetterDeleter/deleteVal.d.ts

@@ -0,0 +1 @@
+export function deleteVal(data: any, valuePath: any): any;

package/dist/utils/getterSetterDeleter/deleteVal.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deleteVal = void 0;
+var set_deleteVal_1 = require("./utils/set_deleteVal");
+var deleteVal = function (data, valuePath) {
+    return (0, set_deleteVal_1.set_deleteVal)('delete', data, valuePath);
+};
+exports.deleteVal = deleteVal;

package/dist/utils/getterSetterDeleter/getVal.d.ts

@@ -0,0 +1 @@
+export function getVal(data: any, valuePath: any, options?: {}, depthIdx?: number): any;

package/dist/utils/getterSetterDeleter/getVal.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getVal = void 0;
+var flattenArrayOfArrays_1 = require("./utils/flattenArrayOfArrays");
+/**
+ *
+ * @param {*} data
+ * @param {*} valuePath
+ * @returns
+ * - if target value is an array found inside an array, it will flatten them out so that there is a single array
+ * - if target value is an array NOT found inside an array, that will be returned as is.
+ * - if target value is a string/object/number/boolean found inside an array of arrays, then the inner arrays will be flattened so that there is a single array
+ * - if target value is a string/object/number/boolean NOT found inside an array, it will be returned as is.
+ */
+var getVal = function (data, valuePath, options, depthIdx) {
+    if (options === void 0) { options = {}; }
+    if (depthIdx === void 0) { depthIdx = 0; }
+    var value = null;
+    var getFinalVal = function (data, valuePath, options, depthIdx) {
+        /**
+         * sometimes the data passed only is an array,
+         * especially via table config this happens.
+         */
+        return Array.isArray(data)
+            ? data.map(function (R) { return getValV2_getter(R, valuePath, options, depthIdx); })
+            : getValV2_getter(data, valuePath, options, depthIdx);
+    };
+    if (Array.isArray(valuePath)) {
+        for (var i = 0; i < valuePath.length; i++) {
+            value = getFinalVal(data, valuePath[i], options, depthIdx);
+            if (value)
+                break;
+        }
+    }
+    else {
+        value = getFinalVal(data, valuePath, options, depthIdx);
+    }
+    return value;
+};
+exports.getVal = getVal;
+var getValV2_getter = function (data, valuePath, options, depthIdx) {
+    /**
+     * if final value is an array inside of an array, (check out CASE 3 sample obj in getVal_caseExamples.js)
+     * then flatten.. = true means we get one single returned array
+     * else if flatten.. = false means we get an array inside of an array
+     */
+    var _a = options.flattenIfValueIsArray, flattenIfValueIsArray = _a === void 0 ? true : _a; //have to default to true, to not break older code. ideal would have been if this defaulted to false.
+    if (valuePath === null)
+        return data;
+    var dataRef = data; // a moving reference to internal objects within data
+    var keysArray = valuePath.split('.');
+    var len = keysArray.length;
+    var valIsUndefined = false;
+    var thisIterationFoundAry = false;
+    var _loop_1 = function (i) {
+        var key = keysArray[i];
+        if (!thisIterationFoundAry) { // did not find
+            if (!dataRef[key]) {
+                valIsUndefined = true;
+                return "break";
+            }
+            //else
+            dataRef = dataRef[key];
+        }
+        else { // this iteration found ary. so dataRef is currently an array
+            var nestedAryResponse = dataRef.map(function (dataRefItem) {
+                var remainingValuePath = keysArray.filter(function (dd, ii) { return ii >= i; }).join('.');
+                return (0, exports.getVal)(dataRefItem, remainingValuePath, options, depthIdx + 1);
+            });
+            return { value: (0, flattenArrayOfArrays_1.flattenArrayOfArrays)({
+                    array: nestedAryResponse,
+                    flattenLastArray: (depthIdx === 0 && flattenIfValueIsArray === false)
+                        ? false
+                        : true
+                }) };
+        }
+        if (Array.isArray(dataRef) &&
+            Number.isNaN(parseInt(keysArray[i + 1]))
+        //because if it is, an explicit call is being made to a particular index in array
+        //so dont do our ary magic. the requester knows exactly what they want.
+        )
+            thisIterationFoundAry = true;
+    };
+    for (var i = 0; i < len - 1; i++) {
+        var state_1 = _loop_1(i);
+        if (typeof state_1 === "object")
+            return state_1.value;
+        if (state_1 === "break")
+            break;
+    }
+    if (valIsUndefined)
+        return undefined; //if the loop above is broken because we didnt find anything at one of the keys, then return undefined;
+    //else
+    if (thisIterationFoundAry) { // e.g [ { lastKey: 'xx' }, { lastKey: 'yy' } ] => returned => ['xx', 'yy']
+        var toReturn = dataRef.map(function (d) { return d[keysArray[len - 1]]; });
+        return (0, flattenArrayOfArrays_1.flattenArrayOfArrays)({
+            array: toReturn,
+            flattenLastArray: flattenIfValueIsArray
+        });
+    }
+    return dataRef[keysArray[len - 1]];
+};

package/dist/utils/getterSetterDeleter/setVal.d.ts

@@ -0,0 +1 @@
+export function setVal(data: any, valuePath: any, value: any): any;

package/dist/utils/getterSetterDeleter/setVal.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setVal = void 0;
+var set_deleteVal_1 = require("./utils/set_deleteVal");
+var setVal = function (data, valuePath, value) {
+    return (0, set_deleteVal_1.set_deleteVal)('set', data, valuePath, value);
+};
+exports.setVal = setVal;

package/dist/utils/getterSetterDeleter/utils/flattenArrayOfArrays.d.ts

@@ -0,0 +1,5 @@
+export function flattenArrayOfArrays({ array, flattenLastArray, toReturn }: {
+    array: any;
+    flattenLastArray?: boolean;
+    toReturn?: any[];
+}): any[];

package/dist/utils/getterSetterDeleter/utils/flattenArrayOfArrays.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.flattenArrayOfArrays = void 0;
+/**
+ * recursive. doesnt matter how many arrays exist inside.
+ * array.flat(Infinity) does the same thing
+ */
+var flattenArrayOfArrays = function (_a) {
+    var array = _a.array, _b = _a.flattenLastArray, flattenLastArray = _b === void 0 ? true : _b, _c = _a.toReturn, toReturn = _c === void 0 ? [] : _c;
+    array.map(function (ary) {
+        if (Array.isArray(ary)) {
+            if (flattenLastArray === true) {
+                //check if this is the last array. 
+                if (ary.some(function (childAry) { return !Array.isArray(childAry); })) { //if one of its children is NOT an array, then we consider this the last array
+                    toReturn.push(ary);
+                }
+                else {
+                    (0, exports.flattenArrayOfArrays)({ array: ary, flattenLastArray: flattenLastArray, toReturn: toReturn });
+                }
+            }
+            else { //flatten last ary is true, so continue as normal
+                (0, exports.flattenArrayOfArrays)({ array: ary, flattenLastArray: flattenLastArray, toReturn: toReturn });
+            }
+        }
+        else {
+            toReturn.push(ary);
+        }
+    });
+    return toReturn;
+};
+exports.flattenArrayOfArrays = flattenArrayOfArrays;

package/dist/utils/getterSetterDeleter/utils/set_deleteVal.d.ts

@@ -0,0 +1 @@
+export function set_deleteVal(action: any, data: any, valuePath: any, value: any): any;

package/dist/utils/getterSetterDeleter/utils/set_deleteVal.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.set_deleteVal = void 0;
+//can be only set or delete, since the get in this is deprecated
+var set_deleteVal = function (action, data, valuePath, value) {
+    if (valuePath === undefined)
+        return;
+    if (valuePath === null && action === 'set') {
+        data = value;
+        return data;
+    }
+    var dataRef = data; // a moving reference to internal objects within data
+    var keysArray = valuePath.split('.');
+    // var keysArray = valuePath;
+    var len = keysArray.length;
+    var valIsUndefined = false;
+    for (var i = 0; i < len - 1; i++) {
+        var key = keysArray[i];
+        /**
+         * maybe another check is needed here to see if dataRef[key] is a string,
+         * cuz if it is, we must reset it to an object. cuz for sure, once this loop is
+         * over, there IS another key, that will be attached to the dataRef.
+         */
+        if (!dataRef[key]) {
+            if (action === 'set') {
+                var nextKey = keysArray[i + 1];
+                /**
+                 * very important:
+                 * what this does is,
+                 * - here, we are in a situation where some key along the valuePath trail doesnt seem to exist
+                 * - so against that key, we need to now create an object or an array
+                 * - how do we decide?
+                 * - by checking if the next key is a number or not
+                 */
+                if (nextKey && !isNaN(parseInt(nextKey))) { //next key IS a number then..
+                    dataRef[key] = [];
+                }
+                else {
+                    dataRef[key] = {};
+                }
+            }
+            else {
+                //action === get
+                valIsUndefined = true;
+                break;
+            }
+        }
+        dataRef = dataRef[key]; //if key is a number (as a string) the code recognizes it as an ary idx; so arrays also work with this func. !
+    }
+    if (valIsUndefined)
+        return undefined; //if the loop above is broken because we didnt find anything at one of the keys, then return undefined;
+    if (action === 'set') {
+        dataRef[keysArray[len - 1]] = value;
+        return data;
+    }
+    else if (action === 'delete') {
+        delete dataRef[keysArray[len - 1]];
+        return data;
+    }
+};
+exports.set_deleteVal = set_deleteVal;

package/package.json

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

package/dist/utils/_EXPORTS.d.ts

@@ -1,2 +0,0 @@
-export { getBlockLabelProps } from "./getBlockLabelProps";
-export { injectHttps } from "./injectHttps.js";

package/dist/utils/_EXPORTS.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.injectHttps = exports.getBlockLabelProps = void 0;
-var getBlockLabelProps_1 = require("./getBlockLabelProps");
-Object.defineProperty(exports, "getBlockLabelProps", { enumerable: true, get: function () { return getBlockLabelProps_1.getBlockLabelProps; } });
-var injectHttps_js_1 = require("./injectHttps.js");
-Object.defineProperty(exports, "injectHttps", { enumerable: true, get: function () { return injectHttps_js_1.injectHttps; } });