@@ -60,7 +60,7 @@ export const EventTester = () => {
6060 visualizationData,
6161 visualizationSDK,
6262 } = useContext ( ExtensionContext40 )
63- const [ runDashboard , setRunDashboard ] = useState ( false )
63+ const [ run , setRun ] = useState ( false )
6464 const openDrillMenuButtonRef = useRef ( )
6565 const toggleCrossFilterButtonRef = useRef ( )
6666
@@ -130,23 +130,10 @@ export const EventTester = () => {
130130 return event
131131 } , [ ] )
132132
133- const triggerClick = useCallback ( ( event ) => {
134- // Taken from custom visualizations 2
135- const defaultColors = {
136- red : '#F36254' ,
137- green : '#4FBC89' ,
138- yellow : '#FCF758' ,
139- white : '#FFFFFF' ,
133+ const updateRowLimitClick = useCallback ( ( event ) => {
134+ if ( visualizationSDK ) {
135+ visualizationSDK . updateRowLimit ( 50 )
140136 }
141- tileSDK . trigger (
142- 'updateConfig' ,
143- [
144- { lowColor : defaultColors . red } ,
145- { midColor : defaultColors . white } ,
146- { highColor : defaultColors . green } ,
147- ] ,
148- event
149- )
150137 } , [ ] )
151138
152139 const toggleCrossFilterClick = useCallback (
@@ -197,17 +184,21 @@ export const EventTester = () => {
197184
198185 const updateFiltersClick = useCallback ( ( ) => {
199186 const updatedFilter = { }
200- Object . entries ( dashboardFilters || { } ) . forEach ( ( [ key , value ] ) => {
201- updatedFilter [ key ] = value
202- if ( key === 'State' ) {
203- updatedFilter [ key ] =
204- value === 'California' ? 'Washington' : 'California'
205- } else if ( typeof value === 'string' ) {
206- updatedFilter [ key ] = value . split ( '' ) . reverse ( ) . join ( '' )
207- }
208- } )
209- tileSDK . updateFilters ( updatedFilter , runDashboard )
210- } , [ dashboardFilters , runDashboard ] )
187+ if ( Object . entries ( dashboardFilters || { } ) . length === 0 ) {
188+ updatedFilter . State = 'Washington'
189+ } else {
190+ Object . entries ( dashboardFilters || { } ) . forEach ( ( [ key , value ] ) => {
191+ updatedFilter [ key ] = value
192+ if ( key === 'State' ) {
193+ updatedFilter [ key ] =
194+ value === 'California' ? 'Washington' : 'California'
195+ } else if ( typeof value === 'string' ) {
196+ updatedFilter [ key ] = value . split ( '' ) . reverse ( ) . join ( '' )
197+ }
198+ } )
199+ }
200+ tileSDK . updateFilters ( updatedFilter , run )
201+ } , [ dashboardFilters , run ] )
211202
212203 const openScheduleDialogClick = useCallback ( ( ) => {
213204 tileSDK . openScheduleDialog ( )
@@ -249,11 +240,11 @@ export const EventTester = () => {
249240 Test stop dashboard
250241 </ ButtonOutline >
251242 < ButtonOutline
252- onClick = { triggerClick }
243+ onClick = { updateRowLimitClick }
253244 width = "100%"
254245 disabled = { ! visualizationData }
255246 >
256- Test trigger
247+ Update row limit
257248 </ ButtonOutline >
258249 < ButtonOutline
259250 onClick = { openDrillMenuClick }
@@ -279,9 +270,9 @@ export const EventTester = () => {
279270 Test update filters
280271 </ ButtonOutline >
281272 < FieldToggleSwitch
282- label = "Run dashboard "
283- onChange = { ( event ) => setRunDashboard ( event . target . checked ) }
284- on = { runDashboard }
273+ label = "Run"
274+ onChange = { ( event ) => setRun ( event . target . checked ) }
275+ on = { run }
285276 > </ FieldToggleSwitch >
286277 < ButtonOutline
287278 onClick = { openScheduleDialogClick }
@@ -290,7 +281,11 @@ export const EventTester = () => {
290281 >
291282 Test open schedule dialog
292283 </ ButtonOutline >
293- < ButtonOutline onClick = { updateTileClick } width = "100%" >
284+ < ButtonOutline
285+ onClick = { updateTileClick }
286+ width = "100%"
287+ disabled = { isExploring }
288+ >
294289 Update title title
295290 </ ButtonOutline >
296291 </ Grid >
0 commit comments