// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`MongoIndexingPolicyComponent error shown for collection with compound indexes 1`] = `
<Text
  style={
    {
      "color": "var(--colorNeutralForeground1)",
    }
  }
>
  Collections with compound indexes are not yet supported in the indexing editor. To modify indexing policy for this collection, use the Mongo Shell.
</Text>
`;

exports[`MongoIndexingPolicyComponent renders 1`] = `
<Stack
  tokens={
    {
      "childrenGap": 20,
    }
  }
>
  <IndexingPolicyRefreshComponent
    refreshIndexTransformationProgress={[Function]}
  />
  <Text
    style={
      {
        "color": "var(--colorNeutralForeground1)",
      }
    }
  >
    For queries that filter on multiple properties, create multiple single field indexes instead of a compound index.
    <StyledLinkBase
      href="https://docs.microsoft.com/azure/cosmos-db/mongodb-indexing#index-types"
      style={
        {
          "color": "var(--colorBrandForeground1)",
        }
      }
      target="_blank"
    >
       Compound indexes 
    </StyledLinkBase>
    are only used for sorting query results. If you need to add a compound index, you can create one using the Mongo shell.
  </Text>
  <Stack
    styles={
      {
        "root": {
          "width": 600,
        },
      }
    }
    tokens={
      {
        "childrenGap": 5,
      }
    }
  >
    <CollapsibleSectionComponent
      isExpandedByDefault={true}
      title="Current index(es)"
    >
      <StyledWithViewportComponent
        columns={
          [
            {
              "fieldName": "definition",
              "isResizable": true,
              "key": "definition",
              "maxWidth": 200,
              "minWidth": 100,
              "name": "Definition",
            },
            {
              "fieldName": "type",
              "isResizable": true,
              "key": "type",
              "maxWidth": 200,
              "minWidth": 100,
              "name": "Type",
            },
            {
              "fieldName": "actionButton",
              "isResizable": true,
              "key": "actionButton",
              "maxWidth": 200,
              "minWidth": 100,
              "name": "Drop Index",
            },
          ]
        }
        disableSelectionZone={true}
        items={[]}
        layoutMode={1}
        onRenderRow={[Function]}
        selectionMode={0}
        styles={
          {
            "root": {
              "selectors": {
                ".ms-DetailsHeader": {
                  "backgroundColor": "var(--colorNeutralBackground1)",
                },
                ".ms-DetailsHeader-cell": {
                  "backgroundColor": "var(--colorNeutralBackground1)",
                  "color": "var(--colorNeutralForeground1)",
                  "selectors": {
                    ":hover": {
                      "backgroundColor": "var(--colorNeutralBackground1Hover)",
                      "color": "var(--colorNeutralForeground1)",
                    },
                  },
                },
                ".ms-DetailsHeader-cellTitle": {
                  "color": "var(--colorNeutralForeground1)",
                },
                ".ms-DetailsRow": {
                  "color": "var(--colorNeutralForeground1)",
                },
                ".ms-DetailsRow-cell": {
                  "color": "var(--colorNeutralForeground1)",
                },
                ".ms-DetailsRow-cell .ms-TooltipHost": {
                  "color": "var(--colorNeutralForeground1)",
                },
                ".ms-FocusZone": {
                  "paddingTop": 0,
                },
                ".ms-TooltipHost": {
                  "color": "var(--colorNeutralForeground1)",
                },
              },
            },
          }
        }
      />
      <Stack
        styles={
          {
            "root": {
              "width": 600,
            },
          }
        }
        tokens={
          {
            "childrenGap": 10,
          }
        }
      >
        <AddMongoIndexComponent
          disabled={false}
          key="0"
          onDiscard={[Function]}
          onIndexAddOrChange={[Function]}
          position={0}
        />
      </Stack>
    </CollapsibleSectionComponent>
  </Stack>
  <Separator
    styles={
      {
        "root": [
          {
            "selectors": {
              "::before": {
                "background": undefined,
              },
            },
          },
        ],
      }
    }
  />
  <Stack
    styles={
      {
        "root": {
          "width": 600,
        },
      }
    }
  >
    <CollapsibleSectionComponent
      isExpandedByDefault={true}
      title="Index(es) to be dropped"
    />
  </Stack>
</Stack>
`;
