Код экранной формы с добавленным компонентом Gant

Для использования в проекте не обязательно настраивать все свойства компонента Gant. Следующий фрагмент кода экранной формы демонстрирует минимальный набор свойств для работы компонента.

<Container
  Name="GantSimple"
  ContainerType="Page"
  Scripts={[
    async () => {
      const viewModel = await sendDataSet('getViewModel');
      const { mainGridId, tables } = viewModel.model;

      const fetch = async ({ requestType, params }) => {
        return sendDataSet(requestType, params, { showWaitingContainer: false });
      };

      const settings = {};
      settings.headers = tables[mainGridId].columns;
      settings.maxDeepLevel = tables[mainGridId].maxDeepLevel + 1;
      settings.endpointData = { fetch };
      settings.filterOperations = {};
      settings.wbsEnabled = true;

      const graphSettings = {};
      graphSettings[mainGridId] = settings;

      setState({ mainGridId, graphSettings });
    },
  ]}
>
  <Gant
    Visible-var="mainGridId"
    Pallete={{}}
    MainGridId-var="mainGridId"
    GraphSettings-var="graphSettings"
  />
</Container>;