import { _ as e } from "./lodash-f1e42446.js";
import { cr as r, df as o, dg as t, dh as i } from "./index-df8c00b4.js";
import { useContext as s } from "react";
import { d as m } from "./styled-components-1e696d6b.js";
import { lA as a } from "./ant-design-icons-b1480d8d.js";
import "./alasql-0ff6dabf.js";
import "./axios-84bb1c75.js";
import "./redux-devtools-d38e5b33.js";
import "./react-router-a1807b5b.js";
import "./antd-04a23d13.js";
import "react-dom";
import "./dayjs-844325ae.js";
import "./fontawesome-2445f580.js";
import "./dnd-kit-56a2f36f.js";
import "./numbro-c1edb412.js";
import "./papaparse-1bac8e5f.js";
import "./uuid-82f303b2.js";
import "./supabase-c27c62e3.js";
import "./fetch-a3c8ad94.js";
import "./react-draggable-60f59f09.js";
import "./remark-gfm-f2973785.js";
import "./buffer-d3713d77.js";
import "./rehype-raw-41b6145f.js";
import "./parse5-6476676e.js";
import "./rehype-sanitize-deb53e9a.js";
import "./simplebar-react-e1b123a3.js";
import "./react-best-gradient-color-picker-4dd60dac.js";
import "./ua-parser-js-094f59ba.js";
import "./clsx-469c2c43.js";
import "./loglevel-6fb66d22.js";
import "./crypto-js-d5eac8ba.js";
import "./codemirror-73d8c217.js";
import "./really-relaxed-json-49b6a70d.js";
import "./immer-c0428a8d.js";
import "./redux-saga-5514e228.js";
import "./hotkeys-js-0dddb21a.js";
import "./cnchar-5678e6bc.js";
import "./react-documents-eb6de859.js";
import "./sql-formatter-69e8df59.js";
import "./rc-trigger-5125aafe.js";
import "./react-json-view-9403d8a1.js";
import "./qrcode-react-cb73d2b6.js";
import "./katex-a34f0265.js";
import "./ecogis-maps-bb0d63f9.js";
import "./devextreme-2fa5bb9a.js";
const p = m.div`
  background-color: ${(e2) => e2.$bgColor};
  max-width: ${(e2) => e2.$maxWidth}px;
  min-height: ${(e2) => e2.$minHeight};
  display: flex;
  flex-direction: column;

  > div {
    margin-bottom: 2px;
  }
`, n = m.div`
  position: relative;
`;
function j(m2) {
  var _a;
  const j2 = m2.layout, { selectable: c, minHeight: d, maxWidth: l } = m2, h = s(r), g = (((_a = s(o)) == null ? void 0 : _a.theme) || t).canvas;
  return a(p, { $bgColor: g, $maxWidth: l, $minHeight: d, children: j2.map((r2, o2) => {
    const t2 = m2.items[r2.i];
    return t2 ? a(n, { children: a(i, { compType: t2.compType, isSelectable: c, isDraggable: false, isResizable: false, resizeIconSize: "normal", onInnerResize: e.noop, onWrapperResize: e.noop, nameConfig: { show: true, name: t2.name, pos: 0 === o2 ? "bottom" : "top" }, autoHeight: false, resizeHandles: [], isSelected: h.selectedCompNames.has(t2.name), onClick: () => {
      h.setSelectedCompNames(/* @__PURE__ */ new Set([t2.name]));
    }, hidden: t2.hidden, children: t2.view }) }, t2.name) : null;
  }) });
}
export {
  j as FlowContainerView
};
