@mwater/visualization 5.2.0 → 5.3.0

package/src/widgets/DropdownWidgetComponent.ts

@@ -1,78 +0,0 @@
-import _ from "lodash"
-import $ from "jquery"
-import React from "react"
-import ReactDOM from "react-dom"
-const R = React.createElement
-
-export interface DropdownWidgetComponentProps {
-  /** Width specification */
-  width?: any
-  /** Height specification */
-  height?: any
-  dropdownItems: any
-}
-
-// Widget wrapper that adds a dropdown menu in a gear floating
-export default class DropdownWidgetComponent extends React.Component<DropdownWidgetComponentProps> {
-  renderDropdownItem = (item: any, i: any) => {
-    return R(
-      "li",
-      { key: `${i}` },
-      R(
-        "a",
-        { className: "dropdown-item", onClick: item.onClick },
-        item.icon ? R("span", { className: `glyphicon glyphicon-${item.icon} text-muted` }) : undefined,
-        item.icon ? " " : undefined,
-        item.label
-      )
-    )
-  }
-
-  renderDropdown() {
-    if (this.props.dropdownItems.length === 0) {
-      return null
-    }
-
-    const dropdownStyle = {
-      position: "absolute",
-      right: 3,
-      top: 3,
-      cursor: "pointer",
-      zIndex: 1029
-    }
-
-    const elem = R(
-      "div",
-      { style: dropdownStyle, "data-bs-toggle": "dropdown" },
-      R("div", { className: "mwater-visualization-simple-widget-gear-button" }, R("span", { className: "fas fa-cog" }))
-    )
-
-    return R(
-      "div",
-      { style: dropdownStyle },
-      elem,
-      R(
-        "ul",
-        { className: "dropdown-menu dropdown-menu-end", style: { top: 25 } },
-        _.map(this.props.dropdownItems, this.renderDropdownItem)
-      )
-    )
-  }
-
-  closeMenu = () => {
-    return $(ReactDOM.findDOMNode(this) as Element).find('[data-bs-toggle="dropdown"]').parent().removeClass("open")
-  }
-
-  render() {
-    return R(
-      "div",
-      {
-        className: "mwater-visualization-simple-widget",
-        onMouseLeave: this.closeMenu,
-        style: { width: this.props.width, height: this.props.height }
-      },
-      this.props.children,
-      this.renderDropdown()
-    )
-  }
-}

package/src/widgets/text/TextWidgetComponent.ts

@@ -1,120 +0,0 @@
-import PropTypes from "prop-types"
-import React from "react"
-const R = React.createElement
-import _ from "lodash"
-import TextComponent from "./TextComponent"
-import TextWidget from "./TextWidget"
-import AsyncLoadComponent from "@mwater/react-library/lib/AsyncLoadComponent"
-import { DataSource, Schema } from "@mwater/expressions"
-import { JsonQLFilter } from "../../JsonQLFilter"
-import { TextWidgetDesign } from "./TextWidgetDesign"
-import { HtmlItem } from "../../richtext/ItemsHtmlConverter"
-import { HtmlItemExpr } from "../../richtext/ExprItemsHtmlConverter"
-
-export interface TextWidgetComponentProps {
-  design: TextWidgetDesign
-  /** Called with new design. null/undefined for readonly */
-  onDesignChange?: (design: TextWidgetDesign) => void
-  filters: JsonQLFilter[]
-  schema: Schema
-  /** Data source to use for chart */
-  dataSource: DataSource
-  widgetDataSource: any
-  width?: number
-  height?: number
-  /** Table that is filtered to have one row */
-  singleRowTable?: string
-  namedStrings?: any
-}
-
-// Widget which displays styled text with embedded expressions
-export default class TextWidgetComponent extends AsyncLoadComponent<TextWidgetComponentProps, { loading: boolean, exprValues: any, error: any, cacheExpiry: any }> {
-  divComp: HTMLElement | null
-  constructor(props: any) {
-    super(props)
-
-    this.state = {
-      loading: false,
-      // Map of expression id to expression value
-      exprValues: {},
-      error: null,
-      cacheExpiry: props.dataSource.getCacheExpiry() // Save cache expiry to see if changes
-    }
-  }
-
-  // Override to determine if a load is needed. Not called on mounting
-  isLoadNeeded(newProps: any, oldProps: any) {
-    // Get expression items recursively
-    function getExprItems(items: HtmlItem[]): HtmlItemExpr[] {
-      let exprItems: HtmlItemExpr[] = []
-      for (let item of items || []) {
-        if (typeof item === "object") {
-          if (item.type === "expr") {
-            exprItems.push(item as HtmlItemExpr)
-          }
-          if (item.items) {
-            exprItems = exprItems.concat(getExprItems(item.items))
-          }
-        }
-      }
-      return exprItems
-    }
-
-    // Reload if filters or expressions have changed or cache expiry
-    return (
-      !_.isEqual(newProps.filters, oldProps.filters) ||
-      !_.isEqual(getExprItems(newProps.design.items), getExprItems(oldProps.design.items)) ||
-      newProps.dataSource.getCacheExpiry() !== this.state.cacheExpiry
-    )
-  }
-
-  // Call callback with state changes
-  load(props: any, prevProps: any, callback: any) {
-    // Shortcut if no expressions in text widget
-    const widget = new TextWidget()
-    if (widget.getExprItems(props.design.items).length === 0) {
-      callback({ error: null, exprValues: {} }, props.dataSource.getCacheExpiry())
-      return
-    }
-
-    // Get data
-    props.widgetDataSource.getData(props.design, props.filters, (error: any, data: any) => {
-      callback({ error, exprValues: data || {}, cacheExpiry: props.dataSource.getCacheExpiry() })
-    })
-  }
-
-  scrollToTOCEntry(entryId: any) {
-    // Find entry in divComp
-    const entries = this.divComp!.querySelectorAll("h1,h2,h3,h4,h5,h6,h7,h8,h9")
-
-    const entry = entries[entryId]
-    if (entry) {
-      return entry.scrollIntoView(true)
-    }
-  }
-
-  render() {
-    // If loading, don't display old values
-    const exprValues = !this.state.loading ? this.state.exprValues : {}
-
-    return R(
-      "div",
-      {
-        ref: (c) => {
-          this.divComp = c
-        }
-      },
-      R(TextComponent, {
-        design: this.props.design,
-        onDesignChange: this.props.onDesignChange,
-        schema: this.props.schema,
-        dataSource: this.props.dataSource,
-        exprValues,
-        width: this.props.width,
-        height: this.props.height,
-        singleRowTable: this.props.singleRowTable,
-        namedStrings: this.props.namedStrings
-      })
-    )
-  }
-}