oolib 2.65.0 → 2.66.0

package/dist/components/Hints/index.js

@@ -64,7 +64,7 @@ var getPositionStyles = function (position) {
 };
 var BulletIcon = function () { return (
 // line height of SANS_3 is 21px. Dot is 8px tall. so below css (21/2 - 8/2) makes the circle perfectly aligned with the first line
-react_1.default.createElement("div", { style: { fontSize: 0, marginTop: "6.5px" } },
+react_1.default.createElement("div", { style: { fontSize: 0, marginTop: '6.5px', lineHeight: 0 } },
     react_1.default.createElement(DisplayIcon_1.DisplayIcon, { color: greyColor100, weight: "fill", icon: "Circle", size: 8 }))); };
 var Hints = function (_a) {
     var id = _a.id, hints = _a.hints, _b = _a.title, title = _b === void 0 ? "Hints" : _b, _c = _a.btnlabel, btnlabel = _c === void 0 ? "Hints" : _c, subtitle = _a.subtitle;

package/dist/components/ImageInput/comps/ImageUploadShell/index.d.ts

@@ -1,6 +1,7 @@
 export default ImageUploadShell;
-declare function ImageUploadShell({ style, children, disabled, enableFilesDrop, setDragOverActive }: {
+declare function ImageUploadShell({ style, isLoading, children, disabled, enableFilesDrop, setDragOverActive }: {
     style: any;
+    isLoading: any;
     children: any;
     disabled: any;
     enableFilesDrop: any;

package/dist/components/ImageInput/comps/ImageUploadShell/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);
@@ -37,7 +48,7 @@ var ImageInputContext_1 = require("../../ImageInputContext");
 var bannerContext_1 = require("../../../Banners/bannerContext");
 var UIContent_1 = require("../../../../UIContent");
 var ImageUploadShell = function (_a) {
-    var style = _a.style, children = _a.children, disabled = _a.disabled, enableFilesDrop = _a.enableFilesDrop, setDragOverActive = _a.setDragOverActive;
+    var style = _a.style, isLoading = _a.isLoading, children = _a.children, disabled = _a.disabled, enableFilesDrop = _a.enableFilesDrop, setDragOverActive = _a.setDragOverActive;
     var SET_ALERT_BANNER = (0, bannerContext_1.useBannerContext)().SET_ALERT_BANNER;
     var inputRef = (0, react_1.useRef)(null);
     var _b = (0, ImageInputContext_1.useImageInputContext)(), handleUpload = _b.handleUpload, onChange = _b.onChange, value = _b.value, id = _b.id, multiple = _b.multiple;
@@ -55,29 +66,36 @@ var ImageUploadShell = function (_a) {
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("input", { type: "file", accept: "image/*", style: { display: 'none' }, ref: inputRef, onChange: function (e) { return fireHandleUpload(e.target.files); }, multiple: multiple }),
-        react_1.default.createElement("div", { onDragEnter: function (e) {
-                e.preventDefault();
-                setDragOverActive(true);
-            }, onDragLeave: function (e) {
-                e.preventDefault();
-                setDragOverActive(false);
-            }, onDragOver: enableFilesDrop
-                ? function (e) { return e.preventDefault(); }
-                : function () { }, onDrop: enableFilesDrop
-                ? function (e) {
-                    var _a, _b;
+        react_1.default.createElement("div", __assign({}, (isLoading
+            ? {}
+            : {
+                onDragEnter: function (e) {
+                    e.preventDefault();
+                    setDragOverActive(true);
+                },
+                onDragLeave: function (e) {
                     e.preventDefault();
-                    e.stopPropagation();
-                    if ((_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.files) {
-                        if (!multiple && ((_b = e.dataTransfer) === null || _b === void 0 ? void 0 : _b.files.length) > 1) { //then set alert saying only first image will be attempted to upload
-                            SET_ALERT_BANNER(UIContent_1.UIContent.ImageInput.onlyFirstFileConsiderErrMsg, 'red', 3000);
+                    setDragOverActive(false);
+                },
+                onDragOver: enableFilesDrop
+                    ? function (e) { return e.preventDefault(); }
+                    : function () { },
+                onDrop: enableFilesDrop
+                    ? function (e) {
+                        var _a, _b;
+                        e.preventDefault();
+                        e.stopPropagation();
+                        if ((_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.files) {
+                            if (!multiple && ((_b = e.dataTransfer) === null || _b === void 0 ? void 0 : _b.files.length) > 1) { //then set alert saying only first image will be attempted to upload
+                                SET_ALERT_BANNER(UIContent_1.UIContent.ImageInput.onlyFirstFileConsiderErrMsg, 'red', 3000);
+                            }
+                            var filesToUpload = multiple
+                                ? Array.from(e.dataTransfer.files)
+                                : [Array.from(e.dataTransfer.files)[0]];
+                            fireHandleUpload(filesToUpload);
                         }
-                        var filesToUpload = multiple
-                            ? Array.from(e.dataTransfer.files)
-                            : [Array.from(e.dataTransfer.files)[0]];
-                        fireHandleUpload(filesToUpload);
                     }
-                }
-                : function () { }, onClick: function () { return inputRef.current.click(); }, style: { height: '100%', width: '100%' } }, children)));
+                    : function () { }
+            }), { onClick: function () { return inputRef.current.click(); }, style: { height: '100%', width: '100%' } }), children)));
 };
 exports.default = ImageUploadShell;

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

@@ -84,7 +84,7 @@ var Placeholder = function (_a) {
     }),
         react_1.default.createElement(styled_1.StyledPlaceholderWrapper, { smallPlaceholderUI: smallPlaceholderUI, ref: styledPlaceholderWrapperRef, dragOverActive: dragOverActive }, isLoading ? (react_1.default.createElement(ProgressBar_1.ProgressBar, { progress: uploadProgress, text: uploadProgress && uploadProgress !== 100
                 ? uploadProgress + "%"
-                : "Almost Done..." })) : (react_1.default.createElement(ImageUploadShell_1.default, { enableFilesDrop: true, multiple: multiple, setDragOverActive: setDragOverActive },
+                : "Almost Done..." })) : (react_1.default.createElement(ImageUploadShell_1.default, { isLoading: isLoading, enableFilesDrop: true, multiple: multiple, setDragOverActive: setDragOverActive },
             react_1.default.createElement(styled_1.StyledPlaceholder, __assign({}, { containerShape: containerShape }, { smallPlaceholderUI: smallPlaceholderUI }), smallPlaceholderUI ? (react_1.default.createElement(react_1.Fragment, null,
                 react_1.default.createElement(ImageSquare, { size: 16, color: greyColor100 }),
                 react_1.default.createElement(Typo_1.SANS_0, { semibold: true }, dropzoneLabel),

package/package.json

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