Add 4 new geo formats in Case List property config for display properties

[ajeety4]

Product Description

• Adds four new formats in the case list config section for display properties.
  1. Geo Boundary (requires Address)
  2. Geo Boundary Color (requires Geo Boundary)
  3. Geo Points (requires Address)
  4. Geo Points Colors (requires Geo Points)
• Adds validation on save to allow only one property to use these new formats.
• Adds a mechanism to dynamically display these formats based on other formats.

1. New formats that are dynamically displayed based on columns with other formats.

New.Formats.mp4

2. Alert error if dependency format is removed

Validation.mp4

Technical Summary

Ticket

Feature Flag

None

Safety Assurance

Safety story

Tested on Local. QA passed

Automated test coverage

JS changes only.

QA Plan

TBA

Rollback instructions

• This PR can be reverted after deploy with no further considerations

Labels & Review

• Risk label is set correctly
• The set of people pinged as reviewers is appropriate for the level of risk of the change

[ajeety4]

@minhaminha
I noticed this was removing the last element in the array, so I modified it to remove the correct element. Let me know if it looks correct to you.

[zandre-eng]

One nit, but generally looks fine given that this is going through QA.

[zandre-eng]

Thanks for the change, looks good!

[calellowitz]

Where is the xml actually generated and do you have an example suite file with the new fields?

[ajeety4]

Where is the xml actually generated and do you have an example suite file with the new fields?

(Updated the example code and suite file in this comment) FYI @calellowitz
Assuming you are asking where in the code, the detail section of the xml specfically the columns in Case List/Detail is generated here. The entry point method for suite generation is here.

Attaching the sample suite file with a geo-boundary and geo-boundary-color fields-
suite.xml

Below is the example how one of the field looks like

    <field>
      <header width="0">
        <text/>
      </header>
      <template form="geo_boundary" width="0">
        <text>
          <xpath function="geo_boundary_value"/>
        </text>
      </template>
    </field>