oolib 2.167.0 → 2.168.0

package/dist/components/SimpleTable/index.js

@@ -67,6 +67,7 @@ var convertColHeaderConfigToRowData_1 = require("./utils/convertColHeaderConfigT
 var convertRowHeaderConfigToCellData_1 = require("./utils/convertRowHeaderConfigToCellData");
 var prepInitValueFromConfigIfNoValue_1 = require("./utils/prepInitValueFromConfigIfNoValue");
 var DropdownSingle_1 = require("../Dropdowns/DropdownSingle");
+var TextInputs_1 = require("../TextInputs");
 var greyColor100 = themes_1.colors.greyColor100;
 /**
  * PENDINGS
@@ -128,7 +129,8 @@ function SimpleTable(_a) {
     }, [colResizeState]);
     var CellContentBlocks = {
         RichTextEditor: RichTextEditor,
-        DropdownSingle: DropdownSingle_1.DropdownSingle
+        DropdownSingle: DropdownSingle_1.DropdownSingle,
+        NumberInput: TextInputs_1.NumberInput,
     };
     var CellContentBlockDefaultProps = {
         RichTextEditor: {
@@ -144,6 +146,11 @@ function SimpleTable(_a) {
                 backgroundColor: themes_1.colors.none,
             },
             popOutOfOverflowHiddenParent: true,
+        },
+        NumberInput: {
+            selectStyleOverride: {
+                backgroundColor: themes_1.colors.none,
+            },
         }
     };
     var CellValueGetters = {

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

@@ -99,6 +99,7 @@ var SimpleTable = function (args) {
             ],
             disableAddRow: args.disableAddRow,
             disableRowActionsMenu: args.disableRowActionsMenu,
+            // blockConfig: [undefined, { comp: 'NumberInput', props: {} }, { comp: 'NumberInput', props: {} }]
         },
         defaultColWidth: args.defaultColWidth,
         value: val,

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");
-// handles auto closing of date picker popper in both conditions -  withPoral true and false  
 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];
@@ -58,6 +57,32 @@ var useDatePickerState = function (_a) {
             setIsOpen(function (prev) { return !prev; });
         }
     }, [withPortal, handlePortalClick]);
+    // Handle clicks outside the datepicker
+    var handleClickOutside = (0, react_1.useCallback)(function (e) {
+        if (!withPortal) {
+            setIsOpen(false);
+            return;
+        }
+        var portalElement = document.getElementById(portalId);
+        if (!portalElement)
+            return;
+        var clickedElement = e.target;
+        // Check if click was inside this specific portal
+        var isClickInPortal = portalElement.contains(clickedElement);
+        var isClickOnDatepickerInput = clickedElement.closest('.react-datepicker-wrapper');
+        if (!isClickInPortal && !isClickOnDatepickerInput) {
+            setPortalOpen(false);
+            cleanupPortalBackdrop(portalId);
+        }
+    }, [withPortal, portalId, cleanupPortalBackdrop]);
+    (0, react_1.useEffect)(function () {
+        if (withPortal && portalOpen) {
+            document.addEventListener('mousedown', handleClickOutside);
+            return function () {
+                document.removeEventListener('mousedown', handleClickOutside);
+            };
+        }
+    }, [withPortal, portalOpen, handleClickOutside]);
     (0, react_1.useEffect)(function () {
         return function () {
             if (withPortal) {

package/package.json

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