oolib 2.111.3 → 2.112.1

package/dist/components/AudioInput/index.js

@@ -72,7 +72,8 @@ function AudioInput(_a) {
         },
         handleUploadProgess: handleUploadProgess,
     })) || (0, useFakeUploadImpression_1.useFakeUploadImpression)({ handleUploadProgess: handleUploadProgess, fileType: "audio" }), upload = _c.mutate, isLoading = _c.isLoading;
-    var handleUpload = function (files) {
+    var handleUpload = function (_a) {
+        var files = _a.files;
         if (!files)
             return;
         if (!upload)
@@ -89,7 +90,7 @@ function AudioInput(_a) {
     };
     (0, react_1.useEffect)(function () {
         if (files) {
-            handleUpload(files);
+            handleUpload({ files: files });
         }
     }, []);
     return (react_1.default.createElement(react_1.Fragment, null,
@@ -99,7 +100,7 @@ function AudioInput(_a) {
             react_1.default.createElement(AudioPlayer_1.AudioPlayer, { audioData: audioData }),
             react_1.default.createElement(AudioAction_1.AudioAction, { id: id, isInRTE: isInRTE, inputRef: inputRef, parentOnChange: parentOnChange })))),
         react_1.default.createElement("input", { type: "file" // When user clicks on upload new video from action menu inputRef.current.click() this does not work for upload button. this approch deals with that issue.
-            , accept: "audio/*", ref: inputRef, style: { display: "none" }, id: "AudioField", onChange: function (v) { return handleUpload(v.target.files); } })));
+            , accept: "audio/*", ref: inputRef, style: { display: "none" }, id: "AudioField", onChange: function (v) { return handleUpload({ files: v.target.files }); } })));
 }
 ;
 exports.default = AudioInput;

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

@@ -151,7 +151,7 @@ function ImageEditor(_a) {
                 react_1.default.createElement("div", { style: {
                         borderRadius: "0.2rem",
                         padding: readOnly ? "1rem" : "2rem",
-                        backgroundColor: readOnly ? "initial" : invert ? themes_1.colors.greyColor90 : themes_1.colors.greyColor5,
+                        backgroundColor: invert ? themes_1.colors.greyColor90 : themes_1.colors.greyColor5,
                     } }, !LexicalTextEditor
                     ? (0, renderRTEPlaceholderForOolibPreview_1.renderRTEPlaceholderForOolibPreview)({
                         width: '100%',

package/dist/components/PDFInput/index.js

@@ -81,7 +81,8 @@ function PDFInput(_a) {
         },
         handleUploadProgess: handleUploadProgess,
     })) || (0, useFakeUploadImpression_1.useFakeUploadImpression)({ handleUploadProgess: handleUploadProgess, fileType: "pdf" }), upload = _c.mutate, isLoading = _c.isLoading;
-    var handleUpload = function (files) {
+    var handleUpload = function (_a) {
+        var files = _a.files;
         if (!files)
             return;
         if (!upload)
@@ -98,13 +99,13 @@ function PDFInput(_a) {
     };
     (0, react_1.useEffect)(function () {
         if (files) {
-            handleUpload(files);
+            handleUpload({ files: files });
         }
     }, []);
     return (react_1.default.createElement(react_3.Fragment, null,
         react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, getBlockLabelProps_1.getBlockLabelProps)(props), { invert: invert })),
         (readOnly && value) ? (value === null || value === void 0 ? void 0 : value.map(function (d, i) { return (react_1.default.createElement(PDFEmbed_1.default, { key: i, filePath: d.publicUrl, fileName: d.originalFilename, fileID: d.generation })); }))
-            : !value || (value === null || value === void 0 ? void 0 : value.length) === 0 && !isLoading ? (react_1.default.createElement(FileUploadWrapper_1.FileUploadWrapper, { height: "18rem", isLoading: isLoading, mediaType: "pdf", handleUpload: handleUpload, uploadProgress: uploadProgress, enableClickUpload: false },
+            : !value || (value === null || value === void 0 ? void 0 : value.length) === 0 && !isLoading ? (react_1.default.createElement(FileUploadWrapper_1.FileUploadWrapper, { height: "18rem", isLoading: isLoading, mediaType: "pdf", handleUpload: handleUpload, onChange: parentOnChange, uploadProgress: uploadProgress, enableClickUpload: false },
                 react_1.default.createElement(Buttons_1.ButtonSecondary, { onClick: function () { return inputRef.current.click(); }, icon: "UploadSimple", value: "Upload Pdf", invert: invert }))) : (value === null || value === void 0 ? void 0 : value.map(function (d, i) { return (react_1.default.createElement("div", { style: { position: 'relative' }, key: i },
                 react_1.default.createElement(PDFEmbed_1.default, { filePath: d.publicUrl, fileName: d.originalFilename, fileID: d.generation }),
                 react_1.default.createElement(StyledActionsButtonWrapper, null,

package/dist/components/VideoInput/index.js

@@ -63,8 +63,9 @@ function VideoInput(_a) {
         handleUploadProgess: handleUploadProgess,
     })) ||
         (0, useFakeUploadImpression_1.useFakeUploadImpression)({ handleUploadProgess: handleUploadProgess, fileType: "video" }), upload = _e.mutate, isLoading = _e.isLoading;
-    var handleUpload = function (files) {
+    var handleUpload = function (_a) {
         // onChange(id, undefined) //so that the prev video is cleared and loader shows up
+        var files = _a.files;
         if (!files)
             return;
         if (!upload)
@@ -82,7 +83,7 @@ function VideoInput(_a) {
     };
     (0, react_1.useEffect)(function () {
         if (files) {
-            handleUpload(files);
+            handleUpload({ files: files });
         }
     }, []);
     var createVideoPreview = function (_a) {
@@ -121,6 +122,6 @@ function VideoInput(_a) {
                             react_1.default.createElement(Buttons_1.ButtonSecondary, { onClick: function () { return inputRef.current.click(); }, value: "Upload A Video", icon: "UploadSimple", invert: invert, id: "videoField" }))))),
         showEmbedLinkModal && (react_1.default.createElement(EmbedLinkModal_1.EmbedLinkModal, { setShowEmbedLinkModal: setShowEmbedLinkModal, value: value, createVideoPreview: createVideoPreview, canPlay: canPlay, onChange: onChange, id: id, invert: invert })),
         react_1.default.createElement("input", { type: "file" // When user clicks on upload new video from action menu inputRef.current.click() this does not work for upload button. this approch deals with that issue.
-            , accept: "video/*", ref: inputRef, style: { display: "none" }, id: "videoField", onChange: function (v) { return handleUpload(v.target.files); } })));
+            , accept: "video/*", ref: inputRef, style: { display: "none" }, id: "videoField", onChange: function (v) { return handleUpload({ files: v.target.files }); } })));
 }
 exports.default = VideoInput;

package/dist/utilsOolib/index.d.ts

@@ -6,8 +6,38 @@
  */
 import { ReactNode } from 'react';
 import { ColorsType } from '../themes/colors';
+/**
+ * Generates a function that localizes a value based on the current theme.
+ *
+ * @param {ReactNode} value - The value to be localized
+ * @return {ReactNode} The localized value
+ */
 export declare const useLocale: () => (value: ReactNode) => ReactNode;
+/**
+ * Returns the primary color at 10% opacity from the provided colors object or falls back to a default primary color
+ *
+ * @param {ColorsType} colors - An optional ColorsType object to retrieve the primary color from
+ * @return {string} The primary color value at 10% opacity
+ */
 export declare const getPrimaryColor10: (colors?: ColorsType) => string;
+/**
+ * Returns the primary color at 40% opacity from the provided colors object or falls back to a default primary color.
+ *
+ * @param {ColorsType} colors - An optional ColorsType object to retrieve the primary color from
+ * @return {string} The primary color at 40% opacity.
+ */
 export declare const getPrimaryColor40: (colors?: ColorsType) => string;
+/**
+ * Returns the primary color at 100% opacity from the provided colors object or falls back to a default primary color.
+ *
+ * @param {ColorsType} colors - Optional colors object containing primary color levels.
+ * @return {string} The primary color at 100 level.
+ */
 export declare const getPrimaryColor100: (colors?: ColorsType) => string;
+/**
+ * Get the primary color text.
+ *
+ * @param {ColorsType} colors - Optional colors object
+ * @return {string} The primary color text
+ */
 export declare const getPrimaryColorText: (colors?: ColorsType) => string;

package/dist/utilsOolib/index.js

@@ -14,6 +14,12 @@ var react_1 = __importDefault(require("react"));
 var styled_components_1 = require("styled-components");
 var colors_1 = require("../themes/colors");
 var primaryColor10 = colors_1.colors.primaryColor10, primaryColor40 = colors_1.colors.primaryColor40, primaryColor100 = colors_1.colors.primaryColor100, primaryColorText = colors_1.colors.primaryColorText;
+/**
+ * Generates a function that localizes a value based on the current theme.
+ *
+ * @param {ReactNode} value - The value to be localized
+ * @return {ReactNode} The localized value
+ */
 var useLocale = function () {
     var currentTheme = (0, styled_components_1.useTheme)();
     ;
@@ -32,18 +38,42 @@ var useLocale = function () {
     return localize;
 };
 exports.useLocale = useLocale;
+/**
+ * Returns the primary color at 10% opacity from the provided colors object or falls back to a default primary color
+ *
+ * @param {ColorsType} colors - An optional ColorsType object to retrieve the primary color from
+ * @return {string} The primary color value at 10% opacity
+ */
 var getPrimaryColor10 = function (colors) {
     return (colors === null || colors === void 0 ? void 0 : colors.primaryColor10) || primaryColor10;
 };
 exports.getPrimaryColor10 = getPrimaryColor10;
+/**
+ * Returns the primary color at 40% opacity from the provided colors object or falls back to a default primary color.
+ *
+ * @param {ColorsType} colors - An optional ColorsType object to retrieve the primary color from
+ * @return {string} The primary color at 40% opacity.
+ */
 var getPrimaryColor40 = function (colors) {
     return (colors === null || colors === void 0 ? void 0 : colors.primaryColor40) || primaryColor40;
 };
 exports.getPrimaryColor40 = getPrimaryColor40;
+/**
+ * Returns the primary color at 100% opacity from the provided colors object or falls back to a default primary color.
+ *
+ * @param {ColorsType} colors - Optional colors object containing primary color levels.
+ * @return {string} The primary color at 100 level.
+ */
 var getPrimaryColor100 = function (colors) {
     return (colors === null || colors === void 0 ? void 0 : colors.primaryColor100) || primaryColor100;
 };
 exports.getPrimaryColor100 = getPrimaryColor100;
+/**
+ * Get the primary color text.
+ *
+ * @param {ColorsType} colors - Optional colors object
+ * @return {string} The primary color text
+ */
 var getPrimaryColorText = function (colors) {
     return (colors === null || colors === void 0 ? void 0 : colors.primaryColorText) || primaryColorText;
 };

package/package.json

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