Get Other Widgets in ArcGIS Experience Builder setting UI

bogind

I am creating a custom widget in ArcGIS experience builder and am trying to get a list of all the widgets currently defined for a page or for the entire app inside the setting UI.

I tried using the widget state to transfer the list, as well as create it in a similar way to the one used in the Control the Widget State example, but when I use the same code in setting.tsx I get the widgets that are used to create the settings UI sidebar, and not the current app/page widgets.

For example, when I run:

import { React, getAppStore } from 'jimu-core';
const { useState, useEffect } = React
let state = getAppStore().getState();

const [appWidgets, setAppWidgets] = useState({} as unknown)
const [widgetsArray, setWidgetsArray] = useState([] as any[])

// Update the appWidgets property once, on page load
useEffect(() => {
  const widgets = state.appConfig.widgets
  setAppWidgets(widgets)
}, [state])

// Update the widgetsArray and sidebarWidgetsArray properties every time appWidgets changes
useEffect(() => {
  if(appWidgets) {
	const widgetsArray = Object.values(appWidgets)
	
	setWidgetsArray(widgetsArray)
  }
}, [appWidgets])

Then widgetsArray is supposed to contain all of the widgets in the app, which works if run inside widget.tsx, but in setting.tsx I get a list of the setting UI components.

I know the process should be possible, because the MapWidgetSelector component from 'jimu-ui/advanced/setting-components' uses it to grab just the map components, but its code isn't open and I can't find how it's taking the widgets defined for a page.

Is there an efficient way to get all of the widgets in a specific app/page into the settings UI?

 

 

bogind

I fount the solution by chance, in the message subscriber example.
It is possible to get the state and config of the internal app through:

import { getAppStore } from 'jimu-core';

// The app state
getAppStore().getState().appStateInBuilder
// The app config
getAppStore().getState().appStateInBuilder.appConfig

 

It is then possible to get all of the pages, layouts and widgets that are already defined in the app

const internalAppConfig = getAppStore().getState().appStateInBuilder.appConfig
const appWidgets = internalAppConfig .widgets