import type { Config } from "@react-awesome-query-builder/core";
import merge from "lodash/merge";

function randomColor() {
  const hex = Math.floor(Math.random() * 0xFFFFFF);
  const color = "#" + hex.toString(16);
  return color;
}

function randomName() {
  return Math.random().toString(36).slice(2, 7);
}

export default (baseConfig: Config) => {
  const newFieldName = "custom_" + randomName();
  return merge(
    {},
    baseConfig,
    {
      // Update MUI colors
      settings: {
        theme: {
          mui: {
            palette: {
              primary: { main: randomColor() },
              secondary: { main: randomColor() },
            },
          }
        }
      },
      // Add new field
      fields: {
        [newFieldName]: {
          type: "date",
          label: `${newFieldName.toUpperCase()}`,
        },
      },
      // Reset boolean widget to basic one
      types: {
        boolean: {
          widgets: {
            boolean: {
              widgetProps: {
                factory: "VanillaBooleanWidget",
              }
            }
          }
        }
      }
    },
  );
};