@bit.rhplus/ag-grid 0.0.119 → 0.0.121

package/AgGridColumn.js

@@ -57,6 +57,15 @@ export const AgGridColumn = (column, options) => {
     };
   }
 
+  if (column.numberedListRenderer) {
+    column.cellRenderer = "numberedListRenderer";
+    // AG-Grid deferRender: odkládá rendering během scrollování pro lepší výkon
+    column.cellRendererParams = {
+      ...column.numberedListRendererParams,
+      deferRender: false
+    };
+  }
+
   if (column.buttonRenderer) {
     column.cellRenderer = "buttonRenderer";
     // AG-Grid deferRender: odkládá rendering během scrollování pro lepší výkon

package/BulkEdit/BulkEditButton.jsx

@@ -104,6 +104,12 @@ const BulkEditButton = ({
    * Handler pro kliknutí mimo popover (close)
    */
   const handleClickOutside = (e) => {
+    // Ignoruj kliknutí do Ant Design portálovaných elementů (dropdown, modal, tooltip, picker)
+    const isAntdPortal = e.target.closest(
+      '.ant-select-dropdown, .ant-picker-dropdown, .ant-modal-wrap, .ant-modal-root, .ant-tooltip'
+    );
+    if (isAntdPortal) return;
+
     if (
       popoverVisible &&
       popoverRef.current &&
@@ -148,7 +154,7 @@ const BulkEditButton = ({
         position: 'absolute',
         top: position?.y || 0,
         left: position?.x || 0,
-        zIndex: 9999,
+        zIndex: 1050,
         pointerEvents: 'auto',
       }}
     >
@@ -156,7 +162,7 @@ const BulkEditButton = ({
         title={tooltipTitle}
         placement="top"
         getPopupContainer={() => document.body}
-        zIndex={10001}
+        zIndex={1101}
       >
         <Button
           type="primary"
@@ -180,7 +186,7 @@ const BulkEditButton = ({
         position: 'fixed',
         top: popoverPosition?.top ?? 0,
         left: popoverPosition?.left ?? 0,
-        zIndex: 99999,
+        zIndex: 1100,
         pointerEvents: 'auto',
         opacity: popoverPosition ? 1 : 0,
         transition: 'opacity 0.1s ease-in-out',

package/BulkEdit/BulkEditModule.jsx

@@ -1,7 +1,7 @@
 /* eslint-disable */
 import React, { useRef, useEffect } from 'react';
 import { createMemoComparison } from '@bit.rhplus/react-memo';
-import { Button, Space } from 'antd';
+import { Button, Space, ConfigProvider } from 'antd';
 import ModuleDropdownList from '@bit.rhplus/ui2.module-dropdown-list';
 
 const BulkEditModule = ({
@@ -36,17 +36,19 @@ const BulkEditModule = ({
   return (
     <>
       <div style={{ marginBottom: '12px' }} onClick={(e) => e.stopPropagation()}>
-        <ModuleDropdownList
-          ref={moduleRef}
-          value={value}
-          onChange={onChange}
-          moduleDefinition={moduleDefinition}
-          placeholder={placeholder}
-          disabled={loading}
-          style={{ width: '100%' }}
-          onKeyDown={handleKeyDown}
-          displayMode="full"
-        />
+        <ConfigProvider theme={{ token: { zIndexPopupBase: 100000 } }}>
+          <ModuleDropdownList
+            ref={moduleRef}
+            value={value}
+            onChange={onChange}
+            moduleDefinition={moduleDefinition}
+            placeholder={placeholder}
+            disabled={loading}
+            style={{ width: '100%' }}
+            onKeyDown={handleKeyDown}
+            displayMode="full"
+          />
+        </ConfigProvider>
       </div>
 
       <Space style={{ width: '100%', justifyContent: 'flex-end' }}>

package/BulkEdit/useBulkCellEdit.js

@@ -350,6 +350,7 @@ export const useBulkCellEdit = (gridRef, options = {}) => {
                   range: floatingButton.range,
                   column: floatingButton.column,
                   newValue,
+                  gridApi: gridRef.current?.api,
                 });
               }
             }
@@ -367,6 +368,7 @@ export const useBulkCellEdit = (gridRef, options = {}) => {
                   range: floatingButton.range,
                   column: floatingButton.column,
                   newValue,
+                  gridApi: gridRef.current?.api,
                 });
               }
             }

package/BulkEdit/utils.js

@@ -53,9 +53,14 @@ export const validateRangeEditable = (range, gridApi) => {
   if (!range || !range.columns || range.columns.length === 0) {
     return false;
   }
-  
+
   const column = range.columns[0];
   const colDef = column.getColDef();
+
+  // Sloupce s bulkEditApi nebo bulkEditPopover jsou vždy validní pro bulk edit
+  if (colDef?.bulkEditApi || colDef?.bulkEditPopover) {
+    return true;
+  }
   
   // Pokud je editable funkce, musíme zkontrolovat každý řádek v range
   if (typeof colDef.editable === 'function') {

package/Editors/AddressLookupEditor.jsx

@@ -0,0 +1,529 @@
+/* eslint-disable */
+import React, { useState, useEffect, useRef, useCallback, useMemo } from 'react';
+import { useGridCellEditor } from 'ag-grid-react';
+import { AgGridReact } from 'ag-grid-react';
+import AutoComplete from 'antd/es/auto-complete';
+import Button from 'antd/es/button';
+import Segmented from 'antd/es/segmented';
+import { SearchOutlined, PlusOutlined } from '@ant-design/icons';
+import DraggableModal from '@bit.rhplus/draggable-modal';
+import useData from '@bit.rhplus/data';
+import { useOidcAccessToken } from '@axa-fr/react-oidc';
+
+// Sdílená cache s ModuleLookupEditor — data se načtou jednou per moduleName
+const _lookupCache = {};
+
+// ─── Module-level ochrana před AG Grid outside-click detekcí ─────────────────
+let _editorMounted = false;
+let _editorModalOpen = false;
+
+document.addEventListener('mousedown', (e) => {
+  if (!_editorMounted) return;
+  if (e.target.closest?.('.ant-select-dropdown')) {
+    e.preventDefault();
+    e.stopImmediatePropagation();
+    return;
+  }
+  if (_editorModalOpen && e.target.closest?.('.ant-modal-wrap')) {
+    e.stopImmediatePropagation();
+  }
+}, true);
+
+document.addEventListener('focusin', (e) => {
+  if (!_editorMounted) return;
+  const target = e.target;
+  if (target.closest?.('.ant-select-dropdown') ||
+      (_editorModalOpen && target.closest?.('.ant-modal-wrap'))) {
+    e.stopImmediatePropagation();
+  }
+}, true);
+
+const renderContractOption = (label, subLabel) => (
+  <div style={{ lineHeight: 1.4 }}>
+    <div style={{ fontWeight: 400 }}>{label}</div>
+    {subLabel && <div style={{ fontSize: 12, color: '#8c8c8c' }}>{subLabel}</div>}
+  </div>
+);
+
+const renderGoogleOption = (name, description) => (
+  <div style={{ lineHeight: 1.4 }}>
+    <div style={{ fontWeight: 400 }}>{name}</div>
+    {description && <div style={{ fontSize: 12, color: '#8c8c8c' }}>{description}</div>}
+  </div>
+);
+
+/**
+ * AddressLookupEditor — AG Grid cell editor
+ *
+ * Kombinuje výběr z katalogu kontraktů (přes moduleDefinition) s vyhledáváním Google Places.
+ * Přepínání probíhá přes Segmented switcher.
+ *
+ * Hodnota: { id: string|null, text: string, source: 'contract'|'google'|'free' }
+ */
+const AddressLookupEditor = React.forwardRef(({
+  value,
+  onValueChange,
+  stopEditing,
+  moduleDefinition,
+  column,
+}, _ref) => {
+  const MIN_WIDTH = 300;
+  const editorWidth = Math.max(MIN_WIDTH, column?.getActualWidth?.() || 0);
+
+  // ─── Hooks ───────────────────────────────────────────────────────────────────
+  const { fetchDataUIAsync } = useData();
+  const { accessToken } = useOidcAccessToken();
+
+  // ─── Inicializace textu z hodnoty ─────────────────────────────────────────────
+  const initialText = useMemo(() => {
+    if (!value) return '';
+    if (typeof value === 'object' && 'text' in value) return value.text || '';
+    if (typeof value === 'string') return value;
+    return '';
+  }, []); // jen při mount
+
+  // ─── Stav ────────────────────────────────────────────────────────────────────
+  const [mode, setMode] = useState(() => value?.id ? 'contracts' : 'google');
+  const [inputText, setInputText] = useState(initialText);
+  const [catalogModalOpen, setCatalogModalOpen] = useState(false);
+  const [createNewModalOpen, setCreateNewModalOpen] = useState(false);
+  const [createNewInitialName, setCreateNewInitialName] = useState('');
+
+  // Contracts state
+  const moduleName = moduleDefinition?.moduleName;
+  const [allItems, setAllItems] = useState(() => _lookupCache[moduleName] || []);
+  const [allItemsLoading, setAllItemsLoading] = useState(!_lookupCache[moduleName]);
+
+  // Google state
+  const [googleOptions, setGoogleOptions] = useState([]);
+  const [googleLoading, setGoogleLoading] = useState(false);
+  const placesServiceRef = useRef(null);
+  const googleDebounceRef = useRef(null);
+
+  // ─── Refy pro handlery ────────────────────────────────────────────────────────
+  const catalogModalOpenRef = useRef(false);
+  catalogModalOpenRef.current = catalogModalOpen;
+  const inputTextRef = useRef(initialText);
+  inputTextRef.current = inputText;
+  const currentTextRef = useRef(initialText);
+  const isStoppedRef = useRef(false);
+  const justSelectedRef = useRef(false);
+  const pendingValueRef = useRef(null);
+  const modeRef = useRef('contracts');
+  modeRef.current = mode;
+  const onValueChangeRef = useRef(onValueChange);
+  useEffect(() => { onValueChangeRef.current = onValueChange; });
+
+  // Uchování selekce kontraktu nezávisle na Google záložce (přetrvává při přepínání)
+  const contractValueRef = useRef(
+    value?.source === 'contract' ? value : null
+  );
+  // Flag pro zabránění handleBlur zavřít editor při kliknutí na Segmented
+  const isSwitchingModeRef = useRef(false);
+  // Samostatný input text pro Google záložku — inicializace pro všechny hodnoty bez id
+  const googleInputTextRef = useRef(!value?.id ? (value?.text || '') : '');
+
+  // ─── Načtení kontraktů (jednou při mount) ─────────────────────────────────────
+  useEffect(() => {
+    if (!moduleName || !moduleDefinition) return;
+    if (_lookupCache[moduleName]) {
+      setAllItems(_lookupCache[moduleName]);
+      setAllItemsLoading(false);
+      return;
+    }
+    setAllItemsLoading(true);
+    moduleDefinition.fetchData('', fetchDataUIAsync, accessToken)
+      .then((data) => {
+        const items = Array.isArray(data) ? data : [];
+        _lookupCache[moduleName] = items;
+        setAllItems(items);
+      })
+      .catch(() => setAllItems([]))
+      .finally(() => setAllItemsLoading(false));
+  }, []); // jen při mount
+
+  // ─── AG Grid isCancelAfterEnd ──────────────────────────────────────────────────
+  useGridCellEditor({
+    isCancelAfterEnd: () => {
+      const currentText = currentTextRef.current ?? '';
+      const originalText = typeof value === 'object' ? (value?.text || '') : (value || '');
+      return pendingValueRef.current !== null ? false : currentText === originalText;
+    },
+  });
+
+  // ─── Sync module-level flags ───────────────────────────────────────────────────
+  useEffect(() => {
+    _editorMounted = true;
+    return () => { _editorMounted = false; };
+  }, []);
+
+  // ─── Pokud se editor otevře v Google módu s textem, spustit search ─────────────
+  useEffect(() => {
+    if (!value?.id && initialText) {
+      searchGooglePlaces(initialText);
+    }
+  }, []); // jen při mount
+
+  useEffect(() => {
+    _editorModalOpen = catalogModalOpen || createNewModalOpen;
+  }, [catalogModalOpen, createNewModalOpen]);
+
+  // ─── Google Places: inicializace ─────────────────────────────────────────────
+  const initGooglePlaces = useCallback(async () => {
+    if (placesServiceRef.current) return true;
+    if (!window.google?.maps) return false;
+    if (!window.google.maps.places) {
+      try {
+        if (window.google.maps.importLibrary) {
+          await window.google.maps.importLibrary('places');
+        } else {
+          await new Promise((resolve, reject) => {
+            const script = document.createElement('script');
+            script.src = `https://maps.googleapis.com/maps/api/js?key=${process.env.REACT_APP_GOOGLE_MAPS_API_KEY}&libraries=places&v=weekly`;
+            script.onload = resolve;
+            script.onerror = reject;
+            document.head.appendChild(script);
+          });
+        }
+      } catch {
+        return false;
+      }
+    }
+    if (window.google?.maps?.places) {
+      placesServiceRef.current = new window.google.maps.places.AutocompleteService();
+      return true;
+    }
+    return false;
+  }, []);
+
+  // ─── Google Places: vyhledávání ───────────────────────────────────────────────
+  const searchGooglePlaces = useCallback(async (query) => {
+    if (!query?.trim()) {
+      setGoogleOptions([]);
+      return;
+    }
+    const trimmed = query.trim();
+    const exactItem = { name: trimmed, address: trimmed, description: 'Přesný text', source: 'free' };
+    const exactOpt = {
+      value: `__exact__${trimmed}`,
+      label: renderGoogleOption(trimmed, 'Přesný text'),
+      item: exactItem,
+    };
+
+    if (!(await initGooglePlaces())) {
+      setGoogleOptions([exactOpt]);
+      return;
+    }
+
+    setGoogleLoading(true);
+    try {
+      placesServiceRef.current.getPlacePredictions(
+        { input: trimmed, types: ['establishment', 'geocode'] },
+        (predictions, status) => {
+          setGoogleLoading(false);
+          if (status === window.google.maps.places.PlacesServiceStatus.OK && predictions?.length) {
+            const opts = predictions.slice(0, 9).map((p) => {
+              const item = {
+                name: p.structured_formatting?.main_text || p.description,
+                address: p.description,
+                description: p.structured_formatting?.secondary_text || 'Google Maps',
+                source: 'google',
+                place_id: p.place_id,
+              };
+              return { value: p.place_id, label: renderGoogleOption(item.name, item.description), item };
+            });
+            setGoogleOptions([exactOpt, ...opts]);
+          } else {
+            setGoogleOptions([exactOpt]);
+          }
+        }
+      );
+    } catch {
+      setGoogleLoading(false);
+      setGoogleOptions([exactOpt]);
+    }
+  }, [initGooglePlaces]);
+
+  // ─── Options pro contracts ────────────────────────────────────────────────────
+  const contractOptions = useMemo(() => {
+    const vf = moduleDefinition?.valueField || 'id';
+    const text = (inputText || '').toLowerCase();
+    const source = text
+      ? allItems.filter((item) => {
+          const label = moduleDefinition?.getDisplayValue?.(item) || item.code || item.name || '';
+          return label.toLowerCase().includes(text);
+        })
+      : allItems;
+    return source.slice(0, 15).map((item) => {
+      const label = moduleDefinition?.getDisplayValue?.(item) || item.code || item.name || '';
+      const subLabel = item.city || item.address || '';
+      return {
+        value: String(item[vf]),
+        label: renderContractOption(label, subLabel),
+        item,
+      };
+    });
+  }, [allItems, inputText, moduleDefinition]);
+
+  const options = mode === 'contracts' ? contractOptions : googleOptions;
+
+  // ─── Input change ──────────────────────────────────────────────────────────────
+  const handleInputChange = useCallback((text) => {
+    setInputText(text || '');
+    currentTextRef.current = text || '';
+    if (modeRef.current === 'google') {
+      googleInputTextRef.current = text || '';
+      clearTimeout(googleDebounceRef.current);
+      googleDebounceRef.current = setTimeout(() => searchGooglePlaces(text), 300);
+    }
+  }, [searchGooglePlaces]);
+
+  // ─── Výběr z autocomplete ─────────────────────────────────────────────────────
+  const handleSelect = useCallback((_, option) => {
+    justSelectedRef.current = true;
+    const item = option.item;
+    const vf = moduleDefinition?.valueField || 'id';
+    let selected;
+    if (item.source === 'google' || item.source === 'free') {
+      selected = { id: null, text: item.name || item.address || '', source: item.source, address: item.address };
+    } else {
+      const displayText = moduleDefinition?.getDisplayValue?.(item) || item.code || item.name || '';
+      selected = { id: item[vf], text: displayText, source: 'contract', _catalogItem: item };
+      contractValueRef.current = selected;
+    }
+    pendingValueRef.current = selected;
+    if (onValueChange) onValueChange(selected);
+    setTimeout(() => stopEditing(), 0);
+  }, [moduleDefinition, onValueChange, stopEditing]);
+
+  // ─── Výběr z catalog modalu ───────────────────────────────────────────────────
+  const handleCatalogModalSelect = useCallback((params) => {
+    if (!params.data) return;
+    const item = params.data;
+    const vf = moduleDefinition?.valueField || 'id';
+    const displayText = moduleDefinition?.getDisplayValue?.(item) || item.code || item.name || '';
+    justSelectedRef.current = true;
+    const selected = { id: item[vf], text: displayText, source: 'contract', _catalogItem: item };
+    contractValueRef.current = selected;
+    pendingValueRef.current = selected;
+    if (onValueChange) onValueChange(selected);
+    setCatalogModalOpen(false);
+    setTimeout(() => stopEditing(), 0);
+  }, [moduleDefinition, onValueChange, stopEditing]);
+
+  // ─── Vytvoření nového kontraktu ───────────────────────────────────────────────
+  const handleCreateSuccess = useCallback((newItem) => {
+    const updated = [...allItems, newItem];
+    _lookupCache[moduleName] = updated;
+    setAllItems(updated);
+    setCreateNewModalOpen(false);
+
+    const vf = moduleDefinition?.valueField || 'id';
+    const displayText = moduleDefinition?.getDisplayValue?.(newItem) || newItem.code || newItem.name || '';
+    const selected = { id: newItem[vf], text: displayText, source: 'contract', _catalogItem: newItem };
+    contractValueRef.current = selected;
+    pendingValueRef.current = selected;
+    if (onValueChange) onValueChange(selected);
+    setTimeout(() => stopEditing(), 0);
+  }, [allItems, moduleName, moduleDefinition, onValueChange, stopEditing]);
+
+  // ─── Blur ──────────────────────────────────────────────────────────────────────
+  const handleBlur = useCallback(() => {
+    if (isSwitchingModeRef.current) {
+      isSwitchingModeRef.current = false;
+      return; // Přepínání záložek — editor nezavírat
+    }
+    if (justSelectedRef.current) {
+      justSelectedRef.current = false;
+      return;
+    }
+    if (pendingValueRef.current !== null) return;
+    if (currentTextRef.current && !catalogModalOpenRef.current) {
+      const text = currentTextRef.current.trim();
+      if (text) {
+        const selected = { id: null, text, source: 'free' };
+        pendingValueRef.current = selected;
+        if (onValueChange) onValueChange(selected);
+      }
+      if (!isStoppedRef.current) stopEditing();
+    }
+  }, [onValueChange, stopEditing]);
+
+  // ─── Přepnutí módu ────────────────────────────────────────────────────────────
+  const handleModeChange = useCallback((newMode) => {
+    setMode(newMode);
+    if (newMode === 'google') {
+      setGoogleOptions([]);
+      // Obnovit vlastní Google input (první přepnutí = prázdné)
+      const googleText = googleInputTextRef.current;
+      setInputText(googleText);
+      currentTextRef.current = googleText;
+      if (googleText) {
+        searchGooglePlaces(googleText);
+      }
+    } else if (newMode === 'contracts') {
+      const cv = contractValueRef.current;
+      if (cv) {
+        // Obnovit vybraný kontrakt
+        setInputText(cv.text || '');
+        currentTextRef.current = cv.text || '';
+        inputTextRef.current = cv.text || '';
+        pendingValueRef.current = cv;
+        onValueChangeRef.current?.(cv);
+      } else {
+        setInputText('');
+        currentTextRef.current = '';
+      }
+    }
+  }, [searchGooglePlaces]);
+
+  // ─── Cleanup ──────────────────────────────────────────────────────────────────
+  useEffect(() => {
+    return () => {
+      isStoppedRef.current = true;
+      clearTimeout(googleDebounceRef.current);
+    };
+  }, []);
+
+  // ─── Render ───────────────────────────────────────────────────────────────────
+  return (
+    <div style={{ width: editorWidth, minWidth: MIN_WIDTH, padding: 4, borderRadius: 0, background: '#fff', boxShadow: '0 2px 8px rgba(0,0,0,0.15)' }}>
+      {/* Segmented switcher */}
+      <div
+        style={{ paddingBottom: 6, borderBottom: '1px solid #f0f0f0', marginBottom: 6 }}
+        onMouseDown={() => { isSwitchingModeRef.current = true; }}
+      >
+        <Segmented
+          size="small"
+          value={mode}
+          onChange={handleModeChange}
+          options={[
+            { label: 'Kontrakty', value: 'contracts' },
+            { label: 'Google', value: 'google' },
+          ]}
+        />
+      </div>
+
+      {/* AutoComplete + Search button */}
+      <div
+        style={{ display: 'flex', gap: 4 }}
+        onKeyDownCapture={(e) => {
+          if (e.key !== 'Enter' || modeRef.current !== 'google') return;
+          // Capture fáze — náš handler poběží před Ant Design interním handlerem
+          e.stopPropagation(); // AG Grid nedostane Enter
+          e.preventDefault();  // AutoComplete nedostane Enter (žádný dropdown výběr klávesnicí)
+          const text = (inputTextRef.current || '').trim();
+          if (text) {
+            const selected = { id: null, text, source: 'free' };
+            pendingValueRef.current = selected;
+            if (onValueChange) onValueChange(selected);
+            stopEditing();
+          }
+        }}
+      >
+        <AutoComplete
+          key={mode}
+          style={{ flex: 1 }}
+          value={inputText}
+          options={options}
+          open={options.length > 0}
+          defaultActiveFirstOption={false}
+          allowClear
+          onChange={handleInputChange}
+          onSelect={handleSelect}
+          onBlur={() => {
+            setTimeout(() => handleBlur(), 150);
+          }}
+          notFoundContent={
+            (mode === 'contracts' && allItemsLoading) || (mode === 'google' && googleLoading)
+              ? 'Načítání...'
+              : null
+          }
+          placeholder={
+            mode === 'contracts'
+              ? (moduleDefinition?.placeholder || 'Vyberte kontrakt...')
+              : 'Zadejte adresu pro vyhledání...'
+          }
+          autoFocus
+          getPopupContainer={() => document.body}
+          dropdownStyle={{ zIndex: 9999, minWidth: 360 }}
+        />
+        <Button
+          icon={<SearchOutlined />}
+          onMouseDown={(e) => e.preventDefault()}
+          onClick={() => {
+            if (mode === 'contracts') {
+              catalogModalOpenRef.current = true;
+              setCatalogModalOpen(true);
+            }
+          }}
+          disabled={mode === 'google'}
+          type="primary"
+        />
+        {mode === 'contracts' && moduleDefinition?.createFormComponent && (
+          <Button
+            icon={<PlusOutlined />}
+            onMouseDown={(e) => e.preventDefault()}
+            onClick={() => {
+              setCreateNewInitialName('');
+              setCreateNewModalOpen(true);
+            }}
+          />
+        )}
+      </div>
+
+      {/* Catalog modal */}
+      <DraggableModal
+        open={catalogModalOpen}
+        title={moduleDefinition?.modalTitle || 'Vybrat z katalogu'}
+        width={moduleDefinition?.modalWidth || 800}
+        onCancel={() => setCatalogModalOpen(false)}
+        maskClosable={false}
+        getContainer={() => document.body}
+        zIndex={99999999}
+        footer={null}
+      >
+        {allItemsLoading ? (
+          <div style={{ padding: 24, textAlign: 'center' }}>Načítání...</div>
+        ) : (
+          <div className="ag-theme-alpine" style={{ height: 400, width: '100%' }}>
+            <AgGridReact
+              columnDefs={moduleDefinition?.columnDefs || []}
+              rowData={allItems}
+              onRowDoubleClicked={handleCatalogModalSelect}
+            />
+          </div>
+        )}
+      </DraggableModal>
+
+      {/* Create-new modal */}
+      {moduleDefinition?.createFormComponent && (
+        <DraggableModal
+          open={createNewModalOpen}
+          title={moduleDefinition.createModalTitle || 'Nový kontrakt'}
+          width={moduleDefinition.createModalWidth || 800}
+          onCancel={() => setCreateNewModalOpen(false)}
+          maskClosable={false}
+          getContainer={() => document.body}
+          zIndex={99999999}
+          footer={null}
+        >
+          {React.createElement(moduleDefinition.createFormComponent, {
+            initialName: createNewInitialName,
+            onSuccess: handleCreateSuccess,
+            onCancel: () => setCreateNewModalOpen(false),
+            fetchDataUIAsync,
+            accessToken,
+            createRecord: moduleDefinition.createRecord,
+            ...(moduleDefinition.createFormComponentProps || {}),
+          })}
+        </DraggableModal>
+      )}
+    </div>
+  );
+});
+
+AddressLookupEditor.displayName = 'AddressLookupEditor';
+
+export default AddressLookupEditor;
+/* eslint-enable */

package/Editors/index.jsx

@@ -1,2 +1,3 @@
 export {default as DatePickerEditor} from './DatePickerEditor';
 export {default as ModuleLookupEditor} from './ModuleLookupEditor';
+export {default as AddressLookupEditor} from './AddressLookupEditor';