@pisell/materials 1.0.1059 → 1.0.1062

package/es/components/pisellFloorMapLayout/components/ItemLayer.js

@@ -4,9 +4,15 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-/**
- * ItemLayer - 楼层图展示层
- * 按 items 的 (x, y) 与 cellSize 定位，用 renderItem 渲染每项内容
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+/**
+ * ItemLayer - 楼层图展示层
+ * 按 items 的 (x, y) 与 cellSize 定位，用 renderItem 渲染每项内容
  */
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
@@ -19,8 +25,8 @@ function getItemKey(item, index, rowKey) {
   return rowKey(item, index);
 }
 
-/**
- * 根据形状返回 item 容器的 style（clip-path / border-radius）
+/**
+ * 根据形状返回 item 容器的 style（clip-path / border-radius）
  */
 function getShapeStyle() {
   var shape = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'rect';
@@ -51,16 +57,26 @@ export function ItemLayer(props) {
     itemGap = _props$itemGap === void 0 ? 0 : _props$itemGap,
     contentWidth = props.contentWidth,
     contentHeight = props.contentHeight,
+    _props$contentOffsetX = props.contentOffsetX,
+    contentOffsetX = _props$contentOffsetX === void 0 ? 0 : _props$contentOffsetX,
+    _props$contentOffsetY = props.contentOffsetY,
+    contentOffsetY = _props$contentOffsetY === void 0 ? 0 : _props$contentOffsetY,
     _props$enableHover = props.enableHover,
     enableHover = _props$enableHover === void 0 ? true : _props$enableHover,
     onItemClick = props.onItemClick,
     onItemHover = props.onItemHover,
     onItemLeave = props.onItemLeave,
+    getMergedItemWrapperStyle = props.getMergedItemWrapperStyle,
     className = props.className;
   var itemNodes = useMemo(function () {
     var isPixel = itemUnit === 'pixel';
     var g = itemGap;
-    return items.map(function (item, index) {
+    var sorted = _toConsumableArray(items).sort(function (a, b) {
+      var _a$zIndex, _b$zIndex;
+      return ((_a$zIndex = a.zIndex) !== null && _a$zIndex !== void 0 ? _a$zIndex : 0) - ((_b$zIndex = b.zIndex) !== null && _b$zIndex !== void 0 ? _b$zIndex : 0);
+    });
+    return sorted.map(function (item, index) {
+      var _item$zIndex;
       var left;
       var top;
       var width;
@@ -85,14 +101,15 @@ export function ItemLayer(props) {
       return /*#__PURE__*/React.createElement("div", {
         key: key,
         className: classNames("".concat(PREFIX, "-item"), _defineProperty({}, "".concat(PREFIX, "-item-hoverable"), enableHover)),
-        style: _objectSpread({
+        style: _objectSpread(_objectSpread({
           position: 'absolute',
           left: left,
           top: top,
           width: width,
           height: height,
-          boxSizing: 'border-box'
-        }, shapeStyle),
+          boxSizing: 'border-box',
+          zIndex: (_item$zIndex = item.zIndex) !== null && _item$zIndex !== void 0 ? _item$zIndex : 0
+        }, shapeStyle), getMergedItemWrapperStyle === null || getMergedItemWrapperStyle === void 0 ? void 0 : getMergedItemWrapperStyle(item, index)),
         onClick: function onClick(e) {
           return onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item, index, e);
         },
@@ -104,7 +121,7 @@ export function ItemLayer(props) {
         }
       }, renderItem(item, index));
     });
-  }, [items, renderItem, rowKey, cellSize, itemUnit, itemGap, enableHover, onItemClick, onItemHover, onItemLeave]);
+  }, [items, renderItem, rowKey, cellSize, itemUnit, itemGap, enableHover, onItemClick, onItemHover, onItemLeave, getMergedItemWrapperStyle]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(PREFIX, "-item-layer"), className),
     style: {
@@ -116,6 +133,15 @@ export function ItemLayer(props) {
       minWidth: contentWidth,
       minHeight: contentHeight
     }
-  }, itemNodes);
+  }, contentOffsetX !== 0 || contentOffsetY !== 0 ? /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'absolute',
+      left: 0,
+      top: 0,
+      width: contentWidth,
+      height: contentHeight,
+      transform: "translate(".concat(contentOffsetX, "px, ").concat(contentOffsetY, "px)")
+    }
+  }, itemNodes) : itemNodes);
 }
 export default ItemLayer;

package/es/components/pisellFloorMapLayout/components/MapLayer.d.ts

@@ -14,6 +14,10 @@ export interface MapLayerProps {
     contentHeight?: number;
     /** 每格像素尺寸（用于网格线间距） */
     cellSize?: number;
+    /** 为 true 时不应用纯色背景，让画布底层网格透出 */
+    preferCanvasGrid?: boolean;
+    /** 为 true 时容器设置 pointer-events: none，空白处点击可透传到下层，供 react-zoom-pan-pinch 画布平移 */
+    pointerEventsNone?: boolean;
     /** 子节点（展示层会叠在上方） */
     children?: React.ReactNode;
     /** 自定义类名 */

package/es/components/pisellFloorMapLayout/components/MapLayer.js

@@ -28,6 +28,10 @@ export function MapLayer(props) {
     contentHeight = _props$contentHeight === void 0 ? 0 : _props$contentHeight,
     _props$cellSize = props.cellSize,
     cellSize = _props$cellSize === void 0 ? 64 : _props$cellSize,
+    _props$preferCanvasGr = props.preferCanvasGrid,
+    preferCanvasGrid = _props$preferCanvasGr === void 0 ? false : _props$preferCanvasGr,
+    _props$pointerEventsN = props.pointerEventsNone,
+    pointerEventsNone = _props$pointerEventsN === void 0 ? false : _props$pointerEventsN,
     children = props.children,
     className = props.className;
   var _config$backgroundTyp = config.backgroundType,
@@ -42,7 +46,9 @@ export function MapLayer(props) {
   var paddingCss = toCssSize(padding);
   var gapCss = toCssSize(gap);
   var backgroundStyle = {};
-  if (backgroundType === 'color' && backgroundColor) {
+  if (preferCanvasGrid) {
+    backgroundStyle.backgroundColor = 'transparent';
+  } else if (backgroundType === 'color' && backgroundColor) {
     backgroundStyle.backgroundColor = backgroundColor;
   }
   if (backgroundType === 'image' && backgroundImage) {
@@ -56,10 +62,12 @@ export function MapLayer(props) {
     backgroundStyle.backgroundSize = 'cover';
     backgroundStyle.backgroundPosition = 'center';
   }
-  var containerStyle = {
+  var containerStyle = _objectSpread({
     padding: paddingCss,
     gap: gapCss
-  };
+  }, pointerEventsNone ? {
+    pointerEvents: 'none'
+  } : {});
 
   /** 网格线：用 CSS 线性渐变模拟 */
   var gridStyle = showGrid ? {

package/es/components/pisellFloorMapLayout/components/ViewControls.js

@@ -1,5 +1,5 @@
-/**
- * ViewControls - 内置视图控制按钮：缩放（Stepper）、复位、区域定位
+/**
+ * ViewControls - 内置视图控制按钮：缩放（Stepper）、复位、区域定位
  */
 import React from 'react';
 import classNames from 'classnames';

package/es/components/pisellFloorMapLayout/components/ViewControls.less

@@ -1,9 +1,10 @@
-/* Figma 14131:6265：缩放在左下角；Figma 14004:1149 Stepper 样式 */
+/* Figma 14131:6265：缩放在左下角；Figma 14004:1149 Stepper 样式；z-index 保证在画布之上可点击 */
 .pisell-floor-map-layout-view-controls {
   position: absolute;
   left: 12px;
   bottom: 12px;
-  z-index: 10;
+  z-index: 20;
+  pointer-events: auto;
   display: flex;
   flex-direction: column;
   gap: 6px;

package/es/components/pisellFloorMapLayout/components/ViewControlsWithZoom.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { FloorMapControlsConfig } from '../types';
+export interface ViewControlsWithZoomProps {
+    config?: FloorMapControlsConfig;
+    scale?: number;
+    isFullscreen?: boolean;
+    fitBounds: () => void;
+    /** 未传时不展示全屏按钮（如编辑态 floorMapFullscreenMode 为 disabled） */
+    toggleFullscreen?: () => void;
+}
+export declare function ViewControlsWithZoom(props: ViewControlsWithZoomProps): JSX.Element;

package/es/components/pisellFloorMapLayout/components/ViewControlsWithZoom.js

@@ -0,0 +1,27 @@
+/**
+ * 在 TransformWrapper 内用 useControls 拿到 zoom 控制并渲染 ViewControls，确保点击加减能缩放
+ */
+import React, { useMemo } from 'react';
+import { useControls } from 'react-zoom-pan-pinch';
+import ViewControls from "./ViewControls";
+export function ViewControlsWithZoom(props) {
+  var _useControls = useControls(),
+    zoomIn = _useControls.zoomIn,
+    zoomOut = _useControls.zoomOut,
+    resetTransform = _useControls.resetTransform;
+  var api = useMemo(function () {
+    return {
+      zoomIn: zoomIn,
+      zoomOut: zoomOut,
+      resetTransform: resetTransform,
+      fitBounds: props.fitBounds,
+      toggleFullscreen: props.toggleFullscreen
+    };
+  }, [zoomIn, zoomOut, resetTransform, props.fitBounds, props.toggleFullscreen]);
+  return /*#__PURE__*/React.createElement(ViewControls, {
+    api: api,
+    config: props.config,
+    scale: props.scale,
+    isFullscreen: props.isFullscreen
+  });
+}

package/es/components/pisellFloorMapLayout/components/index.d.ts

@@ -4,4 +4,18 @@
 export { MapLayer } from './MapLayer';
 export { ItemLayer } from './ItemLayer';
 export { ViewControls } from './ViewControls';
+export { ViewControlsWithZoom } from './ViewControlsWithZoom';
+export { CanvasTabs } from './CanvasTabs';
+export { EditableItemLayer } from './EditableItemLayer';
+export { FloorMapToolbar } from './FloorMapToolbar';
+export { FloorMapEditTopBar } from './FloorMapEditTopBar';
+export { FloorMapEditPanel } from './FloorMapEditPanel';
+export { FloorMapDataForm } from './FloorMapDataForm';
 export type { ViewControlsApi } from './ViewControls';
+export type { ViewControlsWithZoomProps } from './ViewControlsWithZoom';
+export type { CanvasTabsProps } from './CanvasTabs';
+export type { EditableItemLayerProps } from './EditableItemLayer';
+export type { FloorMapToolbarProps, PlaceMode } from './FloorMapToolbar';
+export type { FloorMapEditTopBarProps, FloorMapEditTopBarMode, } from './FloorMapEditTopBar';
+export type { FloorMapEditPanelProps } from './FloorMapEditPanel';
+export type { FloorMapDataFormProps } from './FloorMapDataForm';

package/es/components/pisellFloorMapLayout/components/index.js

@@ -3,4 +3,11 @@
  */
 export { MapLayer } from "./MapLayer";
 export { ItemLayer } from "./ItemLayer";
-export { ViewControls } from "./ViewControls";
+export { ViewControls } from "./ViewControls";
+export { ViewControlsWithZoom } from "./ViewControlsWithZoom";
+export { CanvasTabs } from "./CanvasTabs";
+export { EditableItemLayer } from "./EditableItemLayer";
+export { FloorMapToolbar } from "./FloorMapToolbar";
+export { FloorMapEditTopBar } from "./FloorMapEditTopBar";
+export { FloorMapEditPanel } from "./FloorMapEditPanel";
+export { FloorMapDataForm } from "./FloorMapDataForm";

package/es/components/pisellFloorMapLayout/context/FloorMapLayoutContext.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 平面图数据/保存等注入上下文；单独页面包 `FloorMapLayoutProvider`，RecordBoard 由 Shell 内置 Provider。
+ */
+import React from 'react';
+import type { FloorMapLayoutContextValue } from '../types';
+/**
+ * 未传 `floorMapLayoutContext` 时 Shell 使用该稳定引用，避免无意义变更引用。
+ */
+export declare const EMPTY_FLOOR_MAP_LAYOUT_CONTEXT: FloorMapLayoutContextValue;
+export declare function useFloorMapLayoutContext(): FloorMapLayoutContextValue | undefined;
+export interface FloorMapLayoutProviderProps {
+    value: FloorMapLayoutContextValue;
+    children: React.ReactNode;
+}
+/** 注入 `FloorMapLayoutContextValue`；`value` 建议由调用方 `useMemo` 稳定化 */
+export declare function FloorMapLayoutProvider({ value, children, }: FloorMapLayoutProviderProps): JSX.Element;

package/es/components/pisellFloorMapLayout/context/FloorMapLayoutContext.js

@@ -0,0 +1,21 @@
+/**
+ * 平面图数据/保存等注入上下文；单独页面包 `FloorMapLayoutProvider`，RecordBoard 由 Shell 内置 Provider。
+ */
+import React, { createContext, useContext } from 'react';
+var FloorMapLayoutContext = /*#__PURE__*/createContext(undefined);
+
+/**
+ * 未传 `floorMapLayoutContext` 时 Shell 使用该稳定引用，避免无意义变更引用。
+ */
+export var EMPTY_FLOOR_MAP_LAYOUT_CONTEXT = {};
+export function useFloorMapLayoutContext() {
+  return useContext(FloorMapLayoutContext);
+}
+/** 注入 `FloorMapLayoutContextValue`；`value` 建议由调用方 `useMemo` 稳定化 */
+export function FloorMapLayoutProvider(_ref) {
+  var value = _ref.value,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement(FloorMapLayoutContext.Provider, {
+    value: value
+  }, children);
+}

package/es/components/pisellFloorMapLayout/context/mergeFloorMapLayoutContext.d.ts

@@ -0,0 +1,5 @@
+import type { FloorMapItemBase, FloorMapLayoutContextValue, PisellFloorMapLayoutProps } from '../types';
+/**
+ * 将 `FloorMapLayoutContext` 与 Layout props 合并：各字段 props ?? ctx，props 显式值优先。
+ */
+export declare function mergeFloorMapLayoutPropsFromContext<T extends FloorMapItemBase>(props: PisellFloorMapLayoutProps<T>, ctx: FloorMapLayoutContextValue | undefined): PisellFloorMapLayoutProps<T>;

package/es/components/pisellFloorMapLayout/context/mergeFloorMapLayoutContext.js

@@ -0,0 +1,28 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * 将 `FloorMapLayoutContext` 与 Layout props 合并：各字段 props ?? ctx，props 显式值优先。
+ */
+export function mergeFloorMapLayoutPropsFromContext(props, ctx) {
+  var _props$floorMapConfig, _props$dataSources, _props$onSave, _props$onDataSourceRe, _props$dataSourceLabe, _props$dataSourceForm, _props$dataSourceReco, _props$loading, _props$saveError, _props$onElementRende, _props$toolbarShowSav, _props$floorMapFullsc, _props$showDataSource;
+  if (ctx == null) return props;
+  return _objectSpread(_objectSpread({}, props), {}, {
+    floorMapConfig: (_props$floorMapConfig = props.floorMapConfig) !== null && _props$floorMapConfig !== void 0 ? _props$floorMapConfig : ctx.floorMapConfig,
+    dataSources: (_props$dataSources = props.dataSources) !== null && _props$dataSources !== void 0 ? _props$dataSources : ctx.dataSources,
+    onSave: (_props$onSave = props.onSave) !== null && _props$onSave !== void 0 ? _props$onSave : ctx.onSave,
+    onDataSourceRecordSave: (_props$onDataSourceRe = props.onDataSourceRecordSave) !== null && _props$onDataSourceRe !== void 0 ? _props$onDataSourceRe : ctx.onDataSourceRecordSave,
+    dataSourceLabels: (_props$dataSourceLabe = props.dataSourceLabels) !== null && _props$dataSourceLabe !== void 0 ? _props$dataSourceLabe : ctx.dataSourceLabels,
+    dataSourceFormColumns: (_props$dataSourceForm = props.dataSourceFormColumns) !== null && _props$dataSourceForm !== void 0 ? _props$dataSourceForm : ctx.dataSourceFormColumns,
+    dataSourceRecordForm: (_props$dataSourceReco = props.dataSourceRecordForm) !== null && _props$dataSourceReco !== void 0 ? _props$dataSourceReco : ctx.dataSourceRecordForm,
+    loading: (_props$loading = props.loading) !== null && _props$loading !== void 0 ? _props$loading : ctx.loading,
+    saveError: (_props$saveError = props.saveError) !== null && _props$saveError !== void 0 ? _props$saveError : ctx.saveError,
+    onElementRenderError: (_props$onElementRende = props.onElementRenderError) !== null && _props$onElementRende !== void 0 ? _props$onElementRende : ctx.onElementRenderError,
+    toolbarShowSave: (_props$toolbarShowSav = props.toolbarShowSave) !== null && _props$toolbarShowSav !== void 0 ? _props$toolbarShowSav : ctx.toolbarShowSave,
+    floorMapFullscreenMode: (_props$floorMapFullsc = props.floorMapFullscreenMode) !== null && _props$floorMapFullsc !== void 0 ? _props$floorMapFullsc : ctx.floorMapFullscreenMode,
+    showDataSourceRecordFormBlock: (_props$showDataSource = props.showDataSourceRecordFormBlock) !== null && _props$showDataSource !== void 0 ? _props$showDataSource : ctx.showDataSourceRecordFormBlock
+  });
+}

package/es/components/pisellFloorMapLayout/hooks/useFloorMapEditState.d.ts

@@ -0,0 +1,62 @@
+import type { MouseEvent, MutableRefObject } from 'react';
+import type { DataSourceFormColumn, FloorMapCanvasNameI18n, FloorMapDataSourceRecordFormContent, FloorMapDataSources, FloorMapItemBase, FloorMapMergedItem, FloorMapPlaceMode, FloorMapSceneElement, FloorMapViewConfig } from '../types';
+export interface UseFloorMapEditStateParams<T extends FloorMapItemBase> {
+    floorMapConfigProp: FloorMapViewConfig | undefined;
+    isFloorMapView: boolean;
+    itemsProp: T[];
+    cellSizeProp?: number;
+    dataSources: FloorMapDataSources | undefined;
+    onSave: ((config: FloorMapViewConfig) => void) | undefined;
+    onDataSourceRecordSave: ((dataSourceKey: string, id: string, newData: Record<string, unknown>) => void) | undefined;
+    dataSourceFormColumns: Record<string, DataSourceFormColumn[]> | undefined;
+    dataSourceRecordForm: Record<string, FloorMapDataSourceRecordFormContent> | undefined;
+    dataSourceLabels?: Record<string, string>;
+    layoutPrefix: string;
+    contentOffsetRef: MutableRefObject<{
+        x: number;
+        y: number;
+    }>;
+    showDataSourceRecordFormBlock?: boolean;
+}
+export declare function useFloorMapEditState<T extends FloorMapItemBase>(params: UseFloorMapEditStateParams<T>): {
+    config: FloorMapViewConfig | null;
+    currentCanvasId: string | null;
+    setCurrentCanvasId: import("react").Dispatch<import("react").SetStateAction<string | null>>;
+    selectedId: string | null;
+    setSelectedId: import("react").Dispatch<import("react").SetStateAction<string | null>>;
+    placeMode: FloorMapPlaceMode;
+    setPlaceMode: import("react").Dispatch<import("react").SetStateAction<FloorMapPlaceMode>>;
+    mergedItems: FloorMapMergedItem[];
+    items: T[];
+    saving: boolean;
+    savingRecord: boolean;
+    handleAddCanvas: () => void;
+    handleRemoveCanvas: (canvasId: string) => void;
+    handleRenameCanvas: (canvasId: string, name: string | FloorMapCanvasNameI18n) => void;
+    handleUpdateItem: (itemId: string, patch: Partial<{
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }>) => void;
+    handleCanvasPlaceClick: (e: MouseEvent<HTMLDivElement>) => void;
+    handleSave: () => void;
+    placeSceneElementFromPaletteDrop: (contentX: number, contentY: number, scene: Extract<FloorMapPlaceMode, {
+        type: 'scene';
+    }>) => void;
+    editPanelParams: {
+        itemId: string;
+        sceneElement: FloorMapSceneElement;
+        onUpdate: (patch: Partial<FloorMapSceneElement>) => void;
+        onSaveRecord: ((dataSourceKey: string, id: string, newData: Record<string, unknown>) => void) | undefined;
+        onClose: () => void;
+        onDelete: (() => void) | undefined;
+        recordFormColumns: Record<string, DataSourceFormColumn[]> | undefined;
+        dataSourceRecordForm: Record<string, FloorMapDataSourceRecordFormContent> | undefined;
+        dataSourceLabels: Record<string, string> | undefined;
+        layoutDraftDirty: boolean;
+        showDataSourceRecordFormBlock: boolean | undefined;
+    } | null;
+    placeOverlayClass: string;
+    isLayoutDirty: boolean;
+};