@homebound/beam 2.91.0 → 2.91.4

package/dist/components/Modal/useModal.js

@@ -7,6 +7,15 @@ const utils_1 = require("../../utils");
 function useModal() {
     const { modalState, modalCanCloseChecks } = (0, BeamContext_1.useBeamContext)();
     const lastCanClose = (0, react_1.useRef)();
+    (0, react_1.useEffect)(() => {
+        // Capture the lastCanClose from when the `useEffect` runs, so that when our cleanup
+        // lambda is called later, we clean up the as-when-scheduled value, and not the super-latest
+        // value, because then we need up nuking the actually valid current value.
+        const { current } = lastCanClose;
+        return () => {
+            modalCanCloseChecks.current = modalCanCloseChecks.current.filter((c) => c !== current);
+        };
+    }, [modalCanCloseChecks]);
     return (0, react_1.useMemo)(() => ({
         openModal(props) {
             // TODO Check already open?

package/dist/components/Table/GridTable.js

@@ -340,7 +340,7 @@ function calcVirtualGridColumns(columns, firstLastColumnWidth) {
         else {
             throw new Error("as=virtual only supports px, percentage, or fr units");
         }
-    }, { claimedPercentages: 0, claimedPixels: 0, totalFr: 0 });
+    }, { claimedPercentages: 0, claimedPixels: firstLastColumnWidth ? firstLastColumnWidth * 2 : 0, totalFr: 0 });
     // This is our "fake but for some reason it lines up better" fr calc
     function fr(myFr) {
         return `calc((100% - ${claimedPercentages}% - ${claimedPixels}px) * (${myFr} / ${totalFr}))`;

package/dist/inputs/ChipSelectField.d.ts

@@ -12,7 +12,7 @@ export interface ChipSelectFieldProps<O, V extends Value> {
     onBlur?: () => void;
     onFocus?: () => void;
     clearable?: boolean;
-    onCreateNew?: (value: string) => Promise<O>;
+    onCreateNew?: (value: string) => Promise<void>;
     disabled?: boolean | ReactNode;
 }
 export declare function ChipSelectField<O, V extends Value>(props: ChipSelectFieldProps<O, V>): JSX.Element;

package/dist/inputs/ChipSelectField.js

@@ -138,8 +138,7 @@ function ChipSelectField(props) {
         (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, [setShowInput, setInputValue]);
     const field = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [showInput && onCreateNew && ((0, jsx_runtime_1.jsx)(ChipTextField_1.ChipTextField, Object.assign({ autoFocus: true, label: "Add new", value: inputValue, onChange: setInputValue, onEnter: async () => {
-                    const newOption = await onCreateNew(inputValue);
-                    listData.insertBefore(createNewOpt.id, newOption);
+                    await onCreateNew(inputValue);
                     removeCreateNewField();
                 }, onBlur: removeCreateNewField }, tid.createNewField), void 0)), (0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: wrapperRef, css: {
                     ...chipStyles,

package/dist/inputs/internal/SelectFieldBase.js

@@ -71,10 +71,12 @@ function SelectFieldBase(props) {
                 selectedKeys: [firstKey],
                 selectedOptions: firstSelectedOption ? [firstSelectedOption] : [],
             });
-            // When a single select menu item changes, then blur the field
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
         }
         selectionChanged && onSelect([...keys.values()].map(Value_1.keyToValue));
+        if (!multiselect) {
+            // When a single select menu item changes, then blur the field AFTER `onSelect` has been called
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+        }
     }
     function onInputChange(value) {
         setFieldState((prevState) => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "2.91.0",
+  "version": "2.91.4",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",