oolib 2.67.3 → 2.67.5

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

@@ -99,7 +99,8 @@ function ImageEditor(_a) {
         aspectRatio: aspectRatio,
         underEditImageData: underEditImageData,
         isFirstMount: isFirstMount,
-        handleDeleteSingleImage: handleDeleteSingleImage
+        handleDeleteSingleImage: handleDeleteSingleImage,
+        readOnly: readOnly
     }), reorientedImageTempUrl = _l.reorientedImageTempUrl, imageLazyLoading = _l.imageLazyLoading;
     var _m = (0, react_1.useState)(undefined), showDeleteImageModal = _m[0], setShowDeleteImageModal = _m[1];
     var inputRef = (0, react_1.useRef)(null);

package/dist/components/ImageInput/comps/ImageEditor/utils/useReorientImage/index.d.ts

@@ -1,4 +1,4 @@
-export function useReorientImage({ imageRotate, setFullWidthOrFullHeightImg, setUnderEditImageData, publicUrl, aspectRatio, isFirstMount, handleDeleteSingleImage }: {
+export function useReorientImage({ imageRotate, setFullWidthOrFullHeightImg, setUnderEditImageData, publicUrl, aspectRatio, isFirstMount, handleDeleteSingleImage, readOnly }: {
     imageRotate: any;
     setFullWidthOrFullHeightImg: any;
     setUnderEditImageData: any;
@@ -6,6 +6,7 @@ export function useReorientImage({ imageRotate, setFullWidthOrFullHeightImg, set
     aspectRatio: any;
     isFirstMount: any;
     handleDeleteSingleImage: any;
+    readOnly: any;
 }): {
     reorientedImageTempUrl: any;
     imageLazyLoading: boolean;

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

@@ -6,8 +6,9 @@ var react_1 = require("react");
 var decideIfFullWidthOrFullHeightImg_1 = require("../decideIfFullWidthOrFullHeightImg");
 var changeImageOrientation_1 = require("./changeImageOrientation");
 var bannerContext_1 = require("../../../../../Banners/bannerContext");
+var UIContent_1 = require("../../../../../../UIContent");
 var useReorientImage = function (_a) {
-    var imageRotate = _a.imageRotate, setFullWidthOrFullHeightImg = _a.setFullWidthOrFullHeightImg, setUnderEditImageData = _a.setUnderEditImageData, publicUrl = _a.publicUrl, aspectRatio = _a.aspectRatio, isFirstMount = _a.isFirstMount, handleDeleteSingleImage = _a.handleDeleteSingleImage;
+    var imageRotate = _a.imageRotate, setFullWidthOrFullHeightImg = _a.setFullWidthOrFullHeightImg, setUnderEditImageData = _a.setUnderEditImageData, publicUrl = _a.publicUrl, aspectRatio = _a.aspectRatio, isFirstMount = _a.isFirstMount, handleDeleteSingleImage = _a.handleDeleteSingleImage, readOnly = _a.readOnly;
     var SET_ALERT_BANNER = (0, bannerContext_1.useBannerContext)().SET_ALERT_BANNER;
     var _b = (0, react_1.useState)(true), imageLazyLoading = _b[0], setImageLazyLoading = _b[1];
     var _c = (0, react_1.useState)(undefined), reorientedImageTempUrl = _c[0], setReorientedImageTempUrl = _c[1];
@@ -29,8 +30,13 @@ var useReorientImage = function (_a) {
                  * this component. In such cases, an error will fire here, and we need to
                  * handle it, by deleting said url and throwing an alert
                  */
-                handleDeleteSingleImage({ publicUrl: publicUrl });
-                SET_ALERT_BANNER(UIContent.ImageInput.corruptUrlErrMsg, 'red', 3000);
+                if (!readOnly) { //this also fixes another issue. in readonly in some cases (LinkEmbed) on change prop is not available. handleDelete uses the onChange, so this !readOnly condition solves that problem as well
+                    handleDeleteSingleImage({ publicUrl: publicUrl });
+                    SET_ALERT_BANNER(UIContent_1.UIContent.ImageInput.corruptUrlErrMsg, 'red', 3000);
+                }
+                else {
+                    setImageLazyLoading(false); // in read only, let the broken image attempt to render and browser will show some default UI for the error  
+                }
             };
             img.onload = function () {
                 setFullWidthOrFullHeightImg((0, decideIfFullWidthOrFullHeightImg_1.decideIfFullWidthOrFullHeightImg)({

package/dist/components/SimpleTable/index.js

@@ -56,6 +56,7 @@ var functions_1 = require("./functions");
 var styled_1 = require("./styled");
 var useResizeTableColumns_1 = require("./useResizeTableColumns");
 var prepInitValueFromConfigIfNoValue_1 = require("./utils/prepInitValueFromConfigIfNoValue");
+var convertColHeaderConfigToRowData_1 = require("./utils/convertColHeaderConfigToRowData");
 var greyColor100 = themes_1.colors.greyColor100;
 /*pending:
 - first test whatever is done on okf
@@ -81,11 +82,9 @@ function SimpleTable(_a) {
         _value: _value,
         config: config,
         defaultColWidth: defaultColWidth,
-        convertToRichText: convertToRichText
     }), value = _f.value, canAddCols = _f.canAddCols, //returns true if no config.colHeaderData is defined. else false
     canToggleColHeaderStyle = _f.canToggleColHeaderStyle // returns true if no config.colHeaderData is defined. else false
     ;
-    console.log({ value: value });
     var _g = (0, useResizeTableColumns_1.useResizeTableColumns)({
         setColWidthConfig: function (setterFn) {
             var newColWidthConfig = setterFn(value.colWidthConfig);
@@ -172,7 +171,9 @@ function SimpleTable(_a) {
                 alignItems: "stretch" /**without stretch AddColButton will be wonky */,
             } },
             react_1.default.createElement("div", null,
-                react_1.default.createElement(styled_1.StyledSimpleTable, null, value.data.map(function (row, rowIdx) { return genRow({ row: row, rowIdx: rowIdx }); })),
+                react_1.default.createElement(styled_1.StyledSimpleTable, null,
+                    config.colHeaderData && genRow({ row: (0, convertColHeaderConfigToRowData_1.convertColHeaderConfigToRowData)({ colHeaderData: config.colHeaderData, convertToRichText: convertToRichText }) }),
+                    value.data.map(function (row, rowIdx) { return genRow({ row: row, rowIdx: rowIdx }); })),
                 !readOnly && canAddRows && (react_1.default.createElement(AddRowColButtons_1.AddRowButton, { onClick: function () { return (0, functions_1.handleAddRow)(value, props); } }))),
             !readOnly && canAddCols && (react_1.default.createElement(AddRowColButtons_1.AddColButton, { onClick: function () { return (0, functions_1.handleAddCol)(value, props); } })))));
 }

package/dist/components/SimpleTable/styled.js

@@ -35,7 +35,7 @@ var utilsOolib_1 = require("../../utilsOolib");
 exports.StyledSimpleTable = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-top: 1px solid ", ";\n  border-bottom: 1px solid ", ";\n  border-left: 1px solid ", ";\n"], ["\n  border-top: 1px solid ", ";\n  border-bottom: 1px solid ", ";\n  border-left: 1px solid ", ";\n"])), themes_1.colors.greyColor10, themes_1.colors.greyColor10, themes_1.colors.greyColor10);
 exports.StyledSimpleTableRow = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  ", ";\n  background-color: ", ";\n"], ["\n  display: flex;\n  ", ";\n  background-color: ", ";\n"])), (0, transitions_1.transition)("background-color"), function (_a) {
     var rowIdx = _a.rowIdx;
-    return rowIdx % 2 === 1 ? themes_1.colors.greyColor3 : themes_1.colors.white;
+    return rowIdx % 2 === 1 ? themes_1.colors.white : themes_1.colors.greyColor3;
 });
 exports.StyledSimpleTableCell = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  /* max-width: 300px; */\n  padding: 0.8rem 1rem;\n  /* margin: 0 1rem; */\n  border-right: 1px solid ", ";\n  ", ";\n  ", "\n"], ["\n  /* max-width: 300px; */\n  padding: 0.8rem 1rem;\n  /* margin: 0 1rem; */\n  border-right: 1px solid ", ";\n  ", ";\n  ", "\n"])), themes_1.colors.greyColor10, (0, transitions_1.transition)("background-color"), function (_a) {
     var readOnly = _a.readOnly, theme = _a.theme;

package/dist/components/SimpleTable/utils/convertColHeaderConfigToRowData.d.ts

@@ -0,0 +1,8 @@
+export function convertColHeaderConfigToRowData({ colHeaderData, convertToRichText }: {
+    colHeaderData: any;
+    convertToRichText: any;
+}): {
+    id: string;
+    isColHeader: boolean;
+    cellData: any;
+};

package/dist/components/SimpleTable/utils/convertColHeaderConfigToRowData.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.convertColHeaderConfigToRowData = void 0;
+var convertColHeaderConfigToRowData = function (_a) {
+    var colHeaderData = _a.colHeaderData, convertToRichText = _a.convertToRichText;
+    return {
+        id: "colHeader",
+        isColHeader: true,
+        cellData: colHeaderData.map(function (d, i) { return ({
+            value: convertToRichText ? convertToRichText(d) : d,
+            readOnly: true,
+            id: "colHeaderCell_".concat(i),
+        }); }),
+    };
+};
+exports.convertColHeaderConfigToRowData = convertColHeaderConfigToRowData;

package/dist/components/SimpleTable/utils/prepInitValueFromConfigIfNoValue.d.ts

@@ -1,8 +1,7 @@
-export function prepInitValueFromConfigIfNoValue({ _value, config, defaultColWidth, convertToRichText }: {
+export function prepInitValueFromConfigIfNoValue({ _value, config, defaultColWidth, }: {
     _value: any;
     config: any;
     defaultColWidth: any;
-    convertToRichText: any;
 }): {
     value: any;
     canAddCols: boolean;

package/dist/components/SimpleTable/utils/prepInitValueFromConfigIfNoValue.js

@@ -22,46 +22,36 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.prepInitValueFromConfigIfNoValue = void 0;
 var makeArrayFromLength_1 = require("../../../utils/makeArrayFromLength");
-var toArray_1 = require("../../../utils/toArray");
 var functions_1 = require("../functions");
 var prepInitValueFromConfigIfNoValue = function (_a) {
-    var _b;
-    var _value = _a._value, config = _a.config, defaultColWidth = _a.defaultColWidth, convertToRichText = _a.convertToRichText;
+    var _b, _c;
+    var _value = _a._value, config = _a.config, defaultColWidth = _a.defaultColWidth;
     //if colHeaderData is defined then that decides the noOfCols.
     var noOfCols = ((_b = config.colHeaderData) === null || _b === void 0 ? void 0 : _b.length) || config.noOfCols;
-    var value = !_value
-        ? {
-            data: __spreadArray(__spreadArray([], (config.colHeaderData ? [convertColHeaderConfigToRowData({ colHeaderData: config.colHeaderData, convertToRichText: convertToRichText })] : []), true), insertRowAndCellIds({
-                noOfRows: config.noOfRows,
-                noOfCols: noOfCols
-            }), true),
-            colWidthConfig: getInitColWidthConfigs({ noOfCols: noOfCols, defaultColWidth: defaultColWidth }),
-        }
-        : !_value.data
+    var value = ((_c = _value === null || _value === void 0 ? void 0 : _value.data) === null || _c === void 0 ? void 0 : _c.length) > 0 //value exists in the correct shape
+        ? _value
+        : Array.isArray(_value) && _value.length > 0 //value exists but in deprecated shape
             ? {
                 data: _value,
-                colWidthConfig: getInitColWidthConfigs({ noOfCols: _value[0].cellData.length, defaultColWidth: defaultColWidth }),
-            } //backwars compat
-            : _value;
-    return ({
+                colWidthConfig: getInitColWidthConfigs({
+                    noOfCols: _value[0].cellData.length,
+                    defaultColWidth: defaultColWidth,
+                }),
+            } //backwards compat
+            : {
+                data: __spreadArray([], insertRowAndCellIds({
+                    noOfRows: config.noOfRows,
+                    noOfCols: noOfCols,
+                }), true),
+                colWidthConfig: getInitColWidthConfigs({ noOfCols: noOfCols, defaultColWidth: defaultColWidth }),
+            };
+    return {
         value: value,
         canAddCols: !!!config.colHeaderData,
-        canToggleColHeaderStyle: !!!config.colHeaderData // meaning its true if no config.colHeaderData is defined. else false
-    });
-};
-exports.prepInitValueFromConfigIfNoValue = prepInitValueFromConfigIfNoValue;
-var convertColHeaderConfigToRowData = function (_a) {
-    var colHeaderData = _a.colHeaderData, convertToRichText = _a.convertToRichText;
-    return {
-        id: "colHeader",
-        isColHeader: true,
-        cellData: colHeaderData.map(function (d, i) { return ({
-            value: convertToRichText ? convertToRichText(d) : d,
-            readOnly: true,
-            id: "colHeaderCell_".concat(i),
-        }); }),
+        canToggleColHeaderStyle: !!!config.colHeaderData, // meaning its true if no config.colHeaderData is defined. else false
     };
 };
+exports.prepInitValueFromConfigIfNoValue = prepInitValueFromConfigIfNoValue;
 var getInitColWidthConfigs = function (_a) {
     var noOfCols = _a.noOfCols, defaultColWidth = _a.defaultColWidth;
     return (0, makeArrayFromLength_1.makeArrayFromLength)(noOfCols)

package/package.json

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