oolib 2.55.7 → 2.56.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/index.js

@@ -85,7 +85,7 @@ var DateRangePicker_1 = require("./components/DateRangePicker");
 Object.defineProperty(exports, "DateRangePicker", { enumerable: true, get: function () { return __importDefault(DateRangePicker_1).default; } });
 var BarChart_1 = require("./components/dataViz/comps/BarChart");
 Object.defineProperty(exports, "BarChart", { enumerable: true, get: function () { return BarChart_1.BarChart; } });
-//// context
+////// context
 var contextApi_1 = require("./components/Hints/contextApi");
 Object.defineProperty(exports, "HintsProvider", { enumerable: true, get: function () { return contextApi_1.HintsProvider; } });
 // export this

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

@@ -11,4 +11,5 @@ export { useScroll } from "../customHooks/useScroll";
 export { usePopOutOfOverflowHiddenParent } from "../usePopOutOfOverflowHiddenParent";
 export { useHandleClickOutside } from "../customHooks/useHandleClickOutside";
 export { testJSON } from "../testJSON";
+export { useScreenWidth } from "../customHooks/useScreenWidth";
 export { getDaysDiff } from "../momentjs/getDaysDiff";

package/dist/utils/_EXPORTS/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDaysDiff = 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.sortData = exports.toArray = exports.formatCamelCaseToSentenceCase = exports.formatTextToCamelCase = 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; } });
@@ -30,6 +30,8 @@ var useHandleClickOutside_1 = require("../customHooks/useHandleClickOutside");
 Object.defineProperty(exports, "useHandleClickOutside", { enumerable: true, get: function () { return useHandleClickOutside_1.useHandleClickOutside; } });
 var testJSON_1 = require("../testJSON");
 Object.defineProperty(exports, "testJSON", { enumerable: true, get: function () { return testJSON_1.testJSON; } });
+var useScreenWidth_1 = require("../customHooks/useScreenWidth");
+Object.defineProperty(exports, "useScreenWidth", { enumerable: true, get: function () { return useScreenWidth_1.useScreenWidth; } });
 //moment js
 var getDaysDiff_1 = require("../momentjs/getDaysDiff");
 Object.defineProperty(exports, "getDaysDiff", { enumerable: true, get: function () { return getDaysDiff_1.getDaysDiff; } });

package/dist/utils/getBlockLabelProps.js

@@ -14,6 +14,9 @@ var getBlockLabelProps = function (props) {
         'isRequired',
         'invert',
         'hints',
+        "hintsBtnLabel",
+        "hintsTitle",
+        "hintsSubtitle",
         'hideOptionalLabel',
         'infoTooltip',
         'popOutOfOverflowHiddenParent'

package/package.json

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