@mcurros2/microm 1.1.293-0 → 1.1.294-0

package/dist/index.js

@@ -2309,6 +2309,8 @@ var $TaFFV = parcelRequire("TaFFV");
 
 var $5vnOT = parcelRequire("5vnOT");
 
+var $7qUhz = parcelRequire("7qUhz");
+
 var $hkmnY = parcelRequire("hkmnY");
 $parcel$exportWildcard(module.exports, $iKzSR);
 $parcel$exportWildcard(module.exports, $bmxG4);
@@ -2329,6 +2331,7 @@ $parcel$exportWildcard(module.exports, $7T941);
 $parcel$exportWildcard(module.exports, $9dFnv);
 $parcel$exportWildcard(module.exports, $TaFFV);
 $parcel$exportWildcard(module.exports, $5vnOT);
+$parcel$exportWildcard(module.exports, $7qUhz);
 $parcel$exportWildcard(module.exports, $hkmnY);
 
 });
@@ -3178,6 +3181,9 @@ parcelRegister("h4O7Z", function(module, exports) {
 
 parcelRegister("e12RS", function(module, exports) {
 
+$parcel$export(module.exports, "DefaultKeySeparator", function () { return $f2b3ec1f76edf8b0$export$19de16090a0b5ca7; });
+const $f2b3ec1f76edf8b0$export$19de16090a0b5ca7 = '-';
+
 });
 
 parcelRegister("kY0Yt", function(module, exports) {
@@ -3425,11 +3431,13 @@ function $ff0229238bff77e7$export$1e992583465cbafe(obj) {
     // Basic checks for required properties
     const hasBasicProps = typeof obj === "object" && obj !== null && typeof obj.name === "string" && typeof obj.entityConstructor === "function";
     // Optional properties
-    const hasView = !obj || typeof obj.view === "string";
-    const hasProc = !obj || typeof obj.proc === "string";
-    const hasBindingColumnKey = !obj || typeof obj.bindingColumnKey === "string";
-    const hasViewMapping = !obj || $ff0229238bff77e7$export$6c0c5d5a180781be(obj.viewMapping);
-    return hasBasicProps && hasView && hasProc && hasBindingColumnKey && hasViewMapping;
+    const lookup = obj;
+    const hasView = lookup?.view === undefined || typeof lookup.view === "string";
+    const hasProc = lookup?.proc === undefined || typeof lookup.proc === "string";
+    const hasBindingColumnKey = lookup?.bindingColumnKey === undefined || typeof lookup.bindingColumnKey === "string";
+    const hasCompoundKeyGroupName = lookup?.compoundKeyGroupName === undefined || typeof lookup.compoundKeyGroupName === "string";
+    const hasViewMapping = lookup?.viewMapping === undefined || $ff0229238bff77e7$export$6c0c5d5a180781be(lookup.viewMapping);
+    return hasBasicProps && hasView && hasProc && hasBindingColumnKey && hasCompoundKeyGroupName && hasViewMapping;
 }
 
 });
@@ -3551,6 +3559,60 @@ class $3486445f405aa87a$export$a333b91d5f4a5e74 {
 
 });
 
+parcelRegister("7qUhz", function(module, exports) {
+
+$parcel$export(module.exports, "MaxCompoundKeyValues", function () { return $339509672b4afaaa$export$436aa97c91eff738; });
+$parcel$export(module.exports, "getOrderedCompoundKeyMappings", function () { return $339509672b4afaaa$export$2c47116d1da7d40c; });
+$parcel$export(module.exports, "resolveCompoundKeyGroup", function () { return $339509672b4afaaa$export$46fc332f80e0e47; });
+$parcel$export(module.exports, "splitCompoundKey", function () { return $339509672b4afaaa$export$bf74a7b66f5064ad; });
+$parcel$export(module.exports, "composeCompoundKey", function () { return $339509672b4afaaa$export$dc2eb1d80ba42023; });
+$parcel$export(module.exports, "extractCompoundKeyValues", function () { return $339509672b4afaaa$export$9ba7fe989b927b10; });
+$parcel$export(module.exports, "extractCompoundRecordKeys", function () { return $339509672b4afaaa$export$d385a667f0f7c0ea; });
+
+var $e12RS = parcelRequire("e12RS");
+const $339509672b4afaaa$export$436aa97c91eff738 = 10;
+function $339509672b4afaaa$export$2c47116d1da7d40c(group) {
+    const mappings = Object.entries(group.keyMappings).sort((left, right)=>left[1] - right[1]);
+    if (mappings.length < 2 || mappings.length > $339509672b4afaaa$export$436aa97c91eff738 || mappings.some(([, position], index)=>position !== index)) throw new Error(`Compound key groups must define ${2}-${$339509672b4afaaa$export$436aa97c91eff738} unique, contiguous positions beginning at zero.`);
+    return mappings;
+}
+function $339509672b4afaaa$export$46fc332f80e0e47(view, groupName) {
+    const group = view.compoundKeyGroups?.[groupName];
+    if (!group) throw new Error(`Compound key group '${groupName}' was not found in view '${view.name}'.`);
+    $339509672b4afaaa$export$2c47116d1da7d40c(group);
+    return group;
+}
+function $339509672b4afaaa$export$bf74a7b66f5064ad(rawValue, group) {
+    const expectedCount = $339509672b4afaaa$export$2c47116d1da7d40c(group).length;
+    const values = rawValue.split(group.keySeparator ?? (0, $e12RS.DefaultKeySeparator));
+    return {
+        values: values,
+        complete: values.length === expectedCount && values.every((value)=>value.length > 0)
+    };
+}
+function $339509672b4afaaa$export$dc2eb1d80ba42023(values, group) {
+    $339509672b4afaaa$export$2c47116d1da7d40c(group);
+    const parts = values.map((value)=>value?.toString() ?? '');
+    return parts.every((value)=>value.length === 0) ? '' : parts.join(group.keySeparator ?? (0, $e12RS.DefaultKeySeparator));
+}
+function $339509672b4afaaa$export$9ba7fe989b927b10(keys, group) {
+    const values = $339509672b4afaaa$export$2c47116d1da7d40c(group).map(([columnName])=>keys[columnName]);
+    return values.every((value)=>value !== undefined && value !== null && value.toString().length > 0) ? values : undefined;
+}
+function $339509672b4afaaa$export$d385a667f0f7c0ea(record, group) {
+    const properties = Object.keys(record);
+    if (group.viewIndex < 0 || group.viewIndex >= properties.length) return undefined;
+    const rawValue = record[properties[group.viewIndex]];
+    if (typeof rawValue !== 'string') return undefined;
+    const split = $339509672b4afaaa$export$bf74a7b66f5064ad(rawValue, group);
+    if (!split.complete) return undefined;
+    const result = {};
+    $339509672b4afaaa$export$2c47116d1da7d40c(group).forEach(([columnName, position])=>result[columnName] = split.values[position]);
+    return result;
+}
+
+});
+
 parcelRegister("hkmnY", function(module, exports) {
 
 });
@@ -33743,6 +33805,8 @@ parcelRegister("5JIrZ", function(module, exports) {
 $parcel$export(module.exports, "useDataGrid", function () { return $8e67432a124f4bfb$export$f77741f33c48605; });
 
 
+parcelRequire("2eyXi");
+var $7qUhz = parcelRequire("7qUhz");
 parcelRequire("7xGLy");
 var $1uAlg = parcelRequire("1uAlg");
 function $8e67432a124f4bfb$export$f77741f33c48605(props, stateProps) {
@@ -33801,13 +33865,24 @@ function $8e67432a124f4bfb$export$f77741f33c48605(props, stateProps) {
             const record = selection[i];
             const keys = {};
             const record_properties = Object.keys(record);
+            // direct key mappings
             const key_mappings = entity.def.views[viewName].keyMappings;
             for(const columnName in key_mappings){
                 const idx = key_mappings[columnName];
                 if (idx >= record_properties.length) continue;
                 keys[columnName] = record[record_properties[idx]];
             }
-            if (keys) result.push(keys);
+            const compound_key_groups = entity.def.views[viewName].compoundKeyGroups ?? {};
+            for(const groupName in compound_key_groups){
+                const compoundGroup = compound_key_groups[groupName];
+                const compoundKeys = (0, $7qUhz.extractCompoundRecordKeys)(record, compoundGroup);
+                if (!compoundKeys) {
+                    console.warn(`DataGrid: compound key group '${groupName}' in view '${viewName}' has an incomplete result value; its keys were omitted.`);
+                    continue;
+                }
+                Object.assign(keys, compoundKeys);
+            }
+            result.push(keys);
         }
         return result;
     }, [
@@ -34243,6 +34318,8 @@ var $726hz = parcelRequire("726hz");
 
 var $2Zki2 = parcelRequire("2Zki2");
 
+var $gMI48 = parcelRequire("gMI48");
+
 var $iuZkb = parcelRequire("iuZkb");
 
 var $42GxC = parcelRequire("42GxC");
@@ -34251,6 +34328,7 @@ var $hiss3 = parcelRequire("hiss3");
 $parcel$exportWildcard(module.exports, $d1Ssg);
 $parcel$exportWildcard(module.exports, $726hz);
 $parcel$exportWildcard(module.exports, $2Zki2);
+$parcel$exportWildcard(module.exports, $gMI48);
 $parcel$exportWildcard(module.exports, $iuZkb);
 $parcel$exportWildcard(module.exports, $42GxC);
 $parcel$exportWildcard(module.exports, $hiss3);
@@ -34258,8 +34336,28 @@ $parcel$exportWildcard(module.exports, $hiss3);
 });
 parcelRegister("d1Ssg", function(module, exports) {
 
-$parcel$export(module.exports, "LookupDefaultProps", function () { return $3c9a6257599b90ac$export$9c2b2ccf03658905; });
 $parcel$export(module.exports, "Lookup", function () { return $3c9a6257599b90ac$export$710993ff54d9590c; });
+$parcel$export(module.exports, "LookupDefaultProps", function () { return (parcelRequire("557VF")).LookupDefaultProps; });
+
+
+var $5hHAJ = parcelRequire("5hHAJ");
+
+var $557VF = parcelRequire("557VF");
+
+var $7Gk9n = parcelRequire("7Gk9n");
+function $3c9a6257599b90ac$export$710993ff54d9590c(props) {
+    if (props.bindingColumns) return /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $5hHAJ.CompoundLookup), {
+        ...props
+    });
+    return /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $7Gk9n.SingleLookup), {
+        ...props
+    });
+}
+
+});
+parcelRegister("5hHAJ", function(module, exports) {
+
+$parcel$export(module.exports, "CompoundLookup", function () { return $9d29608dc6ae79e3$export$7c17b3a1430b33c0; });
 
 
 
@@ -34267,73 +34365,49 @@ $parcel$export(module.exports, "Lookup", function () { return $3c9a6257599b90ac$
 
 parcelRequire("2eyXi");
 var $4H7ea = parcelRequire("4H7ea");
-parcelRequire("7xGLy");
-var $OciKL = parcelRequire("OciKL");
-parcelRequire("17D0Z");
-var $2Zki2 = parcelRequire("2Zki2");
-const $3c9a6257599b90ac$export$9c2b2ccf03658905 = {
-    idMaxWidth: "15rem",
-    icon: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconSearch), {
+
+var $gMI48 = parcelRequire("gMI48");
+function $9d29608dc6ae79e3$export$7c17b3a1430b33c0(props) {
+    const { entityForm: entityForm, entity: entity, lookupDefName: lookupDefName, autoFocus: autoFocus, label: label, parentKeys: parentKeys, bindingColumns: bindingColumns, required: required, readonly: readonly, disabled: disabled, idMaxWidth: idMaxWidth = "15rem", icon: icon = /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconSearch), {
         size: "1rem",
         stroke: "1.5"
-    }),
-    iconVariant: "light",
-    requiredLabel: "A value is required",
-    size: "sm",
-    enableAdd: false,
-    enableEdit: false,
-    enableDelete: false,
-    enableView: true,
-    autoTrim: true
-};
-function $3c9a6257599b90ac$export$710993ff54d9590c(props) {
-    const { entityForm: entityForm, entity: entity, lookupDefName: lookupDefName, autoFocus: autoFocus, label: label, parentKeys: parentKeys, column: column, required: required, readonly: readonly, disabled: disabled, idMaxWidth: idMaxWidth, icon: icon, iconVariant: iconVariant, requiredLabel: requiredLabel, description: description, size: size, onLookupPerformed: onLookupPerformed, enableAdd: enableAdd, enableEdit: enableEdit, enableDelete: enableDelete, enableView: enableView, transform: transform, autoTrim: autoTrim } = (0, $b4te3$mantinecore.useComponentDefaultProps)('Lookup', $3c9a6257599b90ac$export$9c2b2ccf03658905, props);
+    }), iconVariant: iconVariant = "light", requiredLabel: requiredLabel = "A value is required", description: description, size: size = "sm", onLookupPerformed: onLookupPerformed, enableAdd: enableAdd = false, enableEdit: enableEdit = false, enableDelete: enableDelete = false, enableView: enableView = true, transform: transform, autoTrim: autoTrim = true } = props;
+    if (bindingColumns.length < 2) throw new Error('Compound Lookup requires at least two bindingColumns.');
+    const significantColumn = bindingColumns[bindingColumns.length - 1];
+    const bindingColumnKey = bindingColumns.map((column)=>column.name).join('\u0000');
+    const bindingColumnNames = (0, $b4te3$react.useMemo)(()=>bindingColumns.map((column)=>column.name), [
+        bindingColumnKey
+    ]);
     const theme = (0, $b4te3$mantinecore.useMantineTheme)();
-    const HTMLDescriptionRef = (0, $b4te3$react.useRef)(null);
-    const textTransform = (0, $OciKL.useTextTransform)({
-        entityForm: entityForm,
-        column: column,
-        transform: transform,
-        autoTrim: autoTrim
-    });
-    const lookupAPI = (0, $2Zki2.useLookup)({
+    const inputRef = (0, $b4te3$react.useRef)(null);
+    const lookupAPI = (0, $gMI48.useCompoundLookup)({
         entityForm: entityForm,
         entity: entity,
         lookupDefName: lookupDefName,
-        column: column.name,
+        bindingColumns: bindingColumnNames,
         parentKeys: parentKeys,
         required: required,
-        HTMLDescriptionRef: HTMLDescriptionRef,
+        inputRef: inputRef,
         enableAdd: enableAdd,
         enableEdit: enableEdit,
         enableDelete: enableDelete,
         enableView: enableView,
-        transform: textTransform
+        transform: transform,
+        autoTrim: autoTrim
     });
     (0, $b4te3$react.useEffect)(()=>{
-        if (required ?? !column.hasFlag((0, $4H7ea.EntityColumnFlags).nullable)) entityForm.configureField(column, (0, $b4te3$mantineform.isNotEmpty)(requiredLabel));
-        else entityForm.removeValidation(column);
+        if (required ?? !significantColumn.hasFlag((0, $4H7ea.EntityColumnFlags).nullable)) entityForm.configureField(significantColumn, (0, $b4te3$mantineform.isNotEmpty)(requiredLabel));
+        else entityForm.removeValidation(significantColumn);
     }, [
-        column,
         entityForm,
         required,
-        requiredLabel
+        requiredLabel,
+        significantColumn
     ]);
-    const controlSize = (0, $b4te3$mantinecore.getSize)({
-        size: size ?? "sm",
-        sizes: theme.fontSizes
-    });
-    const descriptionSize = (0, $b4te3$mantinecore.getSize)({
-        size: size ?? "sm",
-        sizes: theme.fontSizes
-    });
-    const labelColor = theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[9];
-    const descriptionColor = theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6];
-    // MMC: set the binding column description value
     (0, $b4te3$react.useEffect)(()=>{
-        column.valueDescription = lookupAPI.lookupResult?.description;
+        bindingColumns.forEach((column, index)=>column.valueDescription = index === bindingColumns.length - 1 ? lookupAPI.lookupResult?.description : undefined);
     }, [
-        column,
+        bindingColumns,
         lookupAPI.lookupResult?.description
     ]);
     (0, $b4te3$react.useEffect)(()=>{
@@ -34342,10 +34416,20 @@ function $3c9a6257599b90ac$export$710993ff54d9590c(props) {
         lookupAPI.lookupResult,
         onLookupPerformed
     ]);
+    const controlSize = (0, $b4te3$mantinecore.getSize)({
+        size: size,
+        sizes: theme.fontSizes
+    });
+    const descriptionSize = (0, $b4te3$mantinecore.getSize)({
+        size: size,
+        sizes: theme.fontSizes
+    });
+    const labelColor = theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[9];
+    const descriptionColor = theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6];
     const { formMode: formMode, status: status } = entityForm;
-    const add_autofocus = formMode === 'add' ? true : undefined;
-    const edit_autofocus = status.loading === false && formMode !== 'add' ? true : undefined;
-    const readonly_condition = readonly === undefined ? column.hasFlag((0, $4H7ea.EntityColumnFlags).autoNum) || entityForm.formMode !== 'add' && column.hasFlag((0, $4H7ea.EntityColumnFlags).pk) : readonly;
+    const addAutofocus = formMode === 'add' ? true : undefined;
+    const editAutofocus = status.loading === false && formMode !== 'add' ? true : undefined;
+    const readonlyCondition = readonly === undefined ? significantColumn.hasFlag((0, $4H7ea.EntityColumnFlags).autoNum) || entityForm.formMode !== 'add' && significantColumn.hasFlag((0, $4H7ea.EntityColumnFlags).pk) : readonly;
     return /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$mantinecore.Stack), {
         style: {
             gap: "0.1rem",
@@ -34361,9 +34445,9 @@ function $3c9a6257599b90ac$export$710993ff54d9590c(props) {
                         size: controlSize,
                         weight: "500",
                         color: labelColor,
-                        children: label ?? column.prompt
+                        children: label ?? significantColumn.prompt
                     }),
-                    (required ?? (!readonly && !(entityForm.formMode === 'view') && !column.hasFlag((0, $4H7ea.EntityColumnFlags).nullable))) && /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Text), {
+                    (required ?? (!readonly && entityForm.formMode !== 'view' && !significantColumn.hasFlag((0, $4H7ea.EntityColumnFlags).nullable))) && /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Text), {
                         size: controlSize,
                         weight: "500",
                         color: theme.colors.red[5],
@@ -34371,13 +34455,13 @@ function $3c9a6257599b90ac$export$710993ff54d9590c(props) {
                     })
                 ]
             }),
-            (description ?? column.description) && /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Text), {
+            (description ?? significantColumn.description) && /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Text), {
                 style: {
                     fontSize: `calc(${descriptionSize} - ${(0, $b4te3$mantinecore.rem)(2)})`,
                     lineHeight: 1.2
                 },
                 color: descriptionColor,
-                children: description ?? column.description
+                children: description ?? significantColumn.description
             }),
             /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$mantinecore.Group), {
                 style: {
@@ -34386,29 +34470,29 @@ function $3c9a6257599b90ac$export$710993ff54d9590c(props) {
                 align: "flex-start",
                 children: [
                     /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.TextInput), {
+                        ref: inputRef,
                         size: size,
                         maw: idMaxWidth,
-                        readOnly: readonly_condition || entityForm.formMode === 'view' || lookupAPI.status.loading || entityForm.status.loading ? true : false,
-                        autoFocus: autoFocus === 'autoFocusOnAdd' ? add_autofocus : autoFocus === 'autoFocusOnEdit' ? edit_autofocus : autoFocus,
-                        "data-autofocus": autoFocus === 'autoFocusOnAdd' ? add_autofocus : autoFocus === 'autoFocusOnEdit' ? edit_autofocus : autoFocus,
+                        readOnly: readonlyCondition || entityForm.formMode === 'view' || lookupAPI.status.loading || entityForm.status.loading,
+                        autoFocus: autoFocus === 'autoFocusOnAdd' ? addAutofocus : autoFocus === 'autoFocusOnEdit' ? editAutofocus : autoFocus,
+                        "data-autofocus": autoFocus === 'autoFocusOnAdd' ? addAutofocus : autoFocus === 'autoFocusOnEdit' ? editAutofocus : autoFocus,
                         disabled: disabled,
                         rightSection: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.ActionIcon), {
                             color: theme.primaryColor,
-                            disabled: readonly_condition || entityForm.formMode === 'view' || lookupAPI.status.loading || entityForm.status.loading,
+                            disabled: readonlyCondition || entityForm.formMode === 'view' || lookupAPI.status.loading || entityForm.status.loading,
                             onClick: async ()=>{
-                                // readonly, no lookup
-                                if (readonly_condition || entityForm.formMode === 'view' || lookupAPI.status.loading || entityForm.status.loading) return;
-                                await lookupAPI.onBlur(column.name, true);
+                                if (readonlyCondition || entityForm.formMode === 'view' || lookupAPI.status.loading || entityForm.status.loading) return;
+                                await lookupAPI.onBlur(significantColumn.name, true);
                             },
                             variant: iconVariant,
                             size: "md",
                             children: icon
                         }),
                         ...lookupAPI.lookupInputProps,
-                        onBlur: async (e)=>{
-                            await lookupAPI.onBlur(column.name, false, e);
+                        onBlur: async (event)=>{
+                            await lookupAPI.onBlur(significantColumn.name, false, event);
                         }
-                    }, `${entity.name}${column.name}`),
+                    }, `${entity.name}${significantColumn.name}Compound`),
                     /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Group), {
                         style: {
                             flexGrow: 1
@@ -34416,20 +34500,19 @@ function $3c9a6257599b90ac$export$710993ff54d9590c(props) {
                         children: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.TextInput), {
                             size: size,
                             readOnly: true,
-                            value: lookupAPI.lookupResult?.description,
+                            value: lookupAPI.lookupResult?.description ?? '',
                             rightSection: lookupAPI.status.loading && /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Loader), {
                                 size: "xs",
                                 variant: "bars"
                             }),
-                            ref: HTMLDescriptionRef,
                             sx: {
                                 flexGrow: 1
                             }
-                        }, `${entity.name}${column.name}description`)
+                        }, `${entity.name}${significantColumn.name}CompoundDescription`)
                     })
                 ]
             }),
-            lookupAPI.lookupResult?.error && /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Group), {
+            lookupAPI.lookupResult?.error && lookupAPI.lookupResult.errorDescription && /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Group), {
                 children: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Text), {
                     size: "xs",
                     color: "red",
@@ -34441,148 +34524,618 @@ function $3c9a6257599b90ac$export$710993ff54d9590c(props) {
 }
 
 });
+parcelRegister("gMI48", function(module, exports) {
 
-parcelRegister("726hz", function(module, exports) {
-
-$parcel$export(module.exports, "LookupFormDefaultProps", function () { return $b5f5c79046a37f01$export$661ffebdb61ba44e; });
-$parcel$export(module.exports, "LookupForm", function () { return $b5f5c79046a37f01$export$31fe10f004166bd6; });
-
-
-
-
-parcelRequire("2Qb3Q");
-var $kjFvY = parcelRequire("kjFvY");
-const $b5f5c79046a37f01$export$661ffebdb61ba44e = {
-    helpMessage: "Select the records that you need and click OK",
-    okLabel: "OK",
-    cancelLabel: "Cancel"
-};
-function $b5f5c79046a37f01$export$31fe10f004166bd6(props) {
-    const { dataGridProps: dataGridProps, onOK: onOK, onCancel: onCancel, okLabel: okLabel, cancelLabel: cancelLabel, helpMessage: helpMessage, breadCrumbs: breadCrumbs } = (0, $b4te3$mantinecore.useComponentDefaultProps)('LookupForm', $b5f5c79046a37f01$export$661ffebdb61ba44e, props);
-    const theme = (0, $b4te3$mantinecore.useMantineTheme)();
-    const selectionKeys = (0, $b4te3$react.useRef)([]);
-    const handleSelectionChanged = (0, $b4te3$react.useCallback)((selection, keys)=>{
-        selectionKeys.current = keys;
-    }, []);
-    const handleOK = (0, $b4te3$react.useCallback)(()=>{
-        onOK(selectionKeys.current);
-    }, [
-        onOK
-    ]);
-    const { parentKeys: parentKeys } = dataGridProps;
-    return /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$mantinecore.Stack), {
-        children: [
-            breadCrumbs && /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Breadcrumbs), {
-                children: breadCrumbs
-            }),
-            /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$mantinecore.Card), {
-                shadow: "sm",
-                withBorder: theme.colorScheme === 'dark' ? false : true,
-                children: [
-                    /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Card).Section, {
-                        p: "xs",
-                        bg: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors[theme.primaryColor][3],
-                        mb: "1rem",
-                        children: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$mantinecore.Group), {
-                            sx: {
-                                gap: "0.25rem"
-                            },
-                            children: [
-                                /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconInfoCircle), {
-                                    size: "1.1rem"
-                                }),
-                                /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Text), {
-                                    fz: "xs",
-                                    c: "dimmed",
-                                    children: helpMessage
-                                })
-                            ]
-                        })
-                    }),
-                    /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $kjFvY.DataGrid), {
-                        ...dataGridProps,
-                        onSelectionChanged: handleSelectionChanged,
-                        autoFocus: true
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$mantinecore.Group), {
-                mt: "md",
-                position: "right",
-                children: [
-                    /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Button), {
-                        variant: "light",
-                        leftIcon: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconCircleX), {
-                            size: "1.5rem"
-                        }),
-                        onClick: ()=>onCancel ? onCancel() : null,
-                        children: cancelLabel
-                    }),
-                    /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Button), {
-                        onClick: handleOK,
-                        color: theme.colors.green[5],
-                        leftIcon: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconCircleCheck), {
-                            size: "1.5rem"
-                        }),
-                        children: okLabel
-                    })
-                ]
-            })
-        ]
-    });
-}
-
-});
-
-parcelRegister("2Zki2", function(module, exports) {
-
-$parcel$export(module.exports, "useLookup", function () { return $d296e9f4d3930bfd$export$4db9dd7eda56bf7b; });
+$parcel$export(module.exports, "useCompoundLookup", function () { return $1e0694bb407199c5$export$cf48e8dd7daeb58f; });
 
 parcelRequire("6Rdyz");
 var $98ddT = parcelRequire("98ddT");
+parcelRequire("2eyXi");
+var $7qUhz = parcelRequire("7qUhz");
 
 var $iKzSR = parcelRequire("iKzSR");
-parcelRequire("17D0Z");
+
 var $42GxC = parcelRequire("42GxC");
-const $d296e9f4d3930bfd$export$4db9dd7eda56bf7b = ({ entityForm: entityForm, entity: entity, lookupDefName: lookupDefName, column: column, parentKeys: parentKeys, required: required, HTMLDescriptionRef: HTMLDescriptionRef, enableAdd: enableAdd, enableEdit: enableEdit, enableDelete: enableDelete, enableView: enableView, transform: transform })=>{
+function $1e0694bb407199c5$var$transformValue(value, autoTrim, transform) {
+    const transformed = autoTrim ? value.trim() : value;
+    switch(transform){
+        case 'uppercase':
+            return transformed.toUpperCase();
+        case 'lowercase':
+            return transformed.toLowerCase();
+        case 'capitalize':
+            return transformed.charAt(0).toUpperCase() + transformed.slice(1);
+        case 'titlecase':
+            return transformed.split(' ').map((word)=>word.charAt(0).toUpperCase() + word.slice(1)).join(' ');
+        default:
+            return transformed;
+    }
+}
+function $1e0694bb407199c5$export$cf48e8dd7daeb58f({ entityForm: entityForm, entity: entity, lookupDefName: lookupDefName, bindingColumns: bindingColumns, parentKeys: parentKeys, required: required, inputRef: inputRef, enableAdd: enableAdd, enableEdit: enableEdit, enableDelete: enableDelete, enableView: enableView, transform: transform, autoTrim: autoTrim }) {
+    const lookupForm = (0, $42GxC.useLookupForm)();
     const [status, setStatus] = (0, $b4te3$react.useState)({});
-    const [previousLookupResult, setPreviousLookupResult] = (0, $b4te3$react.useState)();
     const [lookupResult, setLookupResult] = (0, $b4te3$react.useState)();
-    const lookupForm = (0, $42GxC.useLookupForm)();
-    const lookupEntity = (0, $b4te3$react.useRef)();
-    const viewName = (0, $b4te3$react.useRef)('');
-    const lookupDef = (0, $b4te3$react.useRef)();
-    const isLooking = (0, $b4te3$react.useRef)(false);
-    const lastFocusedElement = (0, $b4te3$react.useRef)();
-    const performLookup = (0, $b4te3$react.useCallback)((bindingColumn, keyValue, force = false)=>{
-        if (!lookupEntity.current) return Promise.resolve({
-            columnName: bindingColumn,
-            key: '',
+    const [rawValue, setRawValue] = (0, $b4te3$react.useState)('');
+    const dirty = (0, $b4te3$react.useRef)(false);
+    const looking = (0, $b4te3$react.useRef)(false);
+    const significantColumn = bindingColumns[bindingColumns.length - 1];
+    const bindingColumnsKey = bindingColumns.join('\u0000');
+    const context = (0, $b4te3$react.useMemo)(()=>{
+        if (bindingColumns.length < 2) throw new Error(`Compound Lookup '${lookupDefName}' requires at least two bindingColumns.`);
+        const lookupDef = entity.def.lookups[lookupDefName];
+        if (!lookupDef) throw new Error(`Lookup definition '${lookupDefName}' was not found in entity '${entity.name}'.`);
+        if (!lookupDef.compoundKeyGroupName) throw new Error(`Compound Lookup '${lookupDefName}' requires compoundKeyGroupName.`);
+        const lookupEntity = lookupDef.entityConstructor(entity.API.client, parentKeys);
+        const viewName = lookupDef.view ?? lookupEntity.def.standardView() ?? '';
+        const view = lookupEntity.def.views[viewName];
+        if (!view) throw new Error(`View '${viewName}' was not found for compound Lookup '${lookupDefName}'.`);
+        const group = (0, $7qUhz.resolveCompoundKeyGroup)(view, lookupDef.compoundKeyGroupName);
+        const mappings = (0, $7qUhz.getOrderedCompoundKeyMappings)(group);
+        if (mappings.length !== bindingColumns.length) throw new Error(`Compound Lookup '${lookupDefName}' defines ${mappings.length} group members but received ${bindingColumns.length} bindingColumns.`);
+        return {
+            lookupDef: lookupDef,
+            lookupEntity: lookupEntity,
+            viewName: viewName,
+            group: group,
+            mappings: mappings
+        };
+    }, [
+        bindingColumnsKey,
+        entity,
+        lookupDefName,
+        parentKeys
+    ]);
+    const bindingSignature = bindingColumns.map((column)=>entityForm.form.values[column]?.toString() ?? '').join('\u0000');
+    (0, $b4te3$react.useEffect)(()=>{
+        if (!dirty.current || entityForm.status.loading || entityForm.status.operationType === 'get') {
+            dirty.current = false;
+            setRawValue((0, $7qUhz.composeCompoundKey)(bindingColumns.map((column)=>entityForm.form.values[column]), context.group));
+        }
+    }, [
+        bindingSignature,
+        bindingColumnsKey,
+        context.group,
+        entityForm.status.loading,
+        entityForm.status.operationType
+    ]);
+    const clearDescriptions = (0, $b4te3$react.useCallback)(()=>{
+        bindingColumns.forEach((columnName)=>entity.def.columns[columnName].valueDescription = undefined);
+    }, [
+        bindingColumns,
+        entity.def.columns
+    ]);
+    const setInvalid = (0, $b4te3$react.useCallback)((raw, errorDescription)=>{
+        clearDescriptions();
+        entityForm.form.setFieldError(significantColumn, errorDescription || true);
+        setLookupResult({
+            columnName: significantColumn,
+            key: raw,
             description: '',
+            error: true,
             cancel: false,
+            updateParentKeys: false,
+            errorDescription: errorDescription
+        });
+        queueMicrotask(()=>inputRef.current?.focus());
+    }, [
+        clearDescriptions,
+        entityForm.form,
+        inputRef,
+        significantColumn
+    ]);
+    const commit = (0, $b4te3$react.useCallback)((values, raw, description)=>{
+        bindingColumns.forEach((columnName, index)=>{
+            entityForm.form.setFieldValue(columnName, values[index]);
+            entity.def.columns[columnName].value = values[index];
+            entity.def.columns[columnName].valueDescription = index === bindingColumns.length - 1 ? description : undefined;
+        });
+        dirty.current = false;
+        setRawValue(raw);
+        entityForm.form.setFieldError(significantColumn, null);
+        setLookupResult({
+            columnName: significantColumn,
+            key: raw,
+            description: description,
             error: false,
+            cancel: false,
             updateParentKeys: true
         });
-        const mappedKeyColumnName = lookupDef.current.bindingColumnKey ?? bindingColumn;
-        lookupEntity.current.def.columns[mappedKeyColumnName].value = keyValue;
-        if (parentKeys) lookupEntity.current.parentKeys = parentKeys;
-        return new Promise(async (resolve, reject)=>{
-            const doLookup = async ()=>{
-                try {
-                    setStatus({
-                        loading: true
-                    });
-                    // Set parentKeys
-                    $iKzSR.setValues(lookupEntity.current.def.columns, parentKeys, null, true);
-                    const result = await lookupEntity.current.API.lookupData(null, null, lookupDef.current?.proc);
-                    const new_status = {
-                        data: {
-                            key: keyValue,
-                            description: result
-                        }
-                    };
-                    setStatus(new_status);
-                    return {
+    }, [
+        bindingColumns,
+        entity.def.columns,
+        entityForm.form,
+        significantColumn
+    ]);
+    const executeDescriptionLookup = (0, $b4te3$react.useCallback)(async (values)=>{
+        try {
+            setStatus({
+                loading: true
+            });
+            $iKzSR.setValues(context.lookupEntity.def.columns, parentKeys, null, true);
+            context.mappings.forEach(([columnName], index)=>context.lookupEntity.def.columns[columnName].value = values[index]);
+            const description = await context.lookupEntity.API.lookupData(null, null, context.lookupDef.proc);
+            setStatus({
+                data: {
+                    description: description
+                }
+            });
+            return {
+                description: description,
+                errorDescription: undefined
+            };
+        } catch (error) {
+            const microMError = (0, $98ddT.toMicroMError)(error);
+            setStatus({
+                error: microMError
+            });
+            return {
+                description: '',
+                errorDescription: microMError.message ?? microMError.statusMessage ?? 'Lookup failed.'
+            };
+        }
+    }, [
+        context,
+        parentKeys
+    ]);
+    const browse = (0, $b4te3$react.useCallback)(async (raw)=>{
+        await new Promise(async (resolve)=>{
+            await lookupForm({
+                entity: context.lookupEntity,
+                parentKeys: parentKeys,
+                selectionMode: 'single',
+                search: raw ? [
+                    raw
+                ] : [],
+                viewName: context.viewName,
+                onOK: async (selectedKeys)=>{
+                    const values = selectedKeys.length ? (0, $7qUhz.extractCompoundKeyValues)(selectedKeys[0], context.group) : undefined;
+                    if (!values) {
+                        setInvalid(raw, 'The selected record contains an incomplete compound key.');
+                        resolve();
+                        return;
+                    }
+                    const lookup = await executeDescriptionLookup(values);
+                    if (lookup.errorDescription) setInvalid(raw, lookup.errorDescription);
+                    else if (lookup.description) commit(values, (0, $7qUhz.composeCompoundKey)(values, context.group), lookup.description);
+                    else setInvalid(raw, 'The selected record could not be resolved.');
+                    resolve();
+                },
+                onCancel: async ()=>{
+                    setInvalid(raw);
+                    setLookupResult({
+                        columnName: significantColumn,
+                        key: raw,
+                        description: '',
+                        error: true,
+                        cancel: true,
+                        updateParentKeys: false
+                    });
+                    resolve();
+                },
+                modalProps: {
+                    size: 'xl',
+                    trapFocus: true
+                },
+                enableAdd: enableAdd,
+                enableEdit: enableEdit,
+                enableDelete: enableDelete,
+                enableView: enableView
+            });
+        });
+    }, [
+        commit,
+        context,
+        enableAdd,
+        enableDelete,
+        enableEdit,
+        enableView,
+        executeDescriptionLookup,
+        lookupForm,
+        parentKeys,
+        setInvalid,
+        significantColumn
+    ]);
+    const onBlur = (0, $b4te3$react.useCallback)(async (_bindingColumn, force = false, _event = null)=>{
+        if (looking.current) return;
+        looking.current = true;
+        const transformed = $1e0694bb407199c5$var$transformValue(rawValue, autoTrim, transform);
+        setRawValue(transformed);
+        if (!transformed) {
+            bindingColumns.forEach((columnName)=>{
+                entityForm.form.setFieldValue(columnName, '');
+                entity.def.columns[columnName].value = '';
+            });
+            clearDescriptions();
+            entityForm.form.setFieldError(significantColumn, required ? true : null);
+            setLookupResult({
+                columnName: significantColumn,
+                key: '',
+                description: '',
+                error: required,
+                cancel: false,
+                updateParentKeys: true
+            });
+            dirty.current = false;
+            looking.current = false;
+            return;
+        }
+        const split = (0, $7qUhz.splitCompoundKey)(transformed, context.group);
+        if (force || !split.complete) await browse(transformed);
+        else {
+            const lookup = await executeDescriptionLookup(split.values);
+            if (lookup.errorDescription) setInvalid(transformed, lookup.errorDescription);
+            else if (lookup.description) commit(split.values, transformed, lookup.description);
+            else await browse(transformed);
+        }
+        looking.current = false;
+    }, [
+        autoTrim,
+        bindingColumns,
+        browse,
+        clearDescriptions,
+        commit,
+        context.group,
+        entity.def.columns,
+        entityForm.form,
+        executeDescriptionLookup,
+        rawValue,
+        required,
+        setInvalid,
+        significantColumn,
+        transform
+    ]);
+    const lookupInputProps = {
+        ...entityForm.form.getInputProps(significantColumn),
+        value: rawValue,
+        onChange: (event)=>{
+            dirty.current = true;
+            setRawValue(event.currentTarget.value);
+            clearDescriptions();
+            setLookupResult(undefined);
+        }
+    };
+    return {
+        status: status,
+        lookupResult: lookupResult,
+        lookupInputProps: lookupInputProps,
+        onBlur: onBlur
+    };
+}
+
+});
+parcelRegister("42GxC", function(module, exports) {
+
+$parcel$export(module.exports, "UseLookupFormDefaultProps", function () { return $bead45746c9b4701$export$7c798c3f2245eb6; });
+$parcel$export(module.exports, "useLookupForm", function () { return $bead45746c9b4701$export$5ff8a4fe1be12a7c; });
+
+
+
+parcelRequire("7xGLy");
+var $k7qj2 = parcelRequire("k7qj2");
+parcelRequire("17D0Z");
+var $726hz = parcelRequire("726hz");
+const $bead45746c9b4701$export$7c798c3f2245eb6 = {
+    modalProps: {
+        size: 'xl'
+    },
+    selectLabel: "Select",
+    showActions: false,
+    enableAdd: false,
+    enableEdit: false,
+    enableDelete: false,
+    enableView: true
+};
+function $bead45746c9b4701$export$5ff8a4fe1be12a7c() {
+    const modals = (0, $k7qj2.useModal)();
+    const buttonResult = (0, $b4te3$react.useRef)('Quit');
+    const open = async (props)=>{
+        const { entity: entity, viewName: viewName, onOK: onOK, onCancel: onCancel, modalProps: modalProps, selectionMode: selectionMode, search: search, selectLabel: selectLabel, onClosed: onClosed, parentKeys: parentKeys, showActions: showActions, enableAdd: enableAdd, enableEdit: enableEdit, enableDelete: enableDelete, enableView: enableView, breadCrumbs: breadCrumbs } = {
+            ...$bead45746c9b4701$export$7c798c3f2245eb6,
+            ...props
+        };
+        buttonResult.current = 'Quit';
+        const handleOK = async (selectedKeys)=>{
+            buttonResult.current = 'OK';
+            await modals.close();
+            if (onOK) await onOK(selectedKeys);
+        };
+        const handleCancel = async ()=>{
+            buttonResult.current = 'Cancel';
+            await modals.close();
+            if (onCancel) onCancel();
+        };
+        const handleClosed = async ()=>{
+            if (buttonResult.current === 'Quit') {
+                if (onCancel) onCancel();
+            }
+            if (onClosed) onClosed();
+        };
+        await modals.open({
+            content: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $726hz.LookupForm), {
+                dataGridProps: {
+                    entity: entity,
+                    parentKeys: parentKeys,
+                    viewName: viewName,
+                    limit: "10000",
+                    refreshOnInit: true,
+                    selectionMode: selectionMode ? selectionMode : 'multi',
+                    search: search,
+                    showActions: showActions,
+                    enableAdd: enableAdd,
+                    enableEdit: enableEdit,
+                    enableDelete: enableDelete,
+                    enableView: enableView
+                },
+                onOK: async (selectedKeys)=>await handleOK(selectedKeys),
+                onCancel: ()=>handleCancel(),
+                breadCrumbs: breadCrumbs
+            }),
+            modalProps: {
+                ...modalProps,
+                trapFocus: true,
+                returnFocus: true,
+                withFullscreenButton: true,
+                title: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$mantinecore.Text), {
+                    fw: "700",
+                    children: [
+                        selectLabel,
+                        " ",
+                        entity.Title
+                    ]
+                })
+            },
+            onClosed: async ()=>{
+                await handleClosed();
+            }
+        });
+    };
+    return open;
+}
+
+});
+
+
+
+parcelRegister("557VF", function(module, exports) {
+
+$parcel$export(module.exports, "LookupDefaultProps", function () { return $00c9d91a9839ec3c$export$9c2b2ccf03658905; });
+
+
+const $00c9d91a9839ec3c$export$9c2b2ccf03658905 = {
+    idMaxWidth: "15rem",
+    icon: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconSearch), {
+        size: "1rem",
+        stroke: "1.5"
+    }),
+    iconVariant: "light",
+    requiredLabel: "A value is required",
+    size: "sm",
+    enableAdd: false,
+    enableEdit: false,
+    enableDelete: false,
+    enableView: true,
+    autoTrim: true
+};
+
+});
+
+parcelRegister("7Gk9n", function(module, exports) {
+
+$parcel$export(module.exports, "SingleLookup", function () { return $7453d94b4131a5b6$export$5d8bfd620f16e3fd; });
+
+
+
+
+parcelRequire("2eyXi");
+var $4H7ea = parcelRequire("4H7ea");
+parcelRequire("7xGLy");
+var $OciKL = parcelRequire("OciKL");
+
+var $557VF = parcelRequire("557VF");
+
+var $2Zki2 = parcelRequire("2Zki2");
+function $7453d94b4131a5b6$export$5d8bfd620f16e3fd(props) {
+    const { entityForm: entityForm, entity: entity, lookupDefName: lookupDefName, autoFocus: autoFocus, label: label, parentKeys: parentKeys, column: column, required: required, readonly: readonly, disabled: disabled, idMaxWidth: idMaxWidth, icon: icon, iconVariant: iconVariant, requiredLabel: requiredLabel, description: description, size: size, onLookupPerformed: onLookupPerformed, enableAdd: enableAdd, enableEdit: enableEdit, enableDelete: enableDelete, enableView: enableView, transform: transform, autoTrim: autoTrim } = (0, $b4te3$mantinecore.useComponentDefaultProps)('Lookup', (0, $557VF.LookupDefaultProps), props);
+    const theme = (0, $b4te3$mantinecore.useMantineTheme)();
+    const HTMLDescriptionRef = (0, $b4te3$react.useRef)(null);
+    const textTransform = (0, $OciKL.useTextTransform)({
+        entityForm: entityForm,
+        column: column,
+        transform: transform,
+        autoTrim: autoTrim
+    });
+    const lookupAPI = (0, $2Zki2.useLookup)({
+        entityForm: entityForm,
+        entity: entity,
+        lookupDefName: lookupDefName,
+        column: column.name,
+        parentKeys: parentKeys,
+        required: required,
+        HTMLDescriptionRef: HTMLDescriptionRef,
+        enableAdd: enableAdd,
+        enableEdit: enableEdit,
+        enableDelete: enableDelete,
+        enableView: enableView,
+        transform: textTransform
+    });
+    (0, $b4te3$react.useEffect)(()=>{
+        if (required ?? !column.hasFlag((0, $4H7ea.EntityColumnFlags).nullable)) entityForm.configureField(column, (0, $b4te3$mantineform.isNotEmpty)(requiredLabel));
+        else entityForm.removeValidation(column);
+    }, [
+        column,
+        entityForm,
+        required,
+        requiredLabel
+    ]);
+    const controlSize = (0, $b4te3$mantinecore.getSize)({
+        size: size ?? "sm",
+        sizes: theme.fontSizes
+    });
+    const descriptionSize = (0, $b4te3$mantinecore.getSize)({
+        size: size ?? "sm",
+        sizes: theme.fontSizes
+    });
+    const labelColor = theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[9];
+    const descriptionColor = theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6];
+    (0, $b4te3$react.useEffect)(()=>{
+        column.valueDescription = lookupAPI.lookupResult?.description;
+    }, [
+        column,
+        lookupAPI.lookupResult?.description
+    ]);
+    (0, $b4te3$react.useEffect)(()=>{
+        if (onLookupPerformed && lookupAPI.lookupResult) onLookupPerformed(lookupAPI.lookupResult);
+    }, [
+        lookupAPI.lookupResult,
+        onLookupPerformed
+    ]);
+    const { formMode: formMode, status: status } = entityForm;
+    const addAutofocus = formMode === 'add' ? true : undefined;
+    const editAutofocus = status.loading === false && formMode !== 'add' ? true : undefined;
+    const readonlyCondition = readonly === undefined ? column.hasFlag((0, $4H7ea.EntityColumnFlags).autoNum) || entityForm.formMode !== 'add' && column.hasFlag((0, $4H7ea.EntityColumnFlags).pk) : readonly;
+    return /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$mantinecore.Stack), {
+        style: {
+            gap: "0.1rem",
+            flexGrow: "1"
+        },
+        children: [
+            /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$mantinecore.Group), {
+                style: {
+                    gap: "0.2rem"
+                },
+                children: [
+                    /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Text), {
+                        size: controlSize,
+                        weight: "500",
+                        color: labelColor,
+                        children: label ?? column.prompt
+                    }),
+                    (required ?? (!readonly && entityForm.formMode !== 'view' && !column.hasFlag((0, $4H7ea.EntityColumnFlags).nullable))) && /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Text), {
+                        size: controlSize,
+                        weight: "500",
+                        color: theme.colors.red[5],
+                        children: "*"
+                    })
+                ]
+            }),
+            (description ?? column.description) && /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Text), {
+                style: {
+                    fontSize: `calc(${descriptionSize} - ${(0, $b4te3$mantinecore.rem)(2)})`,
+                    lineHeight: 1.2
+                },
+                color: descriptionColor,
+                children: description ?? column.description
+            }),
+            /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$mantinecore.Group), {
+                style: {
+                    marginTop: `calc(${theme.spacing.xs} / 2)`
+                },
+                align: "flex-start",
+                children: [
+                    /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.TextInput), {
+                        size: size,
+                        maw: idMaxWidth,
+                        readOnly: readonlyCondition || entityForm.formMode === 'view' || lookupAPI.status.loading || entityForm.status.loading,
+                        autoFocus: autoFocus === 'autoFocusOnAdd' ? addAutofocus : autoFocus === 'autoFocusOnEdit' ? editAutofocus : autoFocus,
+                        "data-autofocus": autoFocus === 'autoFocusOnAdd' ? addAutofocus : autoFocus === 'autoFocusOnEdit' ? editAutofocus : autoFocus,
+                        disabled: disabled,
+                        rightSection: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.ActionIcon), {
+                            color: theme.primaryColor,
+                            disabled: readonlyCondition || entityForm.formMode === 'view' || lookupAPI.status.loading || entityForm.status.loading,
+                            onClick: async ()=>{
+                                if (readonlyCondition || entityForm.formMode === 'view' || lookupAPI.status.loading || entityForm.status.loading) return;
+                                await lookupAPI.onBlur(column.name, true);
+                            },
+                            variant: iconVariant,
+                            size: "md",
+                            children: icon
+                        }),
+                        ...lookupAPI.lookupInputProps,
+                        onBlur: async (event)=>{
+                            await lookupAPI.onBlur(column.name, false, event);
+                        }
+                    }, `${entity.name}${column.name}`),
+                    /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Group), {
+                        style: {
+                            flexGrow: 1
+                        },
+                        children: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.TextInput), {
+                            size: size,
+                            readOnly: true,
+                            value: lookupAPI.lookupResult?.description,
+                            rightSection: lookupAPI.status.loading && /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Loader), {
+                                size: "xs",
+                                variant: "bars"
+                            }),
+                            ref: HTMLDescriptionRef,
+                            sx: {
+                                flexGrow: 1
+                            }
+                        }, `${entity.name}${column.name}description`)
+                    })
+                ]
+            }),
+            lookupAPI.lookupResult?.error && /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Group), {
+                children: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Text), {
+                    size: "xs",
+                    color: "red",
+                    children: lookupAPI.lookupResult.errorDescription
+                })
+            })
+        ]
+    });
+}
+
+});
+parcelRegister("2Zki2", function(module, exports) {
+
+$parcel$export(module.exports, "useLookup", function () { return $d296e9f4d3930bfd$export$4db9dd7eda56bf7b; });
+
+parcelRequire("6Rdyz");
+var $98ddT = parcelRequire("98ddT");
+
+var $iKzSR = parcelRequire("iKzSR");
+parcelRequire("17D0Z");
+var $42GxC = parcelRequire("42GxC");
+const $d296e9f4d3930bfd$export$4db9dd7eda56bf7b = ({ entityForm: entityForm, entity: entity, lookupDefName: lookupDefName, column: column, parentKeys: parentKeys, required: required, HTMLDescriptionRef: HTMLDescriptionRef, enableAdd: enableAdd, enableEdit: enableEdit, enableDelete: enableDelete, enableView: enableView, transform: transform })=>{
+    const [status, setStatus] = (0, $b4te3$react.useState)({});
+    const [previousLookupResult, setPreviousLookupResult] = (0, $b4te3$react.useState)();
+    const [lookupResult, setLookupResult] = (0, $b4te3$react.useState)();
+    const lookupForm = (0, $42GxC.useLookupForm)();
+    const lookupEntity = (0, $b4te3$react.useRef)();
+    const viewName = (0, $b4te3$react.useRef)('');
+    const lookupDef = (0, $b4te3$react.useRef)();
+    const isLooking = (0, $b4te3$react.useRef)(false);
+    const lastFocusedElement = (0, $b4te3$react.useRef)();
+    const performLookup = (0, $b4te3$react.useCallback)((bindingColumn, keyValue, force = false)=>{
+        if (!lookupEntity.current) return Promise.resolve({
+            columnName: bindingColumn,
+            key: '',
+            description: '',
+            cancel: false,
+            error: false,
+            updateParentKeys: true
+        });
+        const mappedKeyColumnName = lookupDef.current.bindingColumnKey ?? bindingColumn;
+        lookupEntity.current.def.columns[mappedKeyColumnName].value = keyValue;
+        if (parentKeys) lookupEntity.current.parentKeys = parentKeys;
+        return new Promise(async (resolve, reject)=>{
+            const doLookup = async ()=>{
+                try {
+                    setStatus({
+                        loading: true
+                    });
+                    // Set parentKeys
+                    $iKzSR.setValues(lookupEntity.current.def.columns, parentKeys, null, true);
+                    const result = await lookupEntity.current.API.lookupData(null, null, lookupDef.current?.proc);
+                    const new_status = {
+                        data: {
+                            key: keyValue,
+                            description: result
+                        }
+                    };
+                    setStatus(new_status);
+                    return {
                         description: result,
                         status: new_status,
                         errorDescription: ''
@@ -34820,6 +35373,100 @@ const $d296e9f4d3930bfd$export$4db9dd7eda56bf7b = ({ entityForm: entityForm, ent
 
 });
 
+
+
+parcelRegister("726hz", function(module, exports) {
+
+$parcel$export(module.exports, "LookupFormDefaultProps", function () { return $b5f5c79046a37f01$export$661ffebdb61ba44e; });
+$parcel$export(module.exports, "LookupForm", function () { return $b5f5c79046a37f01$export$31fe10f004166bd6; });
+
+
+
+
+parcelRequire("2Qb3Q");
+var $kjFvY = parcelRequire("kjFvY");
+const $b5f5c79046a37f01$export$661ffebdb61ba44e = {
+    helpMessage: "Select the records that you need and click OK",
+    okLabel: "OK",
+    cancelLabel: "Cancel"
+};
+function $b5f5c79046a37f01$export$31fe10f004166bd6(props) {
+    const { dataGridProps: dataGridProps, onOK: onOK, onCancel: onCancel, okLabel: okLabel, cancelLabel: cancelLabel, helpMessage: helpMessage, breadCrumbs: breadCrumbs } = (0, $b4te3$mantinecore.useComponentDefaultProps)('LookupForm', $b5f5c79046a37f01$export$661ffebdb61ba44e, props);
+    const theme = (0, $b4te3$mantinecore.useMantineTheme)();
+    const selectionKeys = (0, $b4te3$react.useRef)([]);
+    const handleSelectionChanged = (0, $b4te3$react.useCallback)((selection, keys)=>{
+        selectionKeys.current = keys;
+    }, []);
+    const handleOK = (0, $b4te3$react.useCallback)(()=>{
+        onOK(selectionKeys.current);
+    }, [
+        onOK
+    ]);
+    const { parentKeys: parentKeys } = dataGridProps;
+    return /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$mantinecore.Stack), {
+        children: [
+            breadCrumbs && /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Breadcrumbs), {
+                children: breadCrumbs
+            }),
+            /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$mantinecore.Card), {
+                shadow: "sm",
+                withBorder: theme.colorScheme === 'dark' ? false : true,
+                children: [
+                    /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Card).Section, {
+                        p: "xs",
+                        bg: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors[theme.primaryColor][3],
+                        mb: "1rem",
+                        children: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$mantinecore.Group), {
+                            sx: {
+                                gap: "0.25rem"
+                            },
+                            children: [
+                                /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconInfoCircle), {
+                                    size: "1.1rem"
+                                }),
+                                /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Text), {
+                                    fz: "xs",
+                                    c: "dimmed",
+                                    children: helpMessage
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $kjFvY.DataGrid), {
+                        ...dataGridProps,
+                        onSelectionChanged: handleSelectionChanged,
+                        autoFocus: true
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$mantinecore.Group), {
+                mt: "md",
+                position: "right",
+                children: [
+                    /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Button), {
+                        variant: "light",
+                        leftIcon: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconCircleX), {
+                            size: "1.5rem"
+                        }),
+                        onClick: ()=>onCancel ? onCancel() : null,
+                        children: cancelLabel
+                    }),
+                    /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Button), {
+                        onClick: handleOK,
+                        color: theme.colors.green[5],
+                        leftIcon: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconCircleCheck), {
+                            size: "1.5rem"
+                        }),
+                        children: okLabel
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+});
+
 parcelRegister("iuZkb", function(module, exports) {
 
 $parcel$export(module.exports, "useLookupEntity", function () { return $6899d2333cf49324$export$983248af60bcb386; });
@@ -34848,97 +35495,6 @@ function $6899d2333cf49324$export$983248af60bcb386({ entity: entity, lookupDefNa
 
 });
 
-parcelRegister("42GxC", function(module, exports) {
-
-$parcel$export(module.exports, "UseLookupFormDefaultProps", function () { return $bead45746c9b4701$export$7c798c3f2245eb6; });
-$parcel$export(module.exports, "useLookupForm", function () { return $bead45746c9b4701$export$5ff8a4fe1be12a7c; });
-
-
-
-parcelRequire("7xGLy");
-var $k7qj2 = parcelRequire("k7qj2");
-parcelRequire("17D0Z");
-var $726hz = parcelRequire("726hz");
-const $bead45746c9b4701$export$7c798c3f2245eb6 = {
-    modalProps: {
-        size: 'xl'
-    },
-    selectLabel: "Select",
-    showActions: false,
-    enableAdd: false,
-    enableEdit: false,
-    enableDelete: false,
-    enableView: true
-};
-function $bead45746c9b4701$export$5ff8a4fe1be12a7c() {
-    const modals = (0, $k7qj2.useModal)();
-    const buttonResult = (0, $b4te3$react.useRef)('Quit');
-    const open = async (props)=>{
-        const { entity: entity, viewName: viewName, onOK: onOK, onCancel: onCancel, modalProps: modalProps, selectionMode: selectionMode, search: search, selectLabel: selectLabel, onClosed: onClosed, parentKeys: parentKeys, showActions: showActions, enableAdd: enableAdd, enableEdit: enableEdit, enableDelete: enableDelete, enableView: enableView, breadCrumbs: breadCrumbs } = {
-            ...$bead45746c9b4701$export$7c798c3f2245eb6,
-            ...props
-        };
-        buttonResult.current = 'Quit';
-        const handleOK = async (selectedKeys)=>{
-            buttonResult.current = 'OK';
-            await modals.close();
-            if (onOK) await onOK(selectedKeys);
-        };
-        const handleCancel = async ()=>{
-            buttonResult.current = 'Cancel';
-            await modals.close();
-            if (onCancel) onCancel();
-        };
-        const handleClosed = async ()=>{
-            if (buttonResult.current === 'Quit') {
-                if (onCancel) onCancel();
-            }
-            if (onClosed) onClosed();
-        };
-        await modals.open({
-            content: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $726hz.LookupForm), {
-                dataGridProps: {
-                    entity: entity,
-                    parentKeys: parentKeys,
-                    viewName: viewName,
-                    limit: "10000",
-                    refreshOnInit: true,
-                    selectionMode: selectionMode ? selectionMode : 'multi',
-                    search: search,
-                    showActions: showActions,
-                    enableAdd: enableAdd,
-                    enableEdit: enableEdit,
-                    enableDelete: enableDelete,
-                    enableView: enableView
-                },
-                onOK: async (selectedKeys)=>await handleOK(selectedKeys),
-                onCancel: ()=>handleCancel(),
-                breadCrumbs: breadCrumbs
-            }),
-            modalProps: {
-                ...modalProps,
-                trapFocus: true,
-                returnFocus: true,
-                withFullscreenButton: true,
-                title: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$mantinecore.Text), {
-                    fw: "700",
-                    children: [
-                        selectLabel,
-                        " ",
-                        entity.Title
-                    ]
-                })
-            },
-            onClosed: async ()=>{
-                await handleClosed();
-            }
-        });
-    };
-    return open;
-}
-
-});
-
 parcelRegister("hiss3", function(module, exports) {
 
 $parcel$export(module.exports, "LookupFormActionDefaultProps", function () { return $9987aca4488b336f$export$cfa3d1bdbe24a61; });