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-6d97e67f.js";
import "./lodash-226cb5b1.js";
import { lA as m, lR as p, lS as d } from "./ant-design-icons-a81e6d18.js";
import { memo as n, useState as c, useMemo as j } from "react";
import "./loglevel-5e7e37fc.js";
import { DropdownItemListComp as u } from "./dropdownTableItemComp-f924846f.js";
import { v as b } from "./uuid-82f303b2.js";
import { T as h, I as g, D as w } from "./antd-eb0b81b8.js";
import "./axios-0ffd51b8.js";
import "./redux-devtools-36ca30b8.js";
import "./alasql-f59e855e.js";
import "./react-router-38313ddc.js";
import "./fontawesome-7bcd29b1.js";
import "react-dom";
import "./dnd-kit-e0a0bf75.js";
import "./moment-d731d247.js";
import "./crypto-js-8020edb5.js";
import "./dayjs-63343308.js";
import "./styled-components-b776227d.js";
import "./numbro-48e81844.js";
import "./papaparse-088c0adc.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 "./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 { Column: v } = h, y = { 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(v, { 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(y, (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
};
