@deck.gl-community/graph-layers 9.1.1 → 9.2.0-beta.3

package/dist/widgets/view-control-widget.js

@@ -1,195 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "preact/jsx-runtime";
-// deck.gl-community
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-import { Component, render } from 'preact';
-import { LongPressButton } from "./long-press-button.js";
-export const ViewControlWrapper = ({ children }) => (_jsxs("div", { style: {
-        alignItems: 'center',
-        display: 'flex',
-        flexDirection: 'column',
-        position: 'absolute',
-        zIndex: 99,
-        userSelect: 'none'
-    }, children: [' ', children, ' '] }));
-export const NavigationButtonContainer = ({ children }) => (_jsxs("div", { style: {
-        background: '#f7f7f7',
-        borderRadius: '23px',
-        border: '0.5px solid #eaeaea',
-        boxShadow: 'inset 11px 11px 5px -7px rgba(230, 230, 230, 0.49)',
-        height: '46px',
-        width: '46px'
-    }, children: [' ', children, ' '] }));
-export const NavigationButton = (props) => (_jsxs("div", { onClick: props.onClick, style: {
-        color: '#848484',
-        cursor: 'pointer',
-        position: 'absolute',
-        left: props.left,
-        top: props.top,
-        transform: `rotate(${props.rotate || 0}deg)`
-        // &:hover,
-        // &:active {
-        //   color: #00ade6;
-        // }
-    }, children: [' ', props.children, ' '] }));
-export const ZoomControlWrapper = ({ children }) => (_jsxs("div", { style: {
-        alignItems: 'center',
-        background: '#f7f7f7',
-        border: '0.5px solid #eaeaea',
-        display: 'flex',
-        flexDirection: 'column',
-        marginTop: '6px',
-        padding: '2px 0',
-        width: '18px'
-    }, children: [' ', children, ' '] }));
-export const VerticalSlider = ({ children }) => (_jsxs("div", { style: {
-        display: 'inline-block',
-        height: '100px',
-        padding: '0',
-        width: '10px'
-        // > input[type='range'][orient='vertical'] {
-        //   -webkit-appearance: slider-vertical;
-        //   height: 100px;
-        //   padding: 0;
-        //   margin: 0;
-        //   width: 10px;
-        // }
-    }, children: [' ', children, ' '] }));
-export const ZoomControlButton = ({ children }) => (_jsxs("div", { style: {
-        cursor: 'pointer',
-        fontSize: '14px',
-        fontWeight: 500,
-        margin: '-4px'
-        // &:hover,
-        // &:active {
-        //   color: #00ade6;
-        // }
-    }, children: [' ', children, ' '] }));
-export class ViewControl extends Component {
-    static displayName = 'ViewControl';
-    static defaultProps = {
-        id: undefined,
-        viewId: undefined,
-        placement: 'top-left',
-        fitBounds: () => { },
-        panBy: () => { },
-        zoomBy: () => { },
-        zoomLevel: 1,
-        deltaPan: 10,
-        deltaZoom: 0.1,
-        minZoom: 0.1,
-        maxZoom: 1,
-        style: {},
-        className: ''
-    };
-    // pan actions
-    panUp = () => this.props.panBy(0, this.props.deltaPan);
-    panDown = () => this.props.panBy(0, -1 * this.props.deltaPan);
-    panLeft = () => this.props.panBy(this.props.deltaPan, 0);
-    panRight = () => this.props.panBy(-1 * this.props.deltaPan, 0);
-    // zoom actions
-    zoomIn = () => this.props.zoomBy(this.props.deltaZoom);
-    zoomOut = () => this.props.zoomBy(-1 * this.props.deltaZoom);
-    onChangeZoomLevel = (evt) => {
-        const delta = evt.target.value - this.props.zoomLevel;
-        this.props.zoomBy(delta);
-    };
-    render() {
-        const buttons = [
-            { top: -2, left: 14, rotate: 0, onClick: this.panUp, content: '▲', key: 'up' },
-            { top: 12, left: 0, rotate: -90, onClick: this.panLeft, content: '◀', key: 'left' },
-            { top: 12, left: 28, rotate: 90, onClick: this.panRight, content: '▶', key: 'right' },
-            { top: 25, left: 14, rotate: 180, onClick: this.panDown, content: '▼', key: 'down' }
-        ];
-        return (_jsxs(ViewControlWrapper, { children: [_jsxs(NavigationButtonContainer, { children: [buttons.map((b) => (_jsx(NavigationButton, { top: `${b.top}px`, left: `${b.left}px`, rotate: b.rotate, children: _jsx(LongPressButton, { onClick: b.onClick, children: b.content }) }, b.key))), _jsx(NavigationButton, { top: '12px', left: '16px', onClick: () => {
-                                // console.log('on click fit bounds') || this.props.fitBounds;
-                            }, children: '¤' })] }), _jsxs(ZoomControlWrapper, { children: [_jsx(ZoomControlButton, { children: _jsx(LongPressButton, { onClick: this.zoomIn, children: '+' }) }), _jsx(VerticalSlider, { children: _jsx("input", { type: "range", value: this.props.zoomLevel, min: this.props.minZoom, max: this.props.maxZoom, step: this.props.deltaZoom, onChange: this.onChangeZoomLevel, 
-                                /* @ts-expect-error TODO */
-                                orient: "vertical" }) }), _jsx(ZoomControlButton, { children: _jsx(LongPressButton, { onClick: this.zoomOut, children: '-' }) })] })] }));
-    }
-}
-export class ViewControlWidget {
-    id = 'zoom';
-    props;
-    placement = 'top-left';
-    orientation = 'vertical';
-    viewId = null;
-    viewports = {};
-    deck;
-    element;
-    constructor(props) {
-        this.props = { ...ViewControl.defaultProps, ...props };
-        this.id = props.id || 'zoom';
-        this.viewId = props.viewId || null;
-        this.placement = props.placement || 'top-left';
-        // this.orientation = props.orientation || 'vertical';
-        // props.transitionDuration = props.transitionDuration || 200;
-        // props.zoomInLabel = props.zoomInLabel || 'Zoom In';
-        // props.zoomOutLabel = props.zoomOutLabel || 'Zoom Out';
-        props.style = props.style || {};
-        this.props = props;
-    }
-    onAdd({ deck }) {
-        this.deck = deck;
-        this.element = document.createElement('div');
-        const { style, className } = this.props;
-        this.element.classList.add('deck-widget', 'deck-widget-zoom');
-        if (className) {
-            this.element.classList.add(className);
-        }
-        if (style) {
-            Object.entries(style).map(([key, value]) => this.element.style.setProperty(key, value));
-        }
-        const ui = (_jsx(ViewControl, { ...this.props, zoomBy: this.handleDeltaZoom.bind(this), panBy: this.handlePanBy.bind(this) }));
-        render(ui, this.element);
-        return this.element;
-    }
-    onRemove() {
-        this.deck = undefined;
-        this.element = undefined;
-    }
-    setProps(props) {
-        Object.assign(this.props, props);
-    }
-    onViewportChange(viewport) {
-        this.viewports[viewport.id] = viewport;
-    }
-    handleDeltaZoom(deltaZoom) {
-        // console.log('Handle delta zoom');
-        for (const view of this.deck.getViewports()) {
-            this.handleZoomView(view, view.zoom + deltaZoom);
-        }
-    }
-    handlePanBy(deltaX, deltaY) {
-        // console.log('Handle panby', deltaX, deltaY);
-        for (const viewport of this.deck.getViewports()) {
-            this.handlePanViewport(viewport, deltaX, deltaY);
-        }
-    }
-    handleZoomView(viewport, nextZoom) {
-        const viewId = this.viewId || viewport?.id || 'default-view';
-        // @ts-expect-error TODO we lack a proper API for getting viewStates
-        const viewState = this.deck.viewManager.viewState || viewport;
-        const nextViewState = {
-            ...viewState,
-            zoom: nextZoom
-            // transitionDuration: this.props.transitionDuration,
-            // transitionInterpolator: new FlyToInterpolator()
-        };
-        // @ts-ignore Using private method temporary until there's a public one
-        this.deck._onViewStateChange({ viewId, viewState: nextViewState, interactionState: {} });
-    }
-    handlePanViewport(viewport, deltaX, deltaY) {
-        const viewId = this.viewId || viewport?.id || 'default-view';
-        // @ts-expect-error TODO we lack a proper API for getting viewStates
-        const viewState = this.deck.viewManager.viewState || viewport;
-        // console.log('Handle pan viewport', deltaX, deltaY, viewState);
-        const nextViewState = {
-            ...viewState,
-            position: [viewport.position[0] + deltaX, viewport.position[1] + deltaY]
-        };
-        // @ts-ignore Using private method temporary until there's a public one
-        this.deck._onViewStateChange({ viewId, viewState: nextViewState, interactionState: {} });
-    }
-}
-//# sourceMappingURL=view-control-widget.js.map

package/dist/widgets/view-control-widget.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"view-control-widget.js","sourceRoot":"","sources":["../../src/widgets/view-control-widget.tsx"],"names":[],"mappings":"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"}

package/src/loaders/json-loader.ts

@@ -1,19 +0,0 @@
-// deck.gl-community
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-
-import {createGraph} from './create-graph';
-import {basicNodeParser} from './node-parsers';
-import {basicEdgeParser} from './edge-parsers';
-import {log} from '../utils/log';
-
-export const JSONLoader = ({json, nodeParser = basicNodeParser, edgeParser = basicEdgeParser}) => {
-  const {name = 'default', nodes, edges} = json;
-  if (!nodes) {
-    log.error('Invalid graph: nodes is missing.')();
-    return null;
-  }
-
-  const graph = createGraph({name, nodes, edges, nodeParser, edgeParser});
-  return graph;
-};

package/src/style/style-sheet.ts

@@ -1,277 +0,0 @@
-// deck.gl-community
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-
-import {StyleProperty} from './style-property';
-
-import {NODE_TYPE, EDGE_DECORATOR_TYPE} from '../core/constants';
-import {log} from '../utils/log';
-
-const COMMON_DECKGL_PROPS = {
-  getOffset: 'offset',
-  opacity: 'opacity'
-};
-
-const DECKGL_ACCESSOR_MAP = {
-  [NODE_TYPE.CIRCLE]: {
-    ...COMMON_DECKGL_PROPS,
-    getFillColor: 'fill',
-    getLineColor: 'stroke',
-    getLineWidth: 'strokeWidth',
-    getRadius: 'radius'
-  },
-
-  [NODE_TYPE.RECTANGLE]: {
-    ...COMMON_DECKGL_PROPS,
-    getWidth: 'width',
-    getHeight: 'height',
-    getFillColor: 'fill',
-    getLineColor: 'stroke',
-    getLineWidth: 'strokeWidth'
-  },
-
-  [NODE_TYPE.ROUNDED_RECTANGLE]: {
-    ...COMMON_DECKGL_PROPS,
-    getCornerRadius: 'cornerRadius',
-    getRadius: 'radius',
-    getWidth: 'width',
-    getHeight: 'height',
-    getFillColor: 'fill',
-    getLineColor: 'stroke',
-    getLineWidth: 'strokeWidth'
-  },
-
-  [NODE_TYPE.PATH_ROUNDED_RECTANGLE]: {
-    ...COMMON_DECKGL_PROPS,
-    getWidth: 'width',
-    getHeight: 'height',
-    getFillColor: 'fill',
-    getLineColor: 'stroke',
-    getLineWidth: 'strokeWidth',
-    getCornerRadius: 'cornerRadius'
-  },
-
-  [NODE_TYPE.LABEL]: {
-    ...COMMON_DECKGL_PROPS,
-    getColor: 'color',
-    getText: 'text',
-    getSize: 'fontSize',
-    getTextAnchor: 'textAnchor',
-    getAlignmentBaseline: 'alignmentBaseline',
-    getAngle: 'angle',
-    scaleWithZoom: 'scaleWithZoom',
-    textMaxWidth: 'textMaxWidth',
-    textWordBreak: 'textWordBreak',
-    textSizeMinPixels: 'textSizeMinPixels'
-  },
-
-  [NODE_TYPE.MARKER]: {
-    ...COMMON_DECKGL_PROPS,
-    getColor: 'fill',
-    getSize: 'size',
-    getMarker: 'marker',
-    scaleWithZoom: 'scaleWithZoom'
-  },
-
-  // --------- Edge related ---------
-  Edge: {
-    getColor: 'stroke',
-    getWidth: 'strokeWidth'
-  },
-  [EDGE_DECORATOR_TYPE.LABEL]: {
-    getColor: 'color',
-    getText: 'text',
-    getSize: 'fontSize',
-    getTextAnchor: 'textAnchor',
-    getAlignmentBaseline: 'alignmentBaseline',
-    scaleWithZoom: 'scaleWithZoom',
-    textMaxWidth: 'textMaxWidth',
-    textWordBreak: 'textWordBreak',
-    textSizeMinPixels: 'textSizeMinPixels'
-  },
-  [EDGE_DECORATOR_TYPE.FLOW]: {
-    getColor: 'color',
-    getWidth: 'width',
-    getSpeed: 'speed',
-    getTailLength: 'tailLength'
-  }
-};
-
-const DECKGL_UPDATE_TRIGGERS = {
-  [NODE_TYPE.CIRCLE]: ['getFillColor', 'getRadius', 'getLineColor', 'getLineWidth'],
-  [NODE_TYPE.RECTANGLE]: ['getFillColor', 'getLineColor', 'getLineWidth'],
-  [NODE_TYPE.ROUNDED_RECTANGLE]: [
-    'getFillColor',
-    'getLineColor',
-    'getLineWidth',
-    'getCornerRadius'
-  ],
-  [NODE_TYPE.PATH_ROUNDED_RECTANGLE]: [
-    'getFillColor',
-    'getLineColor',
-    'getLineWidth',
-    'getCornerRadius'
-  ],
-  [NODE_TYPE.LABEL]: [
-    'getColor',
-    'getText',
-    'getSize',
-    'getTextAnchor',
-    'getAlignmentBaseline',
-    'getAngle'
-  ],
-  [NODE_TYPE.MARKER]: ['getColor', 'getSize', 'getMarker'],
-  Edge: ['getColor', 'getWidth'],
-  [EDGE_DECORATOR_TYPE.LABEL]: [
-    'getColor',
-    'getText',
-    'getSize',
-    'getTextAnchor',
-    'getAlignmentBaseline'
-  ],
-  [EDGE_DECORATOR_TYPE.FLOW]: ['getColor', 'getWidth', 'getSpeed', 'getTailLength']
-};
-
-export class Stylesheet {
-  type: any;
-  properties: any;
-  constructor(style, updateTriggers) {
-    const {type: layerType, ...restStyle} = style;
-    if (!layerType || !(layerType in DECKGL_ACCESSOR_MAP)) {
-      throw new Error(`illegal type: ${layerType}`);
-    }
-    this.type = layerType;
-
-    // style = {
-    //  type: 'circle',
-    //  fill: 'red'
-    //  radius: 5,
-    //
-    //  ':hover': {
-    //    fill: 'blue',
-    //    stroke: 'red'
-    //  }
-    // };
-    // step 1: extract 'rules': default, hover
-    // default: {fill: 'red', radius: 5};
-    // hover: {fill: 'blue', stroke: 'red'};
-    const rules = Object.keys(restStyle).reduce(
-      (res, key) => {
-        const isSelector = key.startsWith(':');
-        if (isSelector) {
-          const state = key.substring(1);
-          res[state] = restStyle[key];
-          return res;
-        }
-        res.default[key] = restStyle[key];
-        return res;
-      },
-      {
-        default: {}
-      }
-    );
-
-    // step 2: extract all unique attributes from rules
-    // attributes: ['fill', 'radius', 'stroke']
-    const attributes = Object.values(rules).reduce((res, rule) => {
-      const attrs = Object.keys(rule);
-      const set = new Set([...(res as any), ...attrs]);
-      return Array.from(set);
-    }, []);
-    // step 3: create a attribute map as:
-    // attrMap = {
-    //  fill: {default: 'red', hover: 'blue'},
-    //  radius: {default: 5},
-    //  stroke: {hover: 'red'},
-    // }
-    const attrMap = (attributes as any).reduce((res, attr) => {
-      res[attr] = Object.entries(rules).reduce((acc, entry) => {
-        const [state, rule] = entry;
-        if (typeof rule[attr] !== 'undefined') {
-          acc[state] = rule[attr];
-        }
-        return acc;
-      }, {});
-      return res;
-    }, {});
-
-    // step 4: simplify the attribute map if only default exists for the attribute
-    // simplifiedStyleMap = {
-    //  fill: {default: 'red', hover: 'blue'},
-    //  radius: 5,
-    //  stroke: {hover: 'red'},
-    // }
-    const simplifiedStyleMap = Object.entries(attrMap).reduce((res, entry) => {
-      const [attr, valueMap] = entry as any;
-      const onlyDefault = Object.keys(valueMap).length === 1 && valueMap.default !== undefined;
-      if (onlyDefault) {
-        res[attr] = valueMap.default;
-        return res;
-      }
-      res[attr] = valueMap;
-      return res;
-    }, {});
-
-    // step 5: create style property
-    // if the propety only maps to default state => return value only
-    // if the property maps to other states => return accessor function
-
-    // start to parse properties
-    this.properties = {};
-    for (const key in simplifiedStyleMap) {
-      this.properties[key] = new StyleProperty({
-        key,
-        value: simplifiedStyleMap[key],
-        updateTrigger: updateTriggers.stateUpdateTrigger
-      });
-    }
-  }
-
-  _getProperty(deckglAccessor) {
-    const map = DECKGL_ACCESSOR_MAP[this.type];
-    if (!map) {
-      throw new Error(`illegal type: ${this.type}`);
-    }
-    const styleProp = map[deckglAccessor];
-    if (!styleProp) {
-      log.error(`Invalid DeckGL accessor: ${deckglAccessor}`)();
-      throw new Error(`Invalid DeckGL accessor: ${deckglAccessor}`);
-    }
-    return this.properties[styleProp];
-  }
-
-  getDeckGLAccessor(deckglAccessor) {
-    const property = this._getProperty(deckglAccessor);
-    // get the value
-    if (property) {
-      return property.getValue();
-    }
-    // return default value
-    const styleProp = DECKGL_ACCESSOR_MAP[this.type][deckglAccessor];
-    return StyleProperty.getDefault(styleProp);
-  }
-
-  getDeckGLAccessorUpdateTrigger(deckglAccessor) {
-    const property = this._getProperty(deckglAccessor);
-    // get the value
-    if (property) {
-      return property.getUpdateTrigger();
-    }
-    return false;
-  }
-
-  getDeckGLAccessors() {
-    const accessorMap = DECKGL_ACCESSOR_MAP[this.type];
-    return Object.keys(accessorMap).reduce((res, accessor) => {
-      res[accessor] = this.getDeckGLAccessor(accessor);
-      return res;
-    }, {});
-  }
-
-  getDeckGLUpdateTriggers() {
-    return DECKGL_UPDATE_TRIGGERS[this.type].reduce((res, accessor) => {
-      res[accessor] = this.getDeckGLAccessorUpdateTrigger(accessor);
-      return res;
-    }, {});
-  }
-}

package/src/widgets/long-press-button.tsx

@@ -1,50 +0,0 @@
-// deck.gl-community
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-
-import {Component} from 'preact';
-
-export type LongPressButtonProps = {
-  onClick: () => void;
-  children: any;
-};
-
-export class LongPressButton extends Component<LongPressButtonProps> {
-  buttonPressTimer: ReturnType<typeof setTimeout> | null = null;
-
-  _repeat = () => {
-    if (this.buttonPressTimer) {
-      this.props.onClick();
-      this.buttonPressTimer = setTimeout(this._repeat, 100);
-    }
-  };
-
-  _handleButtonPress = () => {
-    this.buttonPressTimer = setTimeout(this._repeat, 100);
-  };
-
-  _handleButtonRelease = () => {
-    if (this.buttonPressTimer) {
-      clearTimeout(this.buttonPressTimer);
-    }
-    this.buttonPressTimer = null;
-  };
-
-  render() {
-    return (
-      <div className="deck-widget-button">
-        <div
-          style={{
-            pointerEvents: 'auto'
-          }}
-          onMouseDown={(event) => {
-            this._handleButtonPress();
-            document.addEventListener('mouseup', this._handleButtonRelease, {once: true});
-          }}
-        >
-          {this.props.children}
-        </div>
-      </div>
-    );
-  }
-}