oolib 2.31.4 → 2.31.6

package/dist/components/ActionMenu/index.js

@@ -39,7 +39,7 @@ var react_1 = __importStar(require("react"));
 var ButtonComps = __importStar(require("../Buttons"));
 var Typo_1 = require("../Typo");
 var icons_1 = require("../../icons");
-var useHandleClickOutside_1 = require("./utils/useHandleClickOutside");
+var useHandleClickOutside_1 = require("../../utils/customHooks/useHandleClickOutside");
 var usePopOutOfOverflowHiddenParent_1 = require("../../utils/usePopOutOfOverflowHiddenParent");
 var styled_1 = require("./styled");
 //

package/dist/components/Modals/ModalLarge/index.d.ts

@@ -1,4 +1,4 @@
-export function ModalLarge({ title, onClose, children, linkTo, desktopWidth, headerStyle, subtitle, }: {
+export function ModalLarge({ title, onClose, children, linkTo, desktopWidth, headerStyle, subtitle, fitToContentHeight }: {
     title: any;
     onClose: any;
     children: any;
@@ -6,4 +6,5 @@ export function ModalLarge({ title, onClose, children, linkTo, desktopWidth, hea
     desktopWidth?: string;
     headerStyle?: string;
     subtitle: any;
+    fitToContentHeight?: boolean;
 }): any;

package/dist/components/Modals/ModalLarge/index.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -32,12 +43,12 @@ var ModalHeaderStyle1_1 = require("./comps/ModalHeaderStyle1");
 var ModalHeaderStyle2_1 = require("./comps/ModalHeaderStyle2");
 var styled_1 = require("./styled");
 var ModalLarge = function (_a) {
-    var title = _a.title, onClose = _a.onClose, children = _a.children, linkTo = _a.linkTo, _b = _a.desktopWidth, desktopWidth = _b === void 0 ? "80%" : _b, _c = _a.headerStyle, headerStyle = _c === void 0 ? "style1" : _c, subtitle = _a.subtitle;
+    var title = _a.title, onClose = _a.onClose, children = _a.children, linkTo = _a.linkTo, _b = _a.desktopWidth, desktopWidth = _b === void 0 ? "80%" : _b, _c = _a.headerStyle, headerStyle = _c === void 0 ? "style1" : _c, subtitle = _a.subtitle, _d = _a.fitToContentHeight, fitToContentHeight = _d === void 0 ? false : _d;
     var screenWidth = (0, useScreenWidth_1.useScreenWidth)();
     var handleClose = function () { return onClose(); };
     var initAnimPos = { marginTop: "100vh", opacity: 0 };
     var endAnimPos = { marginTop: 0, opacity: 1 };
-    var _d = (0, react_1.useState)(endAnimPos), animPos = _d[0], setAnimPos = _d[1];
+    var _e = (0, react_1.useState)(endAnimPos), animPos = _e[0], setAnimPos = _e[1];
     (0, react_1.useEffect)(function () {
         document.body.style.overflow = "hidden";
         return function () { return (document.body.style.overflow = "unset"); };
@@ -59,7 +70,7 @@ var ModalLarge = function (_a) {
     var takeFullScreenOnScroll = ["style1"].indexOf(headerStyle) !== -1
         ? true
         : ["style2"].indexOf(headerStyle) !== -1 && false;
-    var genModalContents = function () { return (react_1.default.createElement(styled_1.StyledModalLargeContentWrapper, { desktopWidth: desktopWidth, takeFullScreenOnScroll: takeFullScreenOnScroll },
+    var genModalContents = function () { return (react_1.default.createElement(styled_1.StyledModalLargeContentWrapper, { desktopWidth: desktopWidth, takeFullScreenOnScroll: takeFullScreenOnScroll, style: !fitToContentHeight ? { minHeight: 'calc(100vh - 4rem)' } : {} },
         genHeader(),
         react_1.default.createElement(styled_1.StyledModalLargeBody, { takeFullScreenOnScroll: takeFullScreenOnScroll }, children))); };
     return (react_1.default.createElement(styled_1.StyledModalLargeBg, null,
@@ -67,13 +78,13 @@ var ModalLarge = function (_a) {
                 type: "tween",
                 ease: "easeOut",
             } }),
-        screenWidth < (0, mixins_1.getBreakPoint)("sm") ? (react_1.default.createElement(framer_motion_1.motion.div, { style: {
-                position: "relative",
-                // --- the below ensures that if modal content is less that screen height, it only grow enough to fit content (from bottom)
-                minHeight: '100vh',
-                display: 'flex',
-                alignItems: 'flex-end'
-            }, initial: { marginTop: initAnimPos.marginTop }, animate: { marginTop: animPos.marginTop }, transition: {
+        screenWidth < (0, mixins_1.getBreakPoint)("sm") ? (react_1.default.createElement(framer_motion_1.motion.div, { style: __assign({ position: "relative" }, (fitToContentHeight
+                ? {
+                    minHeight: '100vh',
+                    display: 'flex',
+                    alignItems: 'flex-end'
+                }
+                : {})), initial: { marginTop: initAnimPos.marginTop }, animate: { marginTop: animPos.marginTop }, transition: {
                 type: "tween",
                 ease: "easeOut",
             }, onAnimationComplete: function () {

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

@@ -8,3 +8,4 @@ export { formatCamelCaseToSentenceCase } from "../formatCamelCaseToSentenceCase"
 export { toArray } from "../toArray";
 export { useScroll } from "../customHooks/useScroll";
 export { usePopOutOfOverflowHiddenParent } from "../usePopOutOfOverflowHiddenParent";
+export { useHandleClickOutside } from "../customHooks/useHandleClickOutside";

package/dist/utils/_EXPORTS/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePopOutOfOverflowHiddenParent = exports.useScroll = exports.toArray = exports.formatCamelCaseToSentenceCase = exports.formatTextToCamelCase = exports.injectHttps = exports.getBlockLabelProps = exports.deleteVal = exports.setVal = exports.getVal = void 0;
+exports.useHandleClickOutside = exports.usePopOutOfOverflowHiddenParent = exports.useScroll = 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; } });
@@ -24,3 +24,5 @@ var useScroll_1 = require("../customHooks/useScroll");
 Object.defineProperty(exports, "useScroll", { enumerable: true, get: function () { return useScroll_1.useScroll; } });
 var usePopOutOfOverflowHiddenParent_1 = require("../usePopOutOfOverflowHiddenParent");
 Object.defineProperty(exports, "usePopOutOfOverflowHiddenParent", { enumerable: true, get: function () { return usePopOutOfOverflowHiddenParent_1.usePopOutOfOverflowHiddenParent; } });
+var useHandleClickOutside_1 = require("../customHooks/useHandleClickOutside");
+Object.defineProperty(exports, "useHandleClickOutside", { enumerable: true, get: function () { return useHandleClickOutside_1.useHandleClickOutside; } });

package/dist/{components/ActionMenu/utils → utils/customHooks}/useHandleClickOutside.js

@@ -19,3 +19,4 @@ var useHandleClickOutside = function (ref, setShowOptions, options) {
     }, [enabled]);
 };
 exports.useHandleClickOutside = useHandleClickOutside;
+//

package/package.json

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