@linzjs/step-ag-grid 4.0.0 → 4.0.2

package/dist/index.js

@@ -2246,6 +2246,7 @@ var GridPopoverContextProvider = function (_a) {
 
 var GridSubComponentContext = react.createContext({
     value: "GridSubComponentContext value no context",
+    data: {},
     setValue: function () {
         console.error("GridSubComponentContext setValue no context");
     },
@@ -3017,7 +3018,7 @@ var fieldToString = function (field) {
     return typeof field == "symbol" ? field.toString() : "".concat(field);
 };
 var GridFormDropDown = function (props) {
-    var _a = useGridPopoverContext(), selectedRows = _a.selectedRows, field = _a.field, updateValue = _a.updateValue;
+    var _a = useGridPopoverContext(), selectedRows = _a.selectedRows, field = _a.field, updateValue = _a.updateValue, data = _a.data;
     var stopEditing = react.useContext(GridContext).stopEditing;
     var _b = react.useState(""), filter = _b[0], setFilter = _b[1];
     var _c = react.useState([]), filteredValues = _c[0], setFilteredValues = _c[1];
@@ -3210,6 +3211,7 @@ var GridFormDropDown = function (props) {
                                                 selectItemHandler(item.value).then();
                                             }
                                         } }, { children: (_a = item.label) !== null && _a !== void 0 ? _a : (item.value == null ? "<".concat(item.value, ">") : "".concat(item.value)) }), "".concat(fieldToString(field), "-").concat(index)), item.subComponent && selectedSubComponent === item && (jsxRuntime.jsx(FocusableItem, __assign({ className: "LuiDeprecatedForms" }, { children: function (ref) { return (jsxRuntime.jsx(GridSubComponentContext.Provider, __assign({ value: {
+                                                data: data,
                                                 value: subSelectedValue,
                                                 setValue: function (value) {
                                                     setSubSelectedValue(value);
@@ -3228,18 +3230,18 @@ var GridFormDropDown = function (props) {
 };
 
 var GridFormMultiSelect = function (props) {
-    var selectedRows = useGridPopoverContext().selectedRows;
+    var _a = useGridPopoverContext(), selectedRows = _a.selectedRows, data = _a.data;
     var initialiseValues = react.useMemo(function () {
         var r = props.initialSelectedValues && props.initialSelectedValues(selectedRows);
         // convert array of strings to object<value,null>
         return Array.isArray(r) ? lodashEs.fromPairs(r.map(function (v) { return [v, null]; })) : r;
     }, [props, selectedRows]);
     var subComponentIsValid = react.useRef({});
-    var _a = react.useState(function () { return initialiseValues !== null && initialiseValues !== void 0 ? initialiseValues : {}; }), selectedValues = _a[0], setSelectedValues = _a[1];
-    var _b = react.useState(""), filter = _b[0], setFilter = _b[1];
-    var _c = react.useState([]), filteredValues = _c[0], setFilteredValues = _c[1];
+    var _b = react.useState(function () { return initialiseValues !== null && initialiseValues !== void 0 ? initialiseValues : {}; }), selectedValues = _b[0], setSelectedValues = _b[1];
+    var _c = react.useState(""), filter = _c[0], setFilter = _c[1];
+    var _d = react.useState([]), filteredValues = _d[0], setFilteredValues = _d[1];
     var optionsInitialising = react.useRef(false);
-    var _d = react.useState(), options = _d[0], setOptions = _d[1];
+    var _e = react.useState(), options = _e[0], setOptions = _e[1];
     var save = react.useCallback(function (selectedRows) { return __awaiter(void 0, void 0, void 0, function () {
         var validations, notValid, menuOptionSubValueResult;
         return __generator(this, function (_a) {
@@ -3331,10 +3333,10 @@ var GridFormMultiSelect = function (props) {
             setSelectedValues(__assign(__assign({}, selectedValues), (_a = {}, _a["".concat(item.value)] = null, _a)));
         }
     }, [selectedValues]);
-    var _e = useGridPopoverHook({
+    var _f = useGridPopoverHook({
         className: props.className,
         save: save
-    }), popoverWrapper = _e.popoverWrapper, lastInputKeyboardEventHandlers = _e.lastInputKeyboardEventHandlers, triggerSave = _e.triggerSave;
+    }), popoverWrapper = _f.popoverWrapper, lastInputKeyboardEventHandlers = _f.lastInputKeyboardEventHandlers, triggerSave = _f.triggerSave;
     return popoverWrapper(jsxRuntime.jsx(ComponentLoadingWrapper, __assign({ loading: !options, className: "GridFormMultiSelect-container" }, { children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [options && props.filtered && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(FocusableItem, __assign({ className: "filter-item" }, { children: function (_a) {
                                 var _b;
                                 var ref = _a.ref;
@@ -3354,6 +3356,7 @@ var GridFormMultiSelect = function (props) {
                                             /*Do nothing, change handled by menuItem*/
                                         } }) })), "".concat(item.value) in selectedValues && item.subComponent && (jsxRuntime.jsx(FocusableItem, __assign({ className: "LuiDeprecatedForms" }, { children: function (_) {
                                         return item.subComponent && (jsxRuntime.jsx(GridSubComponentContext.Provider, __assign({ value: {
+                                                data: data,
                                                 value: selectedValues["".concat(item.value)],
                                                 setValue: function (value) {
                                                     var _a;
@@ -3382,7 +3385,7 @@ var PopoutMenuSeparator = Object.freeze({ __isMenuSeparator__: true });
  * you need a useMemo around your columnDefs
  */
 var GridFormPopoverMenu = function (props) {
-    var _a = useGridPopoverContext(), selectedRows = _a.selectedRows, updateValue = _a.updateValue;
+    var _a = useGridPopoverContext(), selectedRows = _a.selectedRows, updateValue = _a.updateValue, data = _a.data;
     var optionsInitialising = react.useRef(false);
     var _b = react.useState(), options = _b[0], setOptions = _b[1];
     // Save triggers during async action processing which triggers another action(), this ref blocks that
@@ -3500,6 +3503,7 @@ var GridFormPopoverMenu = function (props) {
     return popoverWrapper(jsxRuntime.jsx(ComponentLoadingWrapper, __assign({ loading: !filteredOptions, className: "GridFormPopupMenu" }, { children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: options === null || options === void 0 ? void 0 : options.map(function (item, index) {
                 return item.label === PopoutMenuSeparator ? (jsxRuntime.jsx(MenuDivider, {}, "$$divider_".concat(index))) : (!item.hidden && (jsxRuntime.jsxs(react.Fragment, { children: [jsxRuntime.jsx(MenuItem, __assign({ onClick: function (e) { return onMenuItemClick(e, item); }, disabled: !!item.disabled || !(filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.includes(item)), title: item.disabled && typeof item.disabled !== "boolean" ? item.disabled : "" }, { children: item.label }), "".concat(item.label)), item.subComponent && subComponentSelected === item && (jsxRuntime.jsx(FocusableItem, __assign({ className: "LuiDeprecatedForms" }, { children: function (_) {
                                 return item.subComponent && (jsxRuntime.jsx(GridSubComponentContext.Provider, __assign({ value: {
+                                        data: data,
                                         value: subSelectedValue,
                                         setValue: function (value) {
                                             setSubSelectedValue(value);
@@ -3804,7 +3808,7 @@ var TextAreaInput = function (props) {
                 } }, { children: props.helpText })))] })));
 };
 
-var TextInputValidator = function (props, value) {
+var TextInputValidator = function (props, value, data) {
     if (value == null)
         return null;
     // This can happen because subcomponent is invoked without type safety
@@ -3818,17 +3822,17 @@ var TextInputValidator = function (props, value) {
         return "Text must be no longer than ".concat(props.maxLength, " characters");
     }
     if (props.validate) {
-        return props.validate(value);
+        return props.validate(value, data);
     }
     return null;
 };
 
 var GridFormTextArea = function (props) {
     var _a, _b;
-    var _c = useGridPopoverContext(), field = _c.field, initialVale = _c.value;
+    var _c = useGridPopoverContext(), field = _c.field, initialVale = _c.value, data = _c.data;
     var _d = react.useState(initialVale != null ? "".concat(initialVale) : ""), value = _d[0], setValue = _d[1];
     var helpText = (_a = props.helpText) !== null && _a !== void 0 ? _a : "Press tab to save";
-    var invalid = react.useCallback(function () { return TextInputValidator(props, value); }, [props, value]);
+    var invalid = react.useCallback(function () { return TextInputValidator(props, value, data); }, [props, value, data]);
     var save = react.useCallback(function (selectedRows) { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -3852,19 +3856,19 @@ var GridFormTextArea = function (props) {
             }
         });
     }); }, [invalid, initialVale, value, props, field]);
-    var _e = useGridPopoverHook({ className: props.className, save: save }), popoverWrapper = _e.popoverWrapper, lastInputKeyboardEventHandlers = _e.lastInputKeyboardEventHandlers;
-    return popoverWrapper(jsxRuntime.jsx("div", __assign({ style: { display: "flex", flexDirection: "row", width: (_b = props.width) !== null && _b !== void 0 ? _b : 240 } }, { children: jsxRuntime.jsx(TextAreaInput, __assign({ value: value, onChange: function (e) { return setValue(e.target.value); }, error: invalid(), placeholder: props.placeholder, helpText: helpText }, lastInputKeyboardEventHandlers)) })));
+    var _e = useGridPopoverHook({ className: props.className, save: save }), popoverWrapper = _e.popoverWrapper, onlyInputKeyboardEventHandlers = _e.onlyInputKeyboardEventHandlers;
+    return popoverWrapper(jsxRuntime.jsx("div", __assign({ style: { display: "flex", flexDirection: "row", width: (_b = props.width) !== null && _b !== void 0 ? _b : 240 } }, { children: jsxRuntime.jsx(TextAreaInput, __assign({ value: value, onChange: function (e) { return setValue(e.target.value); }, error: invalid(), placeholder: props.placeholder, helpText: helpText }, onlyInputKeyboardEventHandlers)) })));
 };
 
 var GridPopoverTextArea = function (colDef, params) { return GridCell(colDef, __assign({ editor: GridFormTextArea }, params)); };
 
 var GridFormTextInput = function (props) {
     var _a, _b;
-    var _c = useGridPopoverContext(), field = _c.field, initialVale = _c.value;
+    var _c = useGridPopoverContext(), field = _c.field, initialVale = _c.value, data = _c.data;
     var helpText = (_a = props.helpText) !== null && _a !== void 0 ? _a : "Press enter or tab to save";
     var initValue = initialVale == null ? "" : "".concat(initialVale);
     var _d = react.useState(initValue), value = _d[0], setValue = _d[1];
-    var invalid = react.useCallback(function () { return TextInputValidator(props, value); }, [props, value]);
+    var invalid = react.useCallback(function () { return TextInputValidator(props, value, data); }, [data, props, value]);
     var save = react.useCallback(function (selectedRows) { return __awaiter(void 0, void 0, void 0, function () {
         var trimmedValue;
         return __generator(this, function (_a) {
@@ -3890,8 +3894,8 @@ var GridFormTextInput = function (props) {
             }
         });
     }); }, [invalid, value, initValue, props, field]);
-    var _e = useGridPopoverHook({ className: props.className, save: save }), popoverWrapper = _e.popoverWrapper, lastInputKeyboardEventHandlers = _e.lastInputKeyboardEventHandlers;
-    return popoverWrapper(jsxRuntime.jsx("div", __assign({ style: { display: "flex", flexDirection: "row", width: (_b = props.width) !== null && _b !== void 0 ? _b : 240 }, className: "FormTest" }, { children: jsxRuntime.jsx(TextInputFormatted, __assign({ value: value, onChange: function (e) { return setValue(e.target.value); }, error: invalid(), formatted: props.units, style: { width: "100%" }, placeholder: props.placeholder }, lastInputKeyboardEventHandlers, { helpText: helpText })) })));
+    var _e = useGridPopoverHook({ className: props.className, save: save }), popoverWrapper = _e.popoverWrapper, onlyInputKeyboardEventHandlers = _e.onlyInputKeyboardEventHandlers;
+    return popoverWrapper(jsxRuntime.jsx("div", __assign({ style: { display: "flex", flexDirection: "row", width: (_b = props.width) !== null && _b !== void 0 ? _b : 240 }, className: "FormTest" }, { children: jsxRuntime.jsx(TextInputFormatted, __assign({ value: value, onChange: function (e) { return setValue(e.target.value); }, error: invalid(), formatted: props.units, style: { width: "100%" }, placeholder: props.placeholder }, onlyInputKeyboardEventHandlers, { helpText: helpText })) })));
 };
 
 var GridPopoverTextInput = function (colDef, params) {
@@ -3900,14 +3904,14 @@ var GridPopoverTextInput = function (colDef, params) {
 
 var GridFormSubComponentTextInput = function (props) {
     var _a;
-    var _b = react.useContext(GridSubComponentContext), value = _b.value, setValue = _b.setValue, setValid = _b.setValid, triggerSave = _b.triggerSave;
+    var _b = react.useContext(GridSubComponentContext), value = _b.value, setValue = _b.setValue, setValid = _b.setValid, triggerSave = _b.triggerSave, data = _b.data;
     var helpText = (_a = props.helpText) !== null && _a !== void 0 ? _a : "Press enter or tab to save";
     // If is not initialised yet as it's just been created then set the default value
     react.useEffect(function () {
         if (value == null)
             setValue(props.defaultValue);
     }, [props.defaultValue, setValue, value]);
-    var invalid = react.useCallback(function () { return TextInputValidator(props, value); }, [props, value]);
+    var invalid = react.useCallback(function () { return TextInputValidator(props, value, data); }, [data, props, value]);
     react.useEffect(function () {
         setValid(value != null && invalid() == null);
     }, [setValid, invalid, value]);
@@ -3918,9 +3922,9 @@ var GridFormSubComponentTextInput = function (props) {
             }
         }, onKeyUp: function (e) {
             if (e.key === "Tab") {
-                !e.shiftKey && triggerSave().then();
                 e.preventDefault();
                 e.stopPropagation();
+                !e.shiftKey && triggerSave().then();
             }
             else if (e.key === "Enter") {
                 triggerSave().then();
@@ -3934,14 +3938,14 @@ var GridFormSubComponentTextInput = function (props) {
 
 var GridFormSubComponentTextArea = function (props) {
     var _a;
-    var _b = react.useContext(GridSubComponentContext), value = _b.value, setValue = _b.setValue, setValid = _b.setValid, triggerSave = _b.triggerSave;
+    var _b = react.useContext(GridSubComponentContext), value = _b.value, data = _b.data, setValue = _b.setValue, setValid = _b.setValid, triggerSave = _b.triggerSave;
     var helpText = (_a = props.helpText) !== null && _a !== void 0 ? _a : "Press tab to save";
     // If is not initialised yet as it's just been created then set the default value
     react.useEffect(function () {
         if (value == null)
             setValue(props.defaultValue);
     }, [props.defaultValue, setValue, value]);
-    var invalid = react.useCallback(function () { return TextInputValidator(props, value); }, [props, value]);
+    var invalid = react.useCallback(function () { return TextInputValidator(props, value, data); }, [data, props, value]);
     react.useEffect(function () {
         setValid(value != null && invalid() == null);
     }, [setValid, invalid, value]);
@@ -3952,9 +3956,9 @@ var GridFormSubComponentTextArea = function (props) {
                 }
             }, onKeyUp: function (e) {
                 if (e.key === "Tab") {
-                    !e.shiftKey && triggerSave().then();
                     e.preventDefault();
                     e.stopPropagation();
+                    !e.shiftKey && triggerSave().then();
                 }
             } }) })));
 };