oolib 2.31.5 → 2.31.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/components/Modals/ModalLarge/index.d.ts +2 -1
  2. package/dist/components/Modals/ModalLarge/index.js +21 -10
  3. package/package.json +1 -1
package/dist/components/Modals/ModalLarge/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export function ModalLarge({ title, onClose, children, linkTo, desktopWidth, headerStyle, subtitle, }: {
1
+ export function ModalLarge({ title, onClose, children, linkTo, desktopWidth, headerStyle, subtitle, fitToContentHeight }: {
2
2
  title: any;
3
3
  onClose: any;
4
4
  children: any;
@@ -6,4 +6,5 @@ export function ModalLarge({ title, onClose, children, linkTo, desktopWidth, hea
6
6
  desktopWidth?: string;
7
7
  headerStyle?: string;
8
8
  subtitle: any;
9
+ fitToContentHeight?: boolean;
9
10
  }): any;
package/dist/components/Modals/ModalLarge/index.js CHANGED
@@ -1,4 +1,15 @@
1
1
  "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
2
13
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
14
  if (k2 === undefined) k2 = k;
4
15
  var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -32,12 +43,12 @@ var ModalHeaderStyle1_1 = require("./comps/ModalHeaderStyle1");
32
43
  var ModalHeaderStyle2_1 = require("./comps/ModalHeaderStyle2");
33
44
  var styled_1 = require("./styled");
34
45
  var ModalLarge = function (_a) {
35
- 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;
46
+ 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;
36
47
  var screenWidth = (0, useScreenWidth_1.useScreenWidth)();
37
48
  var handleClose = function () { return onClose(); };
38
49
  var initAnimPos = { marginTop: "100vh", opacity: 0 };
39
50
  var endAnimPos = { marginTop: 0, opacity: 1 };
40
- var _d = (0, react_1.useState)(endAnimPos), animPos = _d[0], setAnimPos = _d[1];
51
+ var _e = (0, react_1.useState)(endAnimPos), animPos = _e[0], setAnimPos = _e[1];
41
52
  (0, react_1.useEffect)(function () {
42
53
  document.body.style.overflow = "hidden";
43
54
  return function () { return (document.body.style.overflow = "unset"); };
@@ -59,7 +70,7 @@ var ModalLarge = function (_a) {
59
70
  var takeFullScreenOnScroll = ["style1"].indexOf(headerStyle) !== -1
60
71
  ? true
61
72
  : ["style2"].indexOf(headerStyle) !== -1 && false;
62
- var genModalContents = function () { return (react_1.default.createElement(styled_1.StyledModalLargeContentWrapper, { desktopWidth: desktopWidth, takeFullScreenOnScroll: takeFullScreenOnScroll },
73
+ var genModalContents = function () { return (react_1.default.createElement(styled_1.StyledModalLargeContentWrapper, { desktopWidth: desktopWidth, takeFullScreenOnScroll: takeFullScreenOnScroll, style: !fitToContentHeight ? { minHeight: 'calc(100vh - 4rem)' } : {} },
63
74
  genHeader(),
64
75
  react_1.default.createElement(styled_1.StyledModalLargeBody, { takeFullScreenOnScroll: takeFullScreenOnScroll }, children))); };
65
76
  return (react_1.default.createElement(styled_1.StyledModalLargeBg, null,
@@ -67,13 +78,13 @@ var ModalLarge = function (_a) {
67
78
  type: "tween",
68
79
  ease: "easeOut",
69
80
  } }),
70
- screenWidth < (0, mixins_1.getBreakPoint)("sm") ? (react_1.default.createElement(framer_motion_1.motion.div, { style: {
71
- position: "relative",
72
- // --- the below ensures that if modal content is less that screen height, it only grow enough to fit content (from bottom)
73
- minHeight: '100vh',
74
- display: 'flex',
75
- alignItems: 'flex-end'
76
- }, initial: { marginTop: initAnimPos.marginTop }, animate: { marginTop: animPos.marginTop }, transition: {
81
+ screenWidth < (0, mixins_1.getBreakPoint)("sm") ? (react_1.default.createElement(framer_motion_1.motion.div, { style: __assign({ position: "relative" }, (fitToContentHeight
82
+ ? {
83
+ minHeight: '100vh',
84
+ display: 'flex',
85
+ alignItems: 'flex-end'
86
+ }
87
+ : {})), initial: { marginTop: initAnimPos.marginTop }, animate: { marginTop: animPos.marginTop }, transition: {
77
88
  type: "tween",
78
89
  ease: "easeOut",
79
90
  }, onAnimationComplete: function () {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oolib",
3
- "version": "2.31.5",
3
+ "version": "2.31.6",
4
4
  "description": " OKE Component Library",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",