JSFiddle - React, Tailwind, and code Playground

by tomwayson

JavaScript

require(['dojo/_base/array'], function(arrayUtil) {

    var filterLayout = [
  {
    "filters": [
      {
        "filterName": "MapLevel1",
        "filterDisplayName": "State",
        "criteria": null,
        "displayOrder": 1,
        "default": true
      },
      {
        "filterName": "MapLevel2",
        "filterDisplayName": "2-digit-postal",
        "criteria": null,
        "displayOrder": 2,
        "default": false
      },
      {
        "filterName": "MapLevel3",
        "filterDisplayName": "District",
        "criteria": null,
        "displayOrder": 3,
        "default": false
      },
      {
        "filterName": "MapLevel4",
        "filterDisplayName": "5-digit-postal ",
        "criteria": null,
        "displayOrder": 4,
        "default": false
      }
    ],
    "filterCategoryType": "Geography",
    "countryId": 276
  },
  {
    "filters": [
      {
        "filterName": "LOB",
        "filterDisplayName": "LOB",
        "criteria": null,
        "displayOrder": 1,
        "default": true
      },
      {
        "filterName": "Year Built",
        "filterDisplayName": "Year Built",
        "criteria": null,
        "displayOrder": 2,
        "default": false
      },
      {
        "filterName": "Number of Stories",
        "filterDisplayName": "Number of Stories",
        "criteria": null,
        "displayOrder": 3,
        "default": false
      },
      {
        "filterName": "Construction",
        "filterDisplayName": "Construction",
        "criteria": null,
        "displayOrder": 4,
        "default": false
      },
      {
        "filterName": "Occupancy",
        "filterDisplayName": "Occupancy",
        "criteria": null,
        "displayOrder": 5,
        "default": false
      }
    ],
    "filterCategoryType": "Attributes"
  },
  {
    "filters": [
      {
        "filterName": "Number of Risks",
        "filterDisplayName": null,
        "criteria": null,
        "displayOrder": 2,
        "default": true
      }
  ...