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-0c01125c.js";
import "./lodash-226cb5b1.js";
import { lA as m, lR as p, lS as d } from "./ant-design-icons-14ab96af.js";
import { memo as n, useState as c, useMemo as j } from "react";
import "./loglevel-5e7e37fc.js";
import { DropdownItemListComp as u } from "./dropdownTableItemComp-e6ccb274.js";
import { v as b } from "./uuid-82f303b2.js";
import { T as h, I as g, D as w } from "./antd-97b654da.js";
import "./axios-125479b5.js";
import "./redux-devtools-f8b1cd80.js";
import "./alasql-f59e855e.js";
import "./react-router-8d1fc2f1.js";
import "./fontawesome-89eb6278.js";
import "react-dom";
import "./dnd-kit-e67c9595.js";
import "./moment-d8baa15a.js";
import "./crypto-js-8020edb5.js";
import "./dayjs-7fc5ce65.js";
import "./styled-components-c6abe9a3.js";
import "./numbro-48e81844.js";
import "./papaparse-088c0adc.js";
import "./supabase-2e4a9112.js";
import "./fetch-6a200310.js";
import "./react-draggable-fda4f1cb.js";
import "./remark-gfm-e9b5dec7.js";
import "./buffer-e20f80c8.js";
import "./rehype-raw-41b6145f.js";
import "./parse5-6476676e.js";
import "./rehype-sanitize-deb53e9a.js";
import "./simplebar-react-cab52c82.js";
import "./react-best-gradient-color-picker-812be7ee.js";
import "./ua-parser-js-1d18a3f8.js";
import "./clsx-469c2c43.js";
import "./codemirror-edf161cb.js";
import "./really-relaxed-json-e5391d6a.js";
import "./immer-c0428a8d.js";
import "./redux-saga-1b0a458d.js";
import "./hotkeys-js-0dddb21a.js";
import "./cnchar-8c3eaa86.js";
import "./react-documents-ae08f8b5.js";
import "./sql-formatter-69e8df59.js";
import "./rc-trigger-9e54e169.js";
import "./react-json-view-364658b4.js";
import "./qrcode-react-e4f7745b.js";
import "./katex-cda5b990.js";
import "./ecogis-maps-10bb29cf.js";
import "./devextreme-28d23085.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
};
