oolib 2.17.8 → 2.17.11

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

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

package/dist/components/ActionMenu/index.js

@@ -43,11 +43,11 @@ 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, sideEffect = _a.sideEffect // if you want this click to trigger a sideeffect in parent. e.g in table elem we set table overflow to unset when action menu is open
+    invert = _a.invert, actions = _a.actions, _e = _a.align, align = _e === void 0 ? 'right' : _e, _f = _a.iconSize, iconSize = _f === void 0 ? 'S' : _f, sideEffect = _a.sideEffect // if you want this click to trigger a sideeffect in parent. e.g in table elem we set table overflow to unset when action menu is open
     ;
     var actionMenuRef = (0, react_1.useRef)(null);
     var optionsWrapperRef = (0, react_1.useRef)(null);
-    var _f = (0, react_1.useState)(false), showActions = _f[0], setShowActions = _f[1];
+    var _g = (0, react_1.useState)(false), showActions = _g[0], setShowActions = _g[1];
     (0, utils_1.useTrackFocus)(actionMenuRef, setShowActions);
     (0, react_1.useEffect)(function () {
         sideEffect && sideEffect(showActions);
@@ -56,7 +56,7 @@ var ActionMenu = function (_a) {
         return null;
     var getOpsRect = function () { var _a; return (_a = optionsWrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect(); };
     return (react_1.default.createElement(styled_1.StyledActionMenu, { ref: actionMenuRef },
-        react_1.default.createElement(Buttons_1.ButtonGhost, { icon: icon, iconSize: 'M', invert: invert, onClick: function (e) {
+        react_1.default.createElement(Buttons_1.ButtonGhost, { icon: icon, iconSize: iconSize, invert: invert, onClick: function (e) {
                 e.stopPropagation();
                 setShowActions(!showActions);
             }, active: showActions }),

package/dist/components/Buttons/index.js

@@ -51,8 +51,10 @@ var ButtonStyledWrapper = function (_a) {
     var displayText = (link === null || link === void 0 ? void 0 : link.displayText) || children || value;
     var composition = (icon || iconAfter) && displayText
         ? "icon+text"
-        : !displayText && "iconOnly";
-    var size = composition === 'icon+text'
+        : !displayText
+            ? "iconOnly"
+            : "textOnly";
+    var size = ['icon+text', 'textOnly'].indexOf(composition) !== -1
         ? (S && 'S') || 'M' //icon+text defaults to 'M'
         : (M && 'M') || 'S'; //iconOnly defaults to 'S'
     /**

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

@@ -1,6 +1,13 @@
-export function Container({ children, className, style, noPadding }: {
+export function Comp({ children, className, style, noPadding }: {
     children: any;
     className: any;
     style: any;
     noPadding: any;
-}): JSX.Element;
+}, ref: any): JSX.Element;
+export const Container: React.ForwardRefExoticComponent<{
+    children: any;
+    className: any;
+    style: any;
+    noPadding: any;
+} & React.RefAttributes<any>>;
+import React from "react";

package/dist/components/Container/index.js

@@ -10,15 +10,36 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Container = void 0;
-var react_1 = __importDefault(require("react"));
+exports.Container = exports.Comp = void 0;
+var react_1 = __importStar(require("react"));
 var index_styled_1 = require("./index.styled");
-var Container = function (_a) {
+var Comp = function (_a, ref) {
     var children = _a.children, className = _a.className, style = _a.style, noPadding = _a.noPadding;
-    return (react_1.default.createElement(index_styled_1.StyledContainer, { className: className || '', style: __assign(__assign({}, (noPadding ? { padding: 0 } : {})), style) }, children));
+    return (react_1.default.createElement(index_styled_1.StyledContainer, { ref: ref, className: className || '', style: __assign(__assign({}, (noPadding ? { padding: 0 } : {})), style) }, children));
 };
-exports.Container = Container;
+exports.Comp = Comp;
+exports.Container = (0, react_1.forwardRef)(exports.Comp);

package/dist/components/TextInputs/index.js

@@ -124,7 +124,7 @@ var TextInput = function (props) {
             readOnly ? (react_1.default.createElement(Typo_1.SANS_3, { invert: invert }, type === 'password' ? '********' : value)) : (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(index_styled_1.InputContainerStyled, { invert: invert, type: type, disabled: disabled, status: inputStatus === null || inputStatus === void 0 ? void 0 : inputStatus.type, eyeIcon: eyeIcon, composition: composition },
                     icon && (react_1.default.createElement(DisplayIcon, { icon: icon, size: S ? 15 : 20, onClick: iconOnClick || null })),
-                    react_1.default.createElement(index_styled_1.InputStyled, { className: 'SANS_3', id: id, type: type, name: type, placeholder: placeholder, value: value, onChange: handleOnChange, maxLength: maxNumLimiter, onBlur: handleValidateOnBlur, onFocus: onFocus, size: size, autoComplete: 'off' }),
+                    react_1.default.createElement(index_styled_1.InputStyled, { className: size === 'S' ? 'SANS_2' : 'SANS_3', id: id, type: type, name: type, placeholder: placeholder, value: value, onChange: handleOnChange, maxLength: maxNumLimiter, onBlur: handleValidateOnBlur, onFocus: onFocus, size: size, autoComplete: 'off' }),
                     inputStatus === 'loading' && (react_1.default.createElement("div", { style: { padding: '1rem 0' } },
                         react_1.default.createElement(Loader_1.Loader, { invert: invert, inline: true }))),
                     actionBtn && (react_1.default.createElement(Buttons_1.ButtonPrimary, { value: actionBtn.text, invert: actionBtn.invert, onClick: actionBtnEnabaled && actionBtn.onClick, disabled: !actionBtnEnabaled, style: { marginRight: '-2rem' } }))),

package/dist/components/Typo/index.js

@@ -40,7 +40,7 @@ var genFontStylingProps = function (props) {
         if (!type) {
             continue;
         }
-        var value = props[i] ? fontSetting[i].value : false;
+        var value = props[i] ? fontSetting[i].value : undefined;
         newProps[type] = value;
     }
     return newProps;

package/package.json

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