@ks-web-components/ks-widget v1.0.0

ks-widget

Smart component that uses an adapter to fetch data, passes it to the corresponding mapper to transform it, and picks the right component for the catalog to use the corresponding visualization and card wrapper.

Usage

npm install @ks-web-components/ks-widget

Live Example

Attributes

export interface GraphqlAdapterProps {
  config: {
    clientUrl: string
    queryString: string
  }
  tag: 'ks-graphql-adapter'
}

export interface StaticAdapterProps {
  config: {
    data: unknown
  }
  tag: 'ks-static-adapter'
}

export type AdapterProps = GraphqlAdapterProps | StaticAdapterProps

export interface DataMapperProps {
  config: DataMapperConfig
  tag: 'ks-data-mapper'
}

export interface HighchartsMapperProps {
  config: {
    prefix?: string
    seriesGroup?: LeafData
    x?: LeafData
    y?: LeafData
  }
  preset: string
  tag: 'ks-highcharts-mapper'
}

export type MapperProps = DataMapperProps | HighchartsMapperProps

export interface ContentProps {
  properties: Record<string, unknown>
  tag: string
}

export interface WidgetProps {
  name: string
  adapter?: AdapterProps
  mapper?: MapperProps
  content: ContentProps
}

Element API