oolib 2.18.0 → 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.js

@@ -44,5 +44,5 @@ var LoaderDiv = function (_a) {
     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._Branch) === "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._Branch) === "dev" && debug ? "".concat(debug, " ") : "").concat(text || '')))));
+        (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 || '')))));
 };

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/package.json

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