oolib 2.187.11 → 2.188.0

package/dist/components/AudioInput/index.js

@@ -66,7 +66,6 @@ var AudioAction_1 = require("./comps/AudioAction");
 var AudioPlayer_1 = require("./comps/AudioPlayer");
 var styled_js_1 = require("./styled.js");
 var FileUploadWrapper_1 = require("../FileUploadWrapper");
-var createSafeCleanup_1 = require("../../v2/themes/utils/createSafeCleanup");
 function AudioInput(_a) {
     var id = _a.id, value = _a.value, parentOnChange = _a.onChange, readOnly = _a.readOnly, invert = _a.invert, isInRTE = _a.isInRTE, files = _a.files, props = __rest(_a, ["id", "value", "onChange", "readOnly", "invert", "isInRTE", "files"]);
     var audioData = value || [];
@@ -103,9 +102,6 @@ function AudioInput(_a) {
         if (files) {
             handleUpload({ files: files });
         }
-        return (0, createSafeCleanup_1.createSafeCleanup)(function () {
-            //
-        });
     }, []);
     return (react_1.default.createElement(react_1.Fragment, null,
         react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, getBlockLabelProps_1.getBlockLabelProps)(props))),

package/dist/components/Banners/index.js

@@ -51,7 +51,6 @@ var react_router_dom_1 = require("react-router-dom");
 var Buttons_1 = require("../Buttons");
 var icons_1 = require("../../icons");
 var Typo_1 = require("../Typo");
-var createSafeCleanup_1 = require("../../v2/themes/utils/createSafeCleanup");
 var ICONS = {
     red: "XCircle",
     green: "CheckCircle",
@@ -94,10 +93,10 @@ var Banner = function (_a) {
                 remove(null, id);
             }, timeOut);
         }
-        return (0, createSafeCleanup_1.createSafeCleanup)(function () {
+        return function () {
             if (timer)
                 clearTimeout(timer);
-        });
+        };
     }, [cta, id, msg, timeOut]);
     var remove = function (e, id) {
         setHeight(0);
@@ -146,9 +145,9 @@ var BannerAlert = function (_a) {
                 setTop(ele.offsetHeight);
             }
         }, 100);
-        return (0, createSafeCleanup_1.createSafeCleanup)(function () {
+        return function () {
             clearTimeout(timerId);
-        });
+        };
     }, []);
     return (react_1.default.createElement(styled_1.BannerAlertStyled, { top: top }, (_b = BANNER_STATE === null || BANNER_STATE === void 0 ? void 0 : BANNER_STATE.alertState) === null || _b === void 0 ? void 0 : _b.map(function (e) { return (react_1.default.createElement(Banner, { key: e.id, id: e.id, color: e.color, msg: e.msg, cta: e.cta, handleRemove: REMOVE_ALERT_BANNER, timeOut: e.timeOut, showIcon: e.showIcon, hideCloseButton: e.hideCloseButton })); })));
 };

package/dist/components/DatePicker/index.js

@@ -56,7 +56,6 @@ var styled_1 = require("./styled");
 var Buttons_1 = require("../Buttons");
 var mixins_1 = require("../../themes/mixins");
 var Modal_1 = require("../Modals/Modal");
-var createSafeCleanup_1 = require("../../v2/themes/utils/createSafeCleanup");
 var white = themes_1.colors.white, greyColor40 = themes_1.colors.greyColor40;
 var months = [
     "January",
@@ -115,9 +114,9 @@ function DatePicker(props) {
         // Add an event listener to the 'scroll' event on the 'window'.
         // When the user scrolls the page, the 'handleVerticalPosDebounced' function will be called.
         window.addEventListener("scroll", handleVerticalPosDebounced);
-        return (0, createSafeCleanup_1.createSafeCleanup)(function () {
+        return function () {
             window.removeEventListener("scroll", handleVerticalPosDebounced);
-        });
+        };
     }, []);
     (0, react_1.useEffect)(function () {
         if (readOnly)

package/dist/components/Dropdowns/utils/useKeyboardControl.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useKeyboardControl = void 0;
 var react_1 = require("react");
 var getKeyCode_1 = require("../../../utils/getKeyCode");
-var createSafeCleanup_1 = require("../../../v2/themes/utils/createSafeCleanup");
 var useKeyboardControl = function (_a) {
     var showOptions = _a.showOptions, handleHideOptions = _a.handleHideOptions, optionsWrapperRef = _a.optionsWrapperRef, handleSelect = _a.handleSelect, options = _a.options, searchString = _a.searchString, id = _a.id;
     var _b = (0, react_1.useState)(-1), focussedOp = _b[0], setFocussedOp = _b[1];
@@ -48,7 +47,7 @@ var useKeyboardControl = function (_a) {
             }
         };
         window.addEventListener('keydown', handleKeyDown);
-        return (0, createSafeCleanup_1.createSafeCleanup)(function () { return window.removeEventListener('keydown', handleKeyDown); });
+        return function () { return window.removeEventListener('keydown', handleKeyDown); };
     });
     var scrollFocussedOpIntoView = function (el) {
         var _a = el.getBoundingClientRect(), elBottom = _a.bottom, elTop = _a.top;

package/dist/components/IFrameInput/utils/DisplayCoachmark.js

@@ -40,7 +40,6 @@ var react_1 = __importStar(require("react"));
 var config_1 = __importDefault(require("../../Coachmark/config"));
 var index_1 = require("../../Coachmark/index");
 var mixins_1 = require("../../../themes/mixins");
-var createSafeCleanup_1 = require("../../../v2/themes/utils/createSafeCleanup");
 var DisplayCoachmark = function (_a, ref) {
     var user = _a.user, url = _a.url, setUrl = _a.setUrl;
     var _b = (0, index_1.useCoachmark)({ coachmarks: config_1.default.H5PEmbed, compIdentifier: "H5PEmbed" }), activeMark = _b.activeMark, rank = _b.rank, removeCoachmark = _b.removeCoachmark, showNextMark = _b.showNextMark, useReliableRef = _b.useReliableRef;
@@ -86,7 +85,7 @@ var DisplayCoachmark = function (_a, ref) {
             };
             var adjustOptimized_1 = optimizeForResize(adjustSlidesHeight, 100);
             window.addEventListener('resize', adjustOptimized_1);
-            return (0, createSafeCleanup_1.createSafeCleanup)(function () { return window.removeEventListener('resize', adjustOptimized_1); });
+            return function () { return window.removeEventListener('resize', adjustOptimized_1); };
         }
     }, []);
     return (react_1.default.createElement(index_1.Coachmark, { active: (user === null || user === void 0 ? void 0 : user.coachmarkChecklist.H5PEmbed) === false && url && url.includes("h5p"), rank: rank, observerThreshold: 0.3, currentMark: activeMark, handleNext: showNextMarkOnTilt, handleSkip: removeCoachmark }));

package/dist/components/ImageInput/ImageInputContext.js

@@ -58,7 +58,6 @@ var react_1 = __importStar(require("react"));
 var styled_components_1 = require("styled-components");
 var useFakeUploadMedia_1 = require("../../utilsOolib/useFakeUploadMedia");
 var bannerContext_1 = require("../Banners/bannerContext");
-var createSafeCleanup_1 = require("../../v2/themes/utils/createSafeCleanup");
 exports.ImageInputContext = (0, react_1.createContext)();
 var ImageInputContextProvider = function (_a) {
     var children = _a.children, value = _a.value, multiple = _a.multiple, allowedFormats = _a.allowedFormats, formatConvertConfig = _a.formatConvertConfig, folderName = _a.folderName, bucketEnv = _a.bucketEnv, onChange = _a.onChange, id = _a.id, aspectRatio = _a.aspectRatio, readOnly = _a.readOnly, enableCaptions = _a.enableCaptions, defaultImageSpread = _a.defaultImageSpread, invert = _a.invert, containerShape = _a.containerShape, stretchToFullHeight = _a.stretchToFullHeight, dropzoneLabel = _a.dropzoneLabel, dropzoneSublabel = _a.dropzoneSublabel, disableImageBorder = _a.disableImageBorder, omitEditorTools = _a.omitEditorTools, files = _a.files, showOptionalLabelInDropzone = _a.showOptionalLabelInDropzone, isRequired = _a.isRequired, isInRTE = _a.isInRTE, showImageUploadCaution = _a.showImageUploadCaution;
@@ -145,9 +144,6 @@ var ImageInputContextProvider = function (_a) {
                 }
             });
         }
-        return (0, createSafeCleanup_1.createSafeCleanup)(function () {
-            //
-        });
     }, []);
     // Create a ref to always track the latest value
     var valueRef = (0, react_1.useRef)(value);

package/dist/components/ImageInput/comps/GallerySlider/comps/SliderShell/index.js

@@ -41,7 +41,6 @@ var calcAspectRatio_1 = require("../../../ImageEditor/utils/calcAspectRatio");
 var themes_1 = require("../../../../../../themes");
 var icons_1 = require("../../../../../../icons");
 var Typo_1 = require("../../../../../Typo");
-var createSafeCleanup_1 = require("../../../../../../v2/themes/utils/createSafeCleanup");
 var greyColor80 = themes_1.colors.greyColor80;
 var CaretLeft = icons_1.icons.CaretLeft, CaretRight = icons_1.icons.CaretRight;
 var SliderShell = function (_a) {
@@ -68,10 +67,10 @@ var SliderShell = function (_a) {
                 clearInterval(intervalId);
             }
         }, 100);
-        return (0, createSafeCleanup_1.createSafeCleanup)(function () {
+        return function () {
             window.removeEventListener('resize', updateHeight);
             intervalId && clearInterval(intervalId);
-        });
+        };
     }, []);
     return (react_1.default.createElement(styled_1.StyledFlexWrapper, { ref: wrapperRef },
         value.map(function (v, idx) { return (react_1.default.createElement(styled_1.StyledFlexItem, { key: (v === null || v === void 0 ? void 0 : v.publicUrl) || idx, marginLeft: idx === 0 && activeIdx * -100 + "%" }, render(v, idx) /* explicitly called, cuz we want an error to throw if render prop aint passed thru */)); }),

package/dist/components/Lexical/Plugins/TableCellResizer/index.js

@@ -54,7 +54,6 @@ var React = __importStar(require("react"));
 var react_1 = require("react");
 var react_dom_1 = require("react-dom");
 var index_styled_1 = require("./index.styled");
-var createSafeCleanup_1 = require("../../../../v2/themes/utils/createSafeCleanup");
 var MIN_ROW_HEIGHT = 33;
 var MIN_COLUMN_WIDTH = 50;
 function TableCellResizer(_a) {
@@ -124,9 +123,9 @@ function TableCellResizer(_a) {
             }, 0);
         };
         document.addEventListener('mousemove', onMouseMove);
-        return (0, createSafeCleanup_1.createSafeCleanup)(function () {
+        return function () {
             document.removeEventListener('mousemove', onMouseMove);
-        });
+        };
     }, [activeCell, draggingDirection, editor, resetState]);
     var isHeightChanging = function (direction) {
         if (direction === 'bottom') {

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

@@ -55,7 +55,6 @@ var ModalHeaderStyle2_1 = require("./comps/ModalHeaderStyle2");
 var styled_1 = require("./styled");
 var Buttons_1 = require("../../Buttons");
 var Divider_1 = require("../../Divider");
-var createSafeCleanup_1 = require("../../../v2/themes/utils/createSafeCleanup");
 /**
  * @component Renders a modal component with customizable title, content, and actions.
  *
@@ -90,7 +89,7 @@ var Modal = function (_a) {
     var _o = (0, react_1.useState)(endAnimPos), animPos = _o[0], setAnimPos = _o[1];
     (0, react_1.useEffect)(function () {
         document.body.style.overflow = "hidden";
-        return (0, createSafeCleanup_1.createSafeCleanup)(function () { document.body.style.overflow = "unset"; });
+        return function () { document.body.style.overflow = "unset"; };
     }, []);
     var genHeader = function () {
         var headerStyles = {

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

@@ -41,7 +41,6 @@ var useScreenWidth_1 = require("../../../utils/customHooks/useScreenWidth");
 var Buttons_1 = require("../../Buttons");
 var Typo_1 = require("../../Typo");
 var styled_1 = require("./styled");
-var createSafeCleanup_1 = require("../../../v2/themes/utils/createSafeCleanup");
 /**
  * @component Renders a modal confirmation component with customizable text, buttons and styling.
  *
@@ -66,7 +65,7 @@ var ModalConfirm = function (_a) {
     var _g = (0, react_1.useState)(endAnimPos), animPos = _g[0], setAnimPos = _g[1];
     (0, react_1.useEffect)(function () {
         document.body.style.overflow = "hidden";
-        return (0, createSafeCleanup_1.createSafeCleanup)(function () { document.body.style.overflow = "unset"; });
+        return function () { document.body.style.overflow = "unset"; };
     }, []);
     var SubTitleText = screenWidth >= (0, mixins_1.getBreakPoint)('sm') ? Typo_1.SANS_4 : Typo_1.SANS_3;
     var genModalContents = function () { return (react_1.default.createElement(react_1.Fragment, null,

package/dist/components/PDFInput/index.js

@@ -74,7 +74,6 @@ var useFakeUploadImpression_1 = require("../../utilsOolib/useFakeUploadImpressio
 var react_3 = require("react");
 var PDFActions_1 = require("./comps/PDFActions");
 var FileUploadWrapper_1 = require("../FileUploadWrapper");
-var createSafeCleanup_1 = require("../../v2/themes/utils/createSafeCleanup");
 var StyledActionsButtonWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 1000;\n  margin: 0.5rem;\n"], ["\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 1000;\n  margin: 0.5rem;\n"])));
 function PDFInput(_a) {
     var id = _a.id, parentOnChange = _a.onChange, value = _a.value, files = _a.files, readOnly = _a.readOnly, invert = _a.invert, isInRTE = _a.isInRTE, props = __rest(_a, ["id", "onChange", "value", "files", "readOnly", "invert", "isInRTE"]);
@@ -112,9 +111,6 @@ function PDFInput(_a) {
         if (files) {
             handleUpload({ files: files });
         }
-        return (0, createSafeCleanup_1.createSafeCleanup)(function () {
-            //
-        });
     }, []);
     return (react_1.default.createElement(react_3.Fragment, null,
         react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, getBlockLabelProps_1.getBlockLabelProps)(props), { invert: invert })),

package/dist/components/SimpleTable/index.js

@@ -80,7 +80,6 @@ var DropdownSingle_1 = require("../Dropdowns/DropdownSingle");
 var TextInputs_1 = require("../TextInputs");
 var icons_1 = require("../../icons");
 var Typo2_1 = require("../../v2/components/Typo2");
-var createSafeCleanup_1 = require("../../v2/themes/utils/createSafeCleanup");
 var ArrowDown = icons_1.icons.ArrowDown;
 var greyColor100 = themes_1.colors.greyColor100;
 /**
@@ -139,10 +138,10 @@ function SimpleTable(_a) {
     (0, react_1.useEffect)(function () {
         window.addEventListener("mouseup", resetColResizeState);
         window.addEventListener("mousemove", handleResizeColumn);
-        return (0, createSafeCleanup_1.createSafeCleanup)(function () {
+        return function () {
             window.removeEventListener("mousemove", handleResizeColumn);
             window.removeEventListener("mouseup", resetColResizeState);
-        });
+        };
     }, [colResizeState]);
     var CellContentBlocks = {
         RichTextEditor: RichTextEditor,

package/dist/components/VideoInput/index.js

@@ -62,7 +62,6 @@ var VideoActionMenu_1 = require("./comps/VideoActionMenu");
 var FileUploadWrapper_1 = require("../FileUploadWrapper");
 var getBlockLabelProps_1 = require("../../utils/getBlockLabelProps");
 var utils_1 = require("./utils");
-var createSafeCleanup_1 = require("../../v2/themes/utils/createSafeCleanup");
 function VideoInput(_a) {
     var id = _a.id, label = _a.label, sublabel = _a.sublabel, isRequired = _a.isRequired, _value = _a.value, onChange = _a.onChange, readOnly = _a.readOnly, lightPlayer = _a.light, _b = _a.enableVideoUpload, enableVideoUpload = _b === void 0 ? false : _b, isInRTE = _a.isInRTE, invert = _a.invert, files = _a.files, // //used by RTEVideoInput
     width = _a.width, height = _a.height;
@@ -109,9 +108,6 @@ function VideoInput(_a) {
         if (files) {
             handleUpload({ files: files });
         }
-        return (0, createSafeCleanup_1.createSafeCleanup)(function () {
-            //cleanup
-        });
     }, []);
     var createVideoPreview = function (_a) {
         var _b;

package/dist/stories/Oolib/components/Dropdowns.stories.js

@@ -65,7 +65,6 @@ var Paddings_1 = require("../../../components/Paddings");
 var themes_1 = require("../../../themes");
 var Dropdowns_mdx_1 = __importDefault(require("./Dropdowns.mdx"));
 var icons_1 = require("../../../icons");
-var createSafeCleanup_1 = require("../../../v2/themes/utils/createSafeCleanup");
 // import { faker } from '@faker-js/faker';
 // const generateRandomCountry = () => ({
 //   display: faker.address.country(),
@@ -250,7 +249,7 @@ var Dropdowns = function (args) {
             setOptions(newOptions);
         }, 2000);
         // Cleanup the timeout on component unmount
-        return (0, createSafeCleanup_1.createSafeCleanup)(function () { return clearTimeout(delayOptions); });
+        return function () { return clearTimeout(delayOptions); };
     }, [args.optionDescription, args.optionImage, args.optionIcon, args.colors]);
     var Comp = args.selection === "single" ? DropdownSingle_1.DropdownSingle : DropdownMulti_1.DropdownMulti;
     return (react_1.default.createElement("div", { style: { background: args.invert && themes_1.colors.greyColor100 } },

package/dist/stories/v2/components/Dropdowns.stories.js

@@ -61,7 +61,6 @@ var themes_1 = require("../../../themes");
 var icons_1 = require("../../../icons");
 var DropdownMulti_1 = require("../../../v2/components/Dropdowns/DropdownMulti");
 var DropdownSingle_1 = require("../../../v2/components/Dropdowns/DropdownSingle");
-var createSafeCleanup_1 = require("../../../v2/themes/utils/createSafeCleanup");
 // import { faker } from '@faker-js/faker';
 // const generateRandomCountry = () => ({
 //   display: faker.address.country(),
@@ -241,7 +240,7 @@ var Dropdowns = function (args) {
             setOptions(newOptions);
         }, 2000);
         // Cleanup the timeout on component unmount
-        return (0, createSafeCleanup_1.createSafeCleanup)(function () { return clearTimeout(delayOptions); });
+        return function () { return clearTimeout(delayOptions); };
     }, [args.optionDescription, args.optionImage, args.optionIcon, args.colors]);
     var Comp = args.selection === "single" ? DropdownSingle_1.DropdownSingle : DropdownMulti_1.DropdownMulti;
     return (react_1.default.createElement("div", { style: { background: args.invert && themes_1.colors.greyColor100 } },

package/dist/utils/customHooks/useContainerQuery.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useContainerQuery = void 0;
 var mixins_1 = require("../../themes/mixins");
 var react_1 = require("react");
-var createSafeCleanup_1 = require("../../v2/themes/utils/createSafeCleanup");
 var useContainerQuery = function (options) {
     if (options === void 0) { options = {}; }
     var enabled = options.enabled;
@@ -20,11 +19,11 @@ var useContainerQuery = function (options) {
         if (ref.current) {
             resizeObserver.observe(ref.current);
         }
-        return (0, createSafeCleanup_1.createSafeCleanup)(function () {
+        return function () {
             if (ref.current) {
                 resizeObserver.unobserve(ref.current);
             }
-        });
+        };
     }, [ref]);
     //if container queries are written for multiple breakpoints
     //then they must be written in the order of small to big. 

package/dist/utils/customHooks/useHandleClickOutside.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useHandleClickOutside = void 0;
 var react_1 = require("react");
 var toArray_1 = require("../toArray");
-var createSafeCleanup_1 = require("../../v2/themes/utils/createSafeCleanup");
 /**
  *
  * @param {*} ref can be a ref or an array of refs
@@ -23,7 +22,7 @@ var useHandleClickOutside = function (ref, setShowOptions, options) {
     };
     (0, react_1.useEffect)(function () {
         document.addEventListener('mousedown', handleClickOutside); //its very important for this to be mousedown. 'click' acts unpredictable
-        return (0, createSafeCleanup_1.createSafeCleanup)(function () { return document.removeEventListener('mousedown', handleClickOutside); });
+        return function () { return document.removeEventListener('mousedown', handleClickOutside); };
     }, [enabled]);
 };
 exports.useHandleClickOutside = useHandleClickOutside;

package/dist/utils/customHooks/useScreenWidth.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useScreenWidth = void 0;
 var lodash_1 = require("lodash");
 var react_1 = require("react");
-var createSafeCleanup_1 = require("../../v2/themes/utils/createSafeCleanup");
 /**
  * Custom hook that tracks the screen width and invokes a resize function if provided.
  *
@@ -20,9 +19,9 @@ var useScreenWidth = function (options) {
     }, 500);
     (0, react_1.useEffect)(function () {
         window.addEventListener('resize', handleResize);
-        return (0, createSafeCleanup_1.createSafeCleanup)(function () {
+        return function () {
             window.removeEventListener('resize', handleResize);
-        });
+        };
     }, [handleResize]);
     return screenWidth;
 };

package/dist/utils/useStyleUpdateAfterToggleTransition.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyleUpdateAfterToggleTransition = void 0;
 var react_1 = require("react");
-var createSafeCleanup_1 = require("../v2/themes/utils/createSafeCleanup");
 var useStyleUpdateAfterToggleTransition = function (_a) {
     var styleOptions = _a.styleOptions, // ['hidden', 'visible']
     _initStyle = _a.initStyle, //hidden
@@ -29,11 +28,11 @@ var useStyleUpdateAfterToggleTransition = function (_a) {
             setStyle(initStyle.current);
         }
         // Cleanup function to clear timeout if component updates/unmounts
-        return (0, createSafeCleanup_1.createSafeCleanup)(function () {
+        return function () {
             if (timeoutId) {
                 clearTimeout(timeoutId);
             }
-        });
+        };
     }, [toggleState, transitionDuration]);
     return ({
         style: style

package/dist/v2/components/BarChart/index.js

@@ -64,7 +64,6 @@ var getTotalCount_1 = require("../../../utils/getTotalCount");
 var CustomizedLabel_1 = require("./comps/CustomizedLabel");
 var colors_1 = require("../../themes/colors");
 var CustomTooltip_1 = __importDefault(require("./comps/CustomTooltip"));
-var createSafeCleanup_1 = require("../../themes/utils/createSafeCleanup");
 var usePrepareData = function (_a) {
     var _data = _a._data, labelPath = _a.labelPath, valuePath = _a.valuePath, tooltipLabelsMapping = _a.tooltipLabelsMapping, tooltipLabelsPath = _a.tooltipLabelsPath, isBreakdown = _a.isBreakdown, showPercent = _a.showPercent;
     return (0, react_1.useMemo)(function () {
@@ -215,9 +214,9 @@ var BarChart = function (_a) {
         };
         window.addEventListener('mousemove', handleMouseMove);
         // Clean up
-        return (0, createSafeCleanup_1.createSafeCleanup)(function () {
+        return function () {
             window.removeEventListener('mousemove', handleMouseMove);
-        });
+        };
     }, []);
     // menu options for grouped and stacked
     var renderBar = function (stackIndex, lastIndex) {

package/dist/v2/components/DatePicker/utils/useDatePickerState.js

@@ -13,7 +13,6 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDatePickerState = void 0;
 var react_1 = require("react");
-var createSafeCleanup_1 = require("../../../themes/utils/createSafeCleanup");
 var useDatePickerState = function (_a) {
     var _b = _a.withPortal, withPortal = _b === void 0 ? false : _b, portalId = _a.portalId, onDateSelect = _a.onDateSelect;
     var _c = (0, react_1.useState)(false), isOpen = _c[0], setIsOpen = _c[1];
@@ -79,17 +78,17 @@ var useDatePickerState = function (_a) {
     (0, react_1.useEffect)(function () {
         if (withPortal && portalOpen) {
             document.addEventListener('mousedown', handleClickOutside);
-            return (0, createSafeCleanup_1.createSafeCleanup)(function () {
+            return function () {
                 document.removeEventListener('mousedown', handleClickOutside);
-            });
+            };
         }
     }, [withPortal, portalOpen, handleClickOutside]);
     (0, react_1.useEffect)(function () {
-        return (0, createSafeCleanup_1.createSafeCleanup)(function () {
+        return function () {
             if (withPortal) {
                 cleanupPortalBackdrop(portalId);
             }
-        });
+        };
     }, [withPortal, portalId, cleanupPortalBackdrop]);
     var datePickerProps = __assign({ open: withPortal ? portalOpen : isOpen, onInputClick: handleInputClick, onChange: handleDateChange }, (withPortal ? {
         withPortal: true,

package/dist/v2/components/Dropdowns/utils/useKeyboardControl.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useKeyboardControl = void 0;
 var react_1 = require("react");
 var getKeyCode_1 = require("../../../../utils/getKeyCode");
-var createSafeCleanup_1 = require("../../../themes/utils/createSafeCleanup");
 var useKeyboardControl = function (_a) {
     var showOptions = _a.showOptions, handleHideOptions = _a.handleHideOptions, optionsWrapperRef = _a.optionsWrapperRef, handleSelect = _a.handleSelect, options = _a.options, searchString = _a.searchString, id = _a.id;
     var _b = (0, react_1.useState)(-1), focussedOp = _b[0], setFocussedOp = _b[1];
@@ -48,7 +47,7 @@ var useKeyboardControl = function (_a) {
             }
         };
         window.addEventListener('keydown', handleKeyDown);
-        return (0, createSafeCleanup_1.createSafeCleanup)(function () { return window.removeEventListener('keydown', handleKeyDown); });
+        return function () { return window.removeEventListener('keydown', handleKeyDown); };
     });
     var scrollFocussedOpIntoView = function (el) {
         var _a = el.getBoundingClientRect(), elBottom = _a.bottom, elTop = _a.top;

package/dist/v2/components/HomeCover/comps/ImageSwitcher/index.js

@@ -47,7 +47,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageSwitcher = void 0;
 var react_1 = __importStar(require("react"));
 var styled_1 = require("./styled");
-var createSafeCleanup_1 = require("../../../../themes/utils/createSafeCleanup");
 var ImageSwitcher = function (_a) {
     var images = _a.images, _b = _a.isDesktop, isDesktop = _b === void 0 ? true : _b, theme = _a.theme;
     // Common state structure for both desktop and mobile
@@ -77,10 +76,10 @@ var ImageSwitcher = function (_a) {
                 }, 800); // Match transition duration
             }, 3000);
         }
-        return (0, createSafeCleanup_1.createSafeCleanup)(function () {
+        return function () {
             clearTimeout(timeout);
             clearInterval(interval);
-        });
+        };
     }, [isDesktop, images.length]);
     if (isDesktop) {
         return (react_1.default.createElement(react_1.default.Fragment, null,

package/dist/v2/components/ImagePlaceholder/index.js

@@ -40,7 +40,6 @@ exports.ImagePlaceholder = void 0;
 var react_1 = __importStar(require("react"));
 var gradient_background_jpg_1 = __importDefault(require("../../../assets/images/gradient_background.jpg"));
 var styled_1 = require("./styled");
-var createSafeCleanup_1 = require("../../themes/utils/createSafeCleanup");
 var ImagePlaceholder = function (_a) {
     var title = _a.title, height = _a.height, fontWeight = _a.fontWeight, _b = _a.aspectRatio, aspectRatio = _b === void 0 ? "5/3" : _b, _c = _a.letterSizeMultiplier, letterSizeMultiplier = _c === void 0 ? 1.8 : _c, _d = _a.strechToFullHeight, strechToFullHeight = _d === void 0 ? false : _d, _e = _a.style, style = _e === void 0 ? {} : _e;
     var containerRef = (0, react_1.useRef)(null);
@@ -56,9 +55,9 @@ var ImagePlaceholder = function (_a) {
         calculateLetterSize();
         window.addEventListener('resize', calculateLetterSize);
         // Cleanup listener
-        return (0, createSafeCleanup_1.createSafeCleanup)(function () {
+        return function () {
             window.removeEventListener('resize', calculateLetterSize);
-        });
+        };
     }, []);
     var colors = [
         '#9EE4F1',

package/dist/v2/components/TextInputs/derivedComps/URLInput.js

@@ -124,6 +124,6 @@ var URLInput = function (_a) {
             }
         });
     }); };
-    return (react_1.default.createElement(__1.TextInput, __assign({ type: "url", handleValidation: handleValidation, placeholder: "Enter a valid url..." }, props)));
+    return (react_1.default.createElement(__1.TextInput, __assign({ type: "url", handleValidation: handleValidation, placeholder: "Enter a valid url...", content: content, passValidationErrorToFormValidation: passValidationErrorToFormValidation }, props)));
 };
 exports.URLInput = URLInput;

package/package.json

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

package/dist/v2/themes/utils/createSafeCleanup.d.ts

@@ -1 +0,0 @@
-export function createSafeCleanup(cleanupFn: any): () => void;

package/dist/v2/themes/utils/createSafeCleanup.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createSafeCleanup = void 0;
-var createSafeCleanup = function (cleanupFn) {
-    // Return a function that will be called by React when unmounting
-    return function () {
-        try {
-            // Only call the cleanup if it's a function
-            if (typeof cleanupFn === 'function') {
-                cleanupFn();
-            }
-        }
-        catch (err) {
-            console.warn('Error in cleanup function:', err);
-        }
-    };
-};
-exports.createSafeCleanup = createSafeCleanup;