import { _ as e } from "./lodash-226cb5b1.js";
import { cr as r, df as o, dg as t, dh as s } from "./index-6d97e67f.js";
import { useContext as i } from "react";
import { d as m } from "./styled-components-b776227d.js";
import { lA as p } from "./ant-design-icons-a81e6d18.js";
import "./alasql-f59e855e.js";
import "./axios-0ffd51b8.js";
import "./redux-devtools-36ca30b8.js";
import "./react-router-38313ddc.js";
import "./antd-eb0b81b8.js";
import "react-dom";
import "./dayjs-63343308.js";
import "./fontawesome-7bcd29b1.js";
import "./dnd-kit-e0a0bf75.js";
import "./moment-d731d247.js";
import "./crypto-js-8020edb5.js";
import "./numbro-48e81844.js";
import "./papaparse-088c0adc.js";
import "./uuid-82f303b2.js";
import "./supabase-6aa220db.js";
import "./websockets-80729b50.js";
import "./fetch-03ca8116.js";
import "./react-draggable-1ced44e5.js";
import "./clsx-b06d39d3.js";
import "./remark-gfm-72b87c7d.js";
import "./buffer-f89d742d.js";
import "./rehype-raw-49057806.js";
import "./parse5-31d0cb5d.js";
import "./rehype-sanitize-38a120e4.js";
import "./simplebar-react-a37a9b2a.js";
import "./react-best-gradient-color-picker-2e7ff36d.js";
import "./ua-parser-js-1d18a3f8.js";
import "./loglevel-5e7e37fc.js";
import "./codemirror-8fe65581.js";
import "./really-relaxed-json-e5391d6a.js";
import "./immer-c0428a8d.js";
import "./redux-saga-3b3a9c7b.js";
import "./hotkeys-js-216206c9.js";
import "./cnchar-8c3eaa86.js";
import "./react-documents-a03b99c9.js";
import "./sql-formatter-69e8df59.js";
import "./rc-trigger-7d152aa4.js";
import "./react-json-view-364658b4.js";
import "./qrcode-react-417e3716.js";
import "./katex-05fb1c31.js";
import "./ecogis-maps-10e82de5.js";
import "./devextreme-be18bda8.js";
import "./exceljs-1678d36b.js";
import "./file-saver-es-c18fae8f.js";
const a = 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 = i(r), g = (((_a = i(o)) == null ? void 0 : _a.theme) || t).canvas;
  return p(a, { $bgColor: g, $maxWidth: l, $minHeight: d, children: j2.map((r2, o2) => {
    const t2 = m2.items[r2.i];
    return t2 ? p(n, { children: p(s, { 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
};
