import { av as e, U as r, ag as o, ah as a, dr as t, aj as s, ds as i, dt as l } from "./index-f50c05c4.js";
import "./lodash-f1e42446.js";
import { lA as m, lR as p, lS as d } from "./ant-design-icons-b1480d8d.js";
import { memo as n, useState as c, useMemo as j } from "react";
import "./loglevel-6fb66d22.js";
import { DropdownItemListComp as u } from "./dropdownTableItemComp-6c869890.js";
import { v as b } from "./uuid-82f303b2.js";
import { T as h, I as g, D as w } from "./antd-04a23d13.js";
import "./axios-84bb1c75.js";
import "./redux-devtools-d38e5b33.js";
import "./alasql-0ff6dabf.js";
import "./react-router-a1807b5b.js";
import "./fontawesome-2445f580.js";
import "react-dom";
import "./dnd-kit-56a2f36f.js";
import "./dayjs-844325ae.js";
import "./styled-components-1e696d6b.js";
import "./numbro-c1edb412.js";
import "./papaparse-1bac8e5f.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 "./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 { Column: y } = h, v = { dataManual: i(l), columns: u }, f = n((r2) => {
  const [o2, a2] = c(""), [t2, s2] = c({}), [i2, l2] = c(false), d2 = j(() => r2.columns.map((e2) => ({ label: e2.children.label.getView(), dataField: e2.children.dataField.getView(), onEvent: e2.children.onEvent.getView() })), [r2.columns]), n2 = r2.dataManual.filter((e2) => Object.entries(t2).every(([r3, o3]) => String(e2[r3]).toLowerCase().includes(o3.toLowerCase()))), u2 = { items: [{ key: b(), label: m(h, { dataSource: n2, pagination: false, size: "small", rowKey: "key", locale: { emptyText: m("div", { children: e("dropdownTable.noData") }) }, children: d2.map((r3) => m(y, { title: p("div", { children: [m("div", { children: r3.label }), m(g, { placeholder: e("dropdownTable.searchPlaceholder", { label: r3.label.toLowerCase() }), size: "small", style: { marginTop: 4 }, onChange: (e2) => {
    const o3 = e2.target.value;
    s2((e3) => ({ ...e3, [r3.dataField]: o3 }));
  } })] }), dataIndex: r3.dataField, onCell: (e2) => ({ onClick: () => {
    ((e3, r4) => {
      a2(e3[r4]);
    })(e2, r3.dataField), l2(false);
  } }) }, r3.label)) }) }] };
  return m("div", { style: { padding: 20 }, children: m(w, { menu: u2, trigger: ["click"], open: i2, children: m(g, { value: o2, placeholder: e("dropdownTable.inputPlaceholder"), onClick: () => l2(!i2) }) }) });
}), x = s(new r(v, (e2) => {
  const r2 = o(e2, "DropdownTableComp");
  return m(f, { ...r2 });
}).setPropertyViewFn((r2) => p(d, { children: [m(a, { name: e("dropdownTable.dataConfigsSection"), children: r2.dataManual.propertyView({ label: e("dropdownTable.dataLabel") }) }), m(a, { name: e("dropdownTable.columnsSection"), children: t(r2.columns) })] })).build(), []);
export {
  x as DropdownTableComp
};
