import { createItem } from "lib/gen/utils";
import get from "lodash.get";
import { generateTableList } from "./md-table-list";

export const generateList = async (
  arg: { item: PrasiItem; table: string; fields: any },
  data: any,
  commit: boolean
) => {
  const item = arg.item;
  const tab_master = item.edit.childs[0].edit.childs.find(
    (e) => get(e, "component.id") === "c68415ca-dac5-44fe-aeb6-936caf8cc491"
  );
  const props: Record<string, PropVal> = {
    gen_table: {
      mode: "string",
      value: arg.table,
    },
    name: {
      mode: "string",
      value: arg.table,
    },
    generate: {
      mode: "string",
      value: "y",
    },
    on_load: {
      mode: "string",
      value: "",
    },
    row_click: {
      mode: "raw",
      value: `\
({ row, rows, idx, event }: OnRowClick) => {
md.selected = row;
md.internal.action_should_refresh = true;
md.params.apply();
md.render();
};

type OnRowClick = {
row: any;
rows: any[];
idx: any;
event: React.MouseEvent<HTMLDivElement, MouseEvent>;
}
`,
    },
    selected: {
      mode: "raw",
      value: `\
({ row, rows, idx }: SelectedRow) => {
try {
if (typeof md === "object") {
if (Array.isArray(md.selected)) {
if (md.selected.length) {
  let select = md.selected.find((e) => e === row)
  if(select) return true
}
} else {
if (md.selected === row) {
  return true;
}
}
}
} catch (e) {

}
return false;
};

type SelectedRow = {
row: any;
rows: any[];
idx: any;
}`,
    },
    gen_fields: {
      mode: "raw",
      value: `${JSON.stringify(arg.fields)}`,
    },
    child: {
      mode: "jsx",
      value: createItem({
        name: "halo"
      })
    }
  };
  //   console.log(true);
  console.log({ tab_master });
  const tablelist = tab_master?.childs[0];
//  generateTableList(
//     async (props: any) => {},
//     props,
//     tablelist,
//     { mode: "table" },
//     false
//   );
  // // console.log({modify: async (props: any) => {}, data, item, arg: { mode: "table" }});
  // const tablelist: PrasiItem= get(item,"edit.childs[0].edit.childs[0].edit.childs[0]");
  // const data_tbl = get(tablelist, "component.props")
  // console.log({tablelist, data_tbl})
  // if(typeof tab_master === "object"){
  //   // const master_child: PrasiItem= tab_master;
  //   // const prop_tablelist = get(tablelist, "component.props")
  //   // console.log({tablelist})
  //   //
  // }
  
  // tab_master?.edit.setChilds([
  //   {
  //     type: "item",
  //     name: "item",
  //     component: {
  //       id: "567d5362-2cc8-4ca5-a531-f771a5c866c2",
  //       props,
  //     },
  //   },
  // ]);
  console.log({
    type: "item",
    name: "item",
    component: {
      id: "567d5362-2cc8-4ca5-a531-f771a5c866c2",
      props,
    },
  })
};