oolib 2.92.0 → 2.92.2

package/dist/components/EmptyStates2/comps/EmptyStatesRenderer.js

@@ -65,8 +65,8 @@ var EmptyStatesRenderer = function (_a) {
     return (react_1.default.createElement(StyledContainer, { align: align },
         react_1.default.createElement(Wrappers_1.Wrapper650, { style: { margin: align === "center" ? "auto" : 0 } },
             (image === null || image === void 0 ? void 0 : image.src) && (react_1.default.createElement("img", { src: imagesLookup[image.src], alt: "", style: __assign({ opacity: 0.5, height: "12rem", width: "auto" }, (image.style || {})) })),
-            (title === null || title === void 0 ? void 0 : title.text) && (react_1.default.createElement(Typo_1.SERIF_5_6, { style: title.style }, title.text)),
-            (subtitle === null || subtitle === void 0 ? void 0 : subtitle.text) && (react_1.default.createElement(Typo_1.SANS_3_4, { style: subtitle.style }, subtitle.text)),
+            (title === null || title === void 0 ? void 0 : title.text) && (react_1.default.createElement(Typo_1.SERIF_4_5, { style: title.style }, title.text)),
+            (subtitle === null || subtitle === void 0 ? void 0 : subtitle.text) && (react_1.default.createElement(Typo_1.SANS_3, { style: subtitle.style }, subtitle.text)),
             link && (react_1.default.createElement(Typo_1.SANS_3, { style: { paddingTop: '1rem' } },
                 react_1.default.createElement(OKELink_1.OKELink, { text: link.text, onClick: onClick }))),
             button && (react_1.default.createElement(Buttons_1.ButtonPrimary, { onClick: onClick, style: { marginTop: "2rem" } }, button.text)))));

package/dist/components/ImageInput/comps/ImageEditor/index.js

@@ -39,11 +39,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageEditor = void 0;
 var react_1 = __importStar(require("react"));
-var AspectRatioShell_1 = __importDefault(require("../AspectRatioShell"));
+var styled_components_1 = require("styled-components");
+var themes_1 = require("../../../../themes");
+var mixins_1 = require("../../../../themes/mixins");
+var _EXPORTS_1 = require("../../../../utils/_EXPORTS");
+var renderRTEPlaceholderForOolibPreview_1 = require("../../../../utilsOolib/renderRTEPlaceholderForOolibPreview");
 var Divider_1 = require("../../../Divider");
-var Wrappers_1 = require("../../../Wrappers");
-var Container_1 = require("../../../Container");
+var SkeletonLoader_1 = require("../../../LoadersAndProgress/SkeletonLoader");
+var Modal_1 = require("../../../Modals/Modal");
 var Paddings_1 = require("../../../Paddings");
+var AspectRatioShell_1 = __importDefault(require("../AspectRatioShell"));
 var ConfirmDeleteModal_1 = require("./comps/ConfirmDeleteModal");
 var EditToolbar_1 = require("./comps/EditToolbar");
 var ImageActionsMenu_1 = require("./comps/ImageActionsMenu");
@@ -51,11 +56,6 @@ var ImageReposManager_1 = require("./comps/ImageReposManager");
 var styled_1 = require("./styled");
 var smallImageInputUIConditionsMet_1 = require("./utils/smallImageInputUIConditionsMet");
 var useReorientImage_1 = require("./utils/useReorientImage");
-var styled_components_1 = require("styled-components");
-var renderRTEPlaceholderForOolibPreview_1 = require("../../../../utilsOolib/renderRTEPlaceholderForOolibPreview");
-var themes_1 = require("../../../../themes");
-var Modal_1 = require("../../../Modals/Modal");
-var SkeletonLoader_1 = require("../../../LoadersAndProgress/SkeletonLoader");
 /**
  * fiddle for dealing with rotation: https://jsfiddle.net/wunderbart/w1hw5kv1/
  */
@@ -72,6 +72,7 @@ function ImageEditor(_a) {
     //backwards compat
     richTextHasValue = _d === void 0 ? function () { return false; } : _d; //temporarily passed thru from okf
     var _e = (0, react_1.useState)(_underEditImageData || undefined), underEditImageData = _e[0], setUnderEditImageData = _e[1];
+    var screenWidth = (0, _EXPORTS_1.useScreenWidth)();
     //set state in parent imageeditor
     (0, react_1.useEffect)(function () {
         _setUnderEditImageData && _setUnderEditImageData(underEditImageData);
@@ -123,11 +124,9 @@ function ImageEditor(_a) {
     var modalStyleEditorIsCurrentlyOpen = function () {
         return editorStyle === "modal" && !!underEditImageData;
     };
-    var genModalStyleEditor = function () { return (react_1.default.createElement(Modal_1.Modal, { title: "Edit Image" },
-        react_1.default.createElement(Container_1.Container, null,
-            react_1.default.createElement(Wrappers_1.Wrapper650, null,
-                react_1.default.createElement(Paddings_1.PaddingTopBottom40, null,
-                    react_1.default.createElement(ImageEditor, __assign({}, props, { id: 'insideModal', underEditImageData: underEditImageData, setUnderEditImageData: setUnderEditImageData, isInPopUp: true }))))))); };
+    var genModalStyleEditor = function () { return (react_1.default.createElement(Modal_1.Modal, { title: "Edit Image", fitToContentHeight: screenWidth >= (0, mixins_1.getBreakPoint)('sm') ? true : false, desktopWidth: "500px" },
+        react_1.default.createElement(Paddings_1.PaddingTop40, null,
+            react_1.default.createElement(ImageEditor, __assign({}, props, { id: 'insideModal', underEditImageData: underEditImageData, setUnderEditImageData: setUnderEditImageData, isInPopUp: true }))))); };
     var genToolbarStyledEditor = function () { return (react_1.default.createElement(EditToolbar_1.EditToolbar, __assign({}, {
         setUnderEditImageData: setUnderEditImageData,
         underEditImageData: underEditImageData,
@@ -138,6 +137,7 @@ function ImageEditor(_a) {
         publicUrl: publicUrl,
         defaultImageSpread: defaultImageSpread,
         omitEditorTools: omitEditorTools,
+        isInPopUp: isInPopUp
     }))); };
     return (react_1.default.createElement("div", { id: id && id + '_ImageEditor', style: {
             position: "relative",

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

@@ -1,4 +1,4 @@
-export function Modal({ title, onClose, children, linkTo, desktopWidth, headerStyle, subtitle, fitToContentHeight, invert, overflowVisible, showActionPanel, onCloseText, onConfirm, showCloseBtn, onConfirmText, showConfirmBtn, alignActions }: {
+export function Modal({ title, onClose, children, linkTo, desktopWidth, headerStyle, subtitle, fitToContentHeight, invert, overflowVisible, showActionPanel, onCloseText, onConfirm, showCloseBtn, onConfirmText, showConfirmBtn, alignActions, disableHeader }: {
     title: any;
     onClose: any;
     children: any;
@@ -16,4 +16,5 @@ export function Modal({ title, onClose, children, linkTo, desktopWidth, headerSt
     onConfirmText?: string;
     showConfirmBtn?: boolean;
     alignActions?: string;
+    disableHeader?: boolean;
 }): any;

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

@@ -48,12 +48,12 @@ var Divider_1 = require("../../Divider");
 var Modal = 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, // used only in header style 2
     _d = _a.fitToContentHeight, // used only in header style 2
-    fitToContentHeight = _d === void 0 ? false : _d, invert = _a.invert, overflowVisible = _a.overflowVisible, _e = _a.showActionPanel, showActionPanel = _e === void 0 ? false : _e, _f = _a.onCloseText, onCloseText = _f === void 0 ? "Close" : _f, onConfirm = _a.onConfirm, _g = _a.showCloseBtn, showCloseBtn = _g === void 0 ? true : _g, _h = _a.onConfirmText, onConfirmText = _h === void 0 ? "Confirm" : _h, _j = _a.showConfirmBtn, showConfirmBtn = _j === void 0 ? true : _j, _k = _a.alignActions, alignActions = _k === void 0 ? "right" : _k;
+    fitToContentHeight = _d === void 0 ? false : _d, invert = _a.invert, overflowVisible = _a.overflowVisible, _e = _a.showActionPanel, showActionPanel = _e === void 0 ? false : _e, _f = _a.onCloseText, onCloseText = _f === void 0 ? "Close" : _f, onConfirm = _a.onConfirm, _g = _a.showCloseBtn, showCloseBtn = _g === void 0 ? true : _g, _h = _a.onConfirmText, onConfirmText = _h === void 0 ? "Confirm" : _h, _j = _a.showConfirmBtn, showConfirmBtn = _j === void 0 ? true : _j, _k = _a.alignActions, alignActions = _k === void 0 ? "right" : _k, _l = _a.disableHeader, disableHeader = _l === void 0 ? false : _l;
     var screenWidth = (0, useScreenWidth_1.useScreenWidth)();
     var handleClose = function () { return onClose(); };
     var initAnimPos = { marginTop: "100vh", opacity: 0 };
     var endAnimPos = { marginTop: 0, opacity: 1 };
-    var _l = (0, react_1.useState)(endAnimPos), animPos = _l[0], setAnimPos = _l[1];
+    var _m = (0, react_1.useState)(endAnimPos), animPos = _m[0], setAnimPos = _m[1];
     (0, react_1.useEffect)(function () {
         document.body.style.overflow = "hidden";
         return function () { return (document.body.style.overflow = "unset"); };
@@ -76,7 +76,7 @@ var Modal = function (_a) {
         ? true
         : ["style2"].indexOf(headerStyle) !== -1 && false;
     var genModalContents = function () { return (react_1.default.createElement(styled_1.StyledModalLargeContentWrapper, { className: "StyledModalLargeContentWrapper", desktopWidth: desktopWidth, takeFullScreenOnScroll: takeFullScreenOnScroll, style: !fitToContentHeight ? { minHeight: 'calc(100vh - 4rem)' } : {} },
-        genHeader(),
+        !disableHeader && genHeader(),
         react_1.default.createElement(styled_1.StyledModalBodyWrapper, { style: !fitToContentHeight ? { minHeight: 'calc(100vh - 8rem)' } : {}, overflowVisible: overflowVisible, takeFullScreenOnScroll: takeFullScreenOnScroll },
             react_1.default.createElement(styled_1.StyledModalLargeBody, { takeFullScreenOnScroll: takeFullScreenOnScroll }, children),
             showActionPanel &&

package/package.json

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