Function TableConfiguration

client/src/components/TableConfiguration.jsx:24–301

(props)

}

function TableConfiguration(props) {
  const { dataset, chartData, tableFields, onUpdate, loading } = props;

  const [isDragState, setIsDragState] = useState(false);
  const [fieldForFormatting, setFieldForFormatting] = useState("");
  const [fieldFormatConfig, setFieldFormatConfig] = useState(null);
  const [fieldFormatLoading, setFieldFormatLoading] = useState(false);
  const [tableColumns, setTableColumns] = useState([]);

  const _filterTableFields = () => {
    const filteredFields = [];
    tableFields.forEach((field) => {
      if (!dataset.excludedFields || !dataset.excludedFields.find((i) => i === field.accessor)) {
        filteredFields.push(field);
      }
    });

    return filteredFields;
  };

  const _onExcludeField = (field) => {
    const excludedFields = dataset.excludedFields || [];
    const newExcludedFields = [...excludedFields, field];
    onUpdate({ excludedFields: newExcludedFields });
  };

  const _onShowField = (field) => {
    const excludedFields = cloneDeep(dataset.excludedFields) || [];
    const index = indexOf(excludedFields, field);
    excludedFields.splice(index, 1);
    onUpdate({ excludedFields });
  };

  const _onDragStateClicked = () => {
    setIsDragState(!isDragState);

    const columnsForOrdering = [];
    if (!isDragState && (!dataset.columnsOrder || dataset.columnsOrder.length === 0)) {
      const datasetData = chartData[dataset.legend];
      if (datasetData && datasetData.columns) {
        datasetData.columns.forEach((field, index) => {
          if (field && field.Header && field.Header.indexOf("__cb_group") === -1) {
            columnsForOrdering.push({
              Header: field.Header,
              id: index,
            });
          }
        });
      }

      setTableColumns(columnsForOrdering);
    } else {
      const notFoundColumns = [];
      const datasetData = chartData[dataset.legend];
      if (datasetData && datasetData.columns) {
        datasetData.columns.forEach((field) => {
          if (!dataset.columnsOrder.find((column) => column === field.Header)) {
            notFoundColumns.push(field.Header);