import React from 'react';
import MapboxStyleSheet from '../utils/MapboxStyleSheet';

class AbstractLayer extends React.Component {
  get baseProps () {
    return {
      id: this.props.id,
      sourceID: this.props.sourceID,
      reactStyle: this.getStyle(),
      minZoomLevel: this.props.minZoomLevel,
      maxZoomLevel: this.props.maxZoomLevel,
      aboveLayerID: this.props.aboveLayerID,
      belowLayerID: this.props.belowLayerID,
      layerIndex: this.props.layerIndex,
      filter: this.getFilter(),
    };
  }

  getFilter () {
    if (!this.props.filter) {
      return;
    }

    let flattenedFilter = [];
    for (let i = 0; i < this.props.filter.length; i++) {
      const item = this.props.filter[i];

      if (Array.isArray(item)) {
        flattenedFilter = flattenedFilter.concat(item);
      } else {
        flattenedFilter.push(item);
      }
    }

    return flattenedFilter.join(';');
  }

  getStyle () {
    if (!this.props.style) {
      return;
    }

    if (MapboxStyleSheet.isStyleSheet(this.props.style)) {
      return this.props.style;
    }

    return MapboxStyleSheet.create(this.props.style);
  }
}

export default AbstractLayer;