oolib 2.30.2 → 2.30.4

package/dist/components/Accordion/index.js

@@ -61,7 +61,21 @@ var HeaderStyle1 = function (_a) {
             react_1.default.createElement(framer_motion_1.motion.div, { animate: { rotate: expand ? -180 : 0 }, transition: { type: "tween", ease: "easeOut" } },
                 react_1.default.createElement(phosphor_react_1.CaretDown, { size: 16 })))));
 };
-var StyledHeaderStyle2Wrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex; \n  align-items: center; \n  justify-content: space-between; \n  padding: 1rem 0; \n  background-color: ", ";\n  border-bottom: 2px solid ", ";\n  cursor: pointer;\n  ", ";\n  /* &:hover{\n    background-color: ", ";\n  } */\n"], ["\n  display: flex; \n  align-items: center; \n  justify-content: space-between; \n  padding: 1rem 0; \n  background-color: ", ";\n  border-bottom: 2px solid ", ";\n  cursor: pointer;\n  ", ";\n  /* &:hover{\n    background-color: ", ";\n  } */\n"
+var StyledHeaderStyle3Wrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n   display: flex; \n  align-items: center; \n  justify-content: space-between; \n  padding: 1rem 2rem; \n\n  background-color: ", ";\n  border: 1px solid ", ";\n  cursor: pointer;\n  ", ";\n  &:hover{\n    background-color: ", ";\n  }\n"], ["\n   display: flex; \n  align-items: center; \n  justify-content: space-between; \n  padding: 1rem 2rem; \n\n  background-color: ", ";\n  border: 1px solid ", ";\n  cursor: pointer;\n  ", ";\n  &:hover{\n    background-color: ", ";\n  }\n"
+    //this is the new grey background, slim one. with the Caret icon on the right
+    //used in access control builder and several other places.
+])), colors_1.colors.none, colors_1.colors.greyColor15, (0, mixins_1.transition)('background-color'), colors_1.colors.greyColor3);
+//this is the new grey background, slim one. with the Caret icon on the right
+//used in access control builder and several other places.
+var HeaderStyle3 = function (_a) {
+    var title = _a.title, expand = _a.expand, handleToggle = _a.handleToggle;
+    return (react_1.default.createElement(StyledHeaderStyle3Wrapper, { onClick: function () { return handleToggle(!expand); } },
+        react_1.default.createElement(Typo_1.SERIF_4_5, null, title),
+        react_1.default.createElement(NormalizedButton, null,
+            react_1.default.createElement(framer_motion_1.motion.div, { animate: { rotate: expand ? -180 : 0 }, transition: { type: "tween", ease: "easeOut" } },
+                react_1.default.createElement(phosphor_react_1.CaretDown, { size: 16 })))));
+};
+var StyledHeaderStyle2Wrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex; \n  align-items: center; \n  justify-content: space-between; \n  padding: 1rem 0; \n  background-color: ", ";\n  border-bottom: 2px solid ", ";\n  cursor: pointer;\n  ", ";\n  /* &:hover{\n    background-color: ", ";\n  } */\n"], ["\n  display: flex; \n  align-items: center; \n  justify-content: space-between; \n  padding: 1rem 0; \n  background-color: ", ";\n  border-bottom: 2px solid ", ";\n  cursor: pointer;\n  ", ";\n  /* &:hover{\n    background-color: ", ";\n  } */\n"
     //analysis dashboard wordcloud - this is the old accordion header style designed at the time of updates module
 ])), colors_1.colors.white, colors_1.colors.greyColor10, (0, mixins_1.transition)('background-color'), colors_1.colors.greyColor5);
 //analysis dashboard wordcloud - this is the old accordion header style designed at the time of updates module
@@ -89,7 +103,8 @@ var Accordion = function (_a) {
     }, [expandProp]);
     var HeaderStyles = {
         HeaderStyle1: HeaderStyle1,
-        HeaderStyle2: HeaderStyle2
+        HeaderStyle2: HeaderStyle2,
+        HeaderStyle3: HeaderStyle3
     };
     var genHeader = function () {
         if (CustomHeader)
@@ -108,4 +123,4 @@ var Accordion = function (_a) {
             react_1.default.createElement("div", null, children))));
 };
 exports.Accordion = Accordion;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/dist/components/OKELink/index.js

@@ -78,6 +78,7 @@ var OKELink = function (_a) {
     var genIcon = function (icon) {
         return react_1.default.createElement(comps_1.DisplayIcon, __assign({}, {
             icon: icon,
+            weight: "regular",
             size: iconSize || 15,
             color: (0, styled_1.genColor)({ color: color, theme: theme, invert: invert, disabled: disabled })
         }));

package/dist/components/TabBar/index.js

@@ -33,7 +33,7 @@ var Base = function (_a) {
                 var tabIsActive = value && op.value === value.value;
                 return (react_1.default.createElement(index_styled_1.TabBarTabWrapper, { tabBarStyle: tabBarStyle, key: op.value, active: tabIsActive, error: tabHasError },
                     react_1.default.createElement(index_styled_1.TabBarTabStyled, { size: size, active: tabIsActive, error: tabHasError, tabBarStyle: tabBarStyle, onClick: function () { return handleClick(op); } },
-                        react_1.default.createElement(Typo_1.SANS_2, { semibold: tabBarStyle === "1" }, op.display))));
+                        react_1.default.createElement(index_styled_1.STYLED_SANS_2, { semibold: tabBarStyle === "1" }, op.display))));
             })))));
 };
 var TabBarStyle1 = function (props) { return react_1.default.createElement(Base, __assign({}, props, { tabBarStyle: "1" })); };

package/dist/components/TabBar/index.styled.d.ts

@@ -3,3 +3,4 @@ export const TabBarContainerStyled: any;
 export const TabBarRowStyled: any;
 export const TabBarTabWrapper: any;
 export const TabBarTabStyled: any;
+export const STYLED_SANS_2: any;

package/dist/components/TabBar/index.styled.js

@@ -27,7 +27,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabBarTabStyled = exports.TabBarTabWrapper = exports.TabBarRowStyled = exports.TabBarContainerStyled = exports.TabBarStyled = void 0;
+exports.STYLED_SANS_2 = exports.TabBarTabStyled = exports.TabBarTabWrapper = exports.TabBarRowStyled = exports.TabBarContainerStyled = exports.TabBarStyled = void 0;
 var styled_components_1 = __importStar(require("styled-components"));
 var themes_1 = require("../../themes");
 var mixins_1 = require("../../themes/mixins");
@@ -79,7 +79,7 @@ exports.TabBarStyled = styled_components_1.default.div(templateObject_11 || (tem
 });
 exports.TabBarContainerStyled = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  width: fit-content;\n  height: 100%;\n"], ["\n  width: fit-content;\n  height: 100%;\n"])));
 exports.TabBarRowStyled = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  display: flex;\n  height: 100%;\n"], ["\n  display: flex;\n  height: 100%;\n"])));
-exports.TabBarTabWrapper = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  ", "\n    display: flex;\n  align-items: center;\n"], ["\n  ", "\n    display: flex;\n  align-items: center;\n"])), function (_a) {
+exports.TabBarTabWrapper = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  ", "\n    display: flex;\n  align-items: center;\n  min-width: 0; //so that ellipsis works on the text within\n"], ["\n  ", "\n    display: flex;\n  align-items: center;\n  min-width: 0; //so that ellipsis works on the text within\n"])), function (_a) {
     var tabBarStyle = _a.tabBarStyle;
     return tabBarStyle === "1"
         ? tabBarWrapperStyle1
@@ -91,4 +91,5 @@ exports.TabBarTabStyled = styled_components_1.default.button(templateObject_15 |
         ? tabBarTabStyle1
         : tabBarStyle === "2" && tabBarTabStyle2;
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
+exports.STYLED_SANS_2 = (0, styled_components_1.default)(SANS_2)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n"], ["\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16;

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

@@ -1,10 +1,11 @@
-export function TagDisplay({ display, style, invert, M, XS, color, variant }: {
+export function TagDisplay({ display, style, invert, M, XS, tagColor, textColor, variant }: {
     display: any;
     style: any;
     invert: any;
     M: any;
     XS: any;
-    color: any;
+    tagColor: any;
+    textColor: any;
     variant?: string;
 }): any;
 export function TagClear({ id, display, value, M, XS, invert, onClick, variant, grey, }: {

package/dist/components/Tags/index.js

@@ -42,11 +42,11 @@ var getTypoComp = function (size) { return size === 'XS' ?
     function (props) { return react_1.default.createElement(index_styled_1.STYLED_ELLIPSIS_SANS_2, __assign({}, props)); }
     : function (props) { return react_1.default.createElement(index_styled_1.STYLED_ELLIPSIS_SANS_3, __assign({}, props)); }; };
 function TagDisplay(_a) {
-    var display = _a.display, style = _a.style, invert = _a.invert, M = _a.M, XS = _a.XS, color = _a.color, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b;
+    var display = _a.display, style = _a.style, invert = _a.invert, M = _a.M, XS = _a.XS, tagColor = _a.tagColor, textColor = _a.textColor, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b;
     var size = M ? 'M' : XS ? 'XS' : 'S';
     var TYPO_COMP = getTypoComp(size);
-    return (react_1.default.createElement(index_styled_1.StyledTagDisplay, { variant: variant, invert: invert, size: size, color: color, style: style },
-        react_1.default.createElement(TYPO_COMP, null, display)));
+    return (react_1.default.createElement(index_styled_1.StyledTagDisplay, { variant: variant, invert: invert, textColor: textColor, tagColor: tagColor, size: size, style: style },
+        react_1.default.createElement(TYPO_COMP, { semibold: true }, display)));
 }
 exports.TagDisplay = TagDisplay;
 function TagClear(_a) {

package/dist/components/Tags/index.styled.js

@@ -64,10 +64,14 @@ var StyledTagDisplay = styled_components_1.default.div(templateObject_7 || (temp
     var size = _a.size;
     return commonStyle({ size: size });
 }, function (_a) {
-    var variant = _a.variant, invert = _a.invert, size = _a.size, color = _a.color;
+    var variant = _a.variant, invert = _a.invert, size = _a.size, textColor = _a.textColor, tagColor = _a.tagColor;
     return variant === "primary"
-        ? (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n          background-color: ", ";\n          color: ", ";\n        "], ["\n          background-color: ", ";\n          color: ", ";\n        "])), !invert ? greyColor15 : greyColor80, !invert ? greyColor80 : greyColor40) : //secondary
-     (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n          background: none;\n          border: ", " solid\n            ", ";\n          color: ", ";\n        "], ["\n          background: none;\n          border: ", " solid\n            ", ";\n          color: ", ";\n        "])), size === "XS" ? "1px" : "2px", !invert ? (color ? color : greyColor15) : greyColor80, !invert ? (color ? color : greyColor80) : greyColor15);
+        ? (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n          background-color: ", ";\n          color: ", ";\n        "], ["\n          background-color: ", ";\n          color: ", ";\n        "])), tagColor
+            ? tagColor
+            : !invert
+                ? greyColor15
+                : greyColor80, textColor ? textColor : !invert ? greyColor80 : greyColor40) : //secondary
+     (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n          background: none;\n          border: ", " solid\n            ", ";\n          color: ", ";\n        "], ["\n          background: none;\n          border: ", " solid\n            ", ";\n          color: ", ";\n        "])), size === "XS" ? "1px" : "2px", tagColor ? tagColor : !invert ? greyColor15 : greyColor80, textColor ? textColor : !invert ? greyColor80 : greyColor15);
 });
 exports.StyledTagDisplay = StyledTagDisplay;
 var StyledTagClear = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n\n  \t", "\n\t//overrides of commonStyle\n\tpadding-right: 0;\n\tgap: 0.5rem;\n\t//--\n\n\t", "\n  \n\t\n\t", "\n"], ["\n\n  \t", "\n\t//overrides of commonStyle\n\tpadding-right: 0;\n\tgap: 0.5rem;\n\t//--\n\n\t", "\n  \n\t\n\t", "\n"])), function (_a) {

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

@@ -54,7 +54,18 @@ var set_deleteVal = function (action, data, valuePath, value) {
         return data;
     }
     else if (action === 'delete') {
-        delete dataRef[keysArray[len - 1]];
+        /**
+         * very important that we handle Array situations by 'splicing'
+         * rather than deleting, cuz 'delete' leaves an 'empty slot' in the
+         * array rather than removing the item completely which causes all
+         * sorts of problems.
+         */
+        if (Array.isArray(dataRef)) {
+            dataRef.splice(parseInt(keysArray[len - 1]), 1);
+        }
+        else {
+            delete dataRef[keysArray[len - 1]];
+        }
         return data;
     }
 };

package/package.json

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