@modusoperandi/licit 0.1.9 → 0.13.2

package/dist/ui/PointerSurface.js.flow

@@ -1,141 +0,0 @@
-// @flow
-
-import cx from 'classnames';
-import * as React from 'react';
-
-import preventEventDefault from './preventEventDefault';
-
-export type PointerSurfaceProps = {
-  active?: ?boolean,
-  children?: any,
-  className?: ?string,
-  disabled?: ?boolean,
-  id?: ?string,
-  onClick?: ?(val: any, e: SyntheticEvent<>) => void,
-  onMouseEnter?: ?(val: any, e: SyntheticEvent<>) => void,
-  style?: ?Object,
-  title?: ?string,
-  value?: any,
-};
-
-class PointerSurface extends React.PureComponent<any, any> {
-  props: PointerSurfaceProps;
-
-  _clicked = false;
-  _mul = false;
-  _pressedTarget = null;
-  _unmounted = false;
-
-  state = { pressed: false };
-
-  render(): React.Element<any> {
-    const {
-      className,
-      disabled,
-      active,
-      id,
-      style,
-      title,
-      children,
-    } = this.props;
-    const { pressed } = this.state;
-
-    const buttonClassName = cx(className, {
-      active: active,
-      disabled: disabled,
-      pressed: pressed,
-    });
-
-    return (
-      <span
-        aria-disabled={disabled}
-        aria-pressed={pressed}
-        className={buttonClassName}
-        disabled={disabled}
-        id={id}
-        onKeyPress={disabled ? preventEventDefault : this._onMouseUp}
-        onMouseDown={disabled ? preventEventDefault : this._onMouseDown}
-        onMouseEnter={disabled ? preventEventDefault : this._onMouseEnter}
-        onMouseLeave={disabled ? null : this._onMouseLeave}
-        onMouseUp={disabled ? preventEventDefault : this._onMouseUp}
-        role="button"
-        style={style}
-        tabIndex={disabled ? null : 0}
-        title={title}
-      >
-        {children}
-      </span>
-    );
-  }
-
-  componentWillUnmount(): void {
-    this._unmounted = true;
-    if (this._mul) {
-      this._mul = false;
-      document.removeEventListener('mouseup', this._onMouseUpCapture, true);
-    }
-  }
-
-  _onMouseEnter = (e: SyntheticEvent<*>): void => {
-    this._pressedTarget = null;
-    e.preventDefault();
-    const { onMouseEnter, value } = this.props;
-    onMouseEnter && onMouseEnter(value, e);
-  };
-
-  _onMouseLeave = (e: SyntheticEvent<*>): void => {
-    this._pressedTarget = null;
-    const mouseUpEvent: any = e;
-    this._onMouseUpCapture(mouseUpEvent);
-  };
-
-  _onMouseDown = (e: any): void => {
-    e.preventDefault();
-
-    this._pressedTarget = null;
-    this._clicked = false;
-
-    if (e.which === 3 || e.button == 2) {
-      // right click.
-      return;
-    }
-
-    this.setState({ pressed: true });
-    this._pressedTarget = e.currentTarget;
-    this._clicked = false;
-
-    if (!this._mul) {
-      document.addEventListener('mouseup', this._onMouseUpCapture, true);
-      this._mul = true;
-    }
-  };
-
-  _onMouseUp = (e: SyntheticEvent<*>): void => {
-    e.preventDefault();
-
-    if (this._clicked || e.type === 'keypress') {
-      const { onClick, value, disabled } = this.props;
-      !disabled && onClick && onClick(value, e);
-    }
-
-    this._pressedTarget = null;
-    this._clicked = false;
-  };
-
-  _onMouseUpCapture = (e: MouseEvent): void => {
-    if (this._mul) {
-      this._mul = false;
-      document.removeEventListener('mouseup', this._onMouseUpCapture, true);
-    }
-    const target = e.target;
-    this._clicked =
-      this._pressedTarget instanceof HTMLElement &&
-      target instanceof HTMLElement &&
-      (target === this._pressedTarget ||
-        target.contains(this._pressedTarget) ||
-        this._pressedTarget.contains(target));
-    this.setState({ pressed: false });
-  };
-}
-
-export default PointerSurface;

package/dist/ui/PopUp.js

@@ -1,129 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.bpfrpt_proptype_PopUpHandle = exports.bpfrpt_proptype_PopUpProps = exports.bpfrpt_proptype_PopUpParams = exports.bpfrpt_proptype_ViewProps = exports.default = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _PopUpManager = _interopRequireWildcard(require("./PopUpManager"));
-
-var _PopUpPosition = require("./PopUpPosition");
-
-var _uuid = _interopRequireDefault(require("./uuid"));
-
-var _rects = require("./rects");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var bpfrpt_proptype_ViewProps = _propTypes.default.object;
-exports.bpfrpt_proptype_ViewProps = bpfrpt_proptype_ViewProps;
-var bpfrpt_proptype_PopUpParams = {
-  "anchor": _propTypes.default.any,
-  "autoDismiss": _propTypes.default.bool,
-  "container": function () {
-    return (typeof Element === "function" ? _propTypes.default.instanceOf(Element) : _propTypes.default.any).apply(this, arguments);
-  },
-  "modal": _propTypes.default.bool,
-  "onClose": _propTypes.default.func,
-  "position": _propTypes.default.func,
-  "IsChildDialog": _propTypes.default.bool
-};
-exports.bpfrpt_proptype_PopUpParams = bpfrpt_proptype_PopUpParams;
-var bpfrpt_proptype_PopUpProps = {
-  "View": _propTypes.default.func.isRequired,
-  "close": _propTypes.default.func.isRequired,
-  "popUpParams": _propTypes.default.shape({
-    anchor: _propTypes.default.any,
-    autoDismiss: _propTypes.default.bool,
-    container: function () {
-      return (typeof Element === "function" ? _propTypes.default.instanceOf(Element) : _propTypes.default.any).apply(this, arguments);
-    },
-    modal: _propTypes.default.bool,
-    onClose: _propTypes.default.func,
-    position: _propTypes.default.func,
-    IsChildDialog: _propTypes.default.bool
-  }).isRequired,
-  "viewProps": _propTypes.default.object.isRequired
-};
-exports.bpfrpt_proptype_PopUpProps = bpfrpt_proptype_PopUpProps;
-var bpfrpt_proptype_PopUpHandle = {
-  "close": _propTypes.default.func.isRequired,
-  "update": _propTypes.default.func.isRequired
-};
-exports.bpfrpt_proptype_PopUpHandle = bpfrpt_proptype_PopUpHandle;
-
-class PopUp extends React.PureComponent {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "props", void 0);
-
-    _defineProperty(this, "_bridge", null);
-
-    _defineProperty(this, "_id", (0, _uuid.default)());
-
-    _defineProperty(this, "_getDetails", () => {
-      const {
-        close,
-        popUpParams
-      } = this.props;
-      const {
-        anchor,
-        autoDismiss,
-        position,
-        modal
-      } = popUpParams;
-      return {
-        anchor,
-        autoDismiss: autoDismiss === false ? false : true,
-        body: document.getElementById(this._id),
-        close,
-        modal: modal === true,
-        position: position || (modal ? _PopUpPosition.atViewportCenter : _PopUpPosition.atAnchorBottomLeft)
-      };
-    });
-  }
-
-  render() {
-    const dummy = {};
-    const {
-      View,
-      viewProps,
-      close
-    } = this.props;
-    return /*#__PURE__*/React.createElement("div", {
-      "data-pop-up-id": this._id,
-      id: this._id
-    }, /*#__PURE__*/React.createElement(View, _extends({}, viewProps || dummy, {
-      close: close
-    })));
-  }
-
-  componentDidMount() {
-    this._bridge = {
-      getDetails: this._getDetails
-    };
-
-    _PopUpManager.default.register(this._bridge);
-  }
-
-  componentWillUnmount() {
-    this._bridge && _PopUpManager.default.unregister(this._bridge);
-  }
-
-}
-
-var _default = PopUp;
-exports.default = _default;

package/dist/ui/PopUp.js.flow

@@ -1,77 +0,0 @@
-// @flow
-
-import * as React from 'react';
-
-import PopUpManager from './PopUpManager';
-import { atAnchorBottomLeft, atViewportCenter } from './PopUpPosition';
-import uuid from './uuid';
-
-import type { PopUpDetails } from './PopUpManager';
-import type { Rect } from './rects';
-
-type PositionHandler = (anchorRect: ?Rect, bodyRect: ?Rect) => Rect;
-
-export type ViewProps = Object;
-
-export type PopUpParams = {
-  anchor?: any,
-  autoDismiss?: ?boolean,
-  container?: ?Element,
-  modal?: ?boolean,
-  onClose?: ?(val: any) => void,
-  position?: ?PositionHandler,
-  IsChildDialog?: boolean,
-};
-
-export type PopUpProps = {
-  View: Function,
-  close: Function,
-  popUpParams: PopUpParams,
-  viewProps: Object,
-};
-
-export type PopUpHandle = {
-  close: (val: any) => void,
-  update: (props: Object) => void,
-};
-
-class PopUp extends React.PureComponent<any, any> {
-  props: PopUpProps;
-
-  _bridge = null;
-  _id = uuid();
-
-  render(): React.Element<any> {
-    const dummy = {};
-    const { View, viewProps, close } = this.props;
-    return (
-      <div data-pop-up-id={this._id} id={this._id}>
-        <View {...(viewProps || dummy)} close={close} />
-      </div>
-    );
-  }
-
-  componentDidMount(): void {
-    this._bridge = { getDetails: this._getDetails };
-    PopUpManager.register(this._bridge);
-  }
-
-  componentWillUnmount(): void {
-    this._bridge && PopUpManager.unregister(this._bridge);
-  }
-
-  _getDetails = (): PopUpDetails => {
-    const { close, popUpParams } = this.props;
-    const { anchor, autoDismiss, position, modal } = popUpParams;
-    return {
-      anchor,
-      autoDismiss: autoDismiss === false ? false : true,
-      body: document.getElementById(this._id),
-      close,
-      modal: modal === true,
-      position: position || (modal ? atViewportCenter : atAnchorBottomLeft),
-    };
-  };
-}
-
-export default PopUp;

package/dist/ui/PopUpManager.js

@@ -1,266 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.bpfrpt_proptype_PopUpBridge = exports.bpfrpt_proptype_PopUpDetails = exports.default = void 0;
-
-var _clamp = _interopRequireDefault(require("./clamp"));
-
-var _rects = require("./rects");
-
-var _PopUpPosition = require("./PopUpPosition");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var bpfrpt_proptype_PopUpDetails = {
-  "anchor": function () {
-    return (typeof HTMLElement === "function" ? _propTypes.default.instanceOf(HTMLElement) : _propTypes.default.any).apply(this, arguments);
-  },
-  "anchorRect": function () {
-    return (typeof _rects.bpfrpt_proptype_Rect === "function" ? _rects.bpfrpt_proptype_Rect : _propTypes.default.shape(_rects.bpfrpt_proptype_Rect)).apply(this, arguments);
-  },
-  "autoDismiss": _propTypes.default.bool.isRequired,
-  "body": function () {
-    return (typeof HTMLElement === "function" ? _propTypes.default.instanceOf(HTMLElement) : _propTypes.default.any).apply(this, arguments);
-  },
-  "bodyRect": function () {
-    return (typeof _rects.bpfrpt_proptype_Rect === "function" ? _rects.bpfrpt_proptype_Rect : _propTypes.default.shape(_rects.bpfrpt_proptype_Rect)).apply(this, arguments);
-  },
-  "close": _propTypes.default.func.isRequired,
-  "modal": _propTypes.default.bool.isRequired,
-  "position": function () {
-    return (typeof _PopUpPosition.bpfrpt_proptype_PositionHandler === "function" ? _PopUpPosition.bpfrpt_proptype_PositionHandler.isRequired ? _PopUpPosition.bpfrpt_proptype_PositionHandler.isRequired : _PopUpPosition.bpfrpt_proptype_PositionHandler : _propTypes.default.shape(_PopUpPosition.bpfrpt_proptype_PositionHandler).isRequired).apply(this, arguments);
-  }
-};
-exports.bpfrpt_proptype_PopUpDetails = bpfrpt_proptype_PopUpDetails;
-var bpfrpt_proptype_PopUpBridge = {
-  "getDetails": _propTypes.default.func.isRequired
-};
-exports.bpfrpt_proptype_PopUpBridge = bpfrpt_proptype_PopUpBridge;
-const CLICK_INTERVAL = 350;
-const DUMMY_RECT = {
-  x: -10000,
-  y: -10000,
-  w: 0,
-  h: 0
-};
-
-class PopUpManager {
-  constructor() {
-    _defineProperty(this, "_bridges", new Map());
-
-    _defineProperty(this, "_positions", new Map());
-
-    _defineProperty(this, "_mx", 0);
-
-    _defineProperty(this, "_my", 0);
-
-    _defineProperty(this, "_rafID", 0);
-
-    _defineProperty(this, "_onScroll", e => {
-      this._rafID && cancelAnimationFrame(this._rafID);
-      this._rafID = requestAnimationFrame(this._syncPosition);
-    });
-
-    _defineProperty(this, "_onResize", e => {
-      this._rafID && cancelAnimationFrame(this._rafID);
-      this._rafID = requestAnimationFrame(this._syncPosition);
-    });
-
-    _defineProperty(this, "_onMouseChange", e => {
-      this._mx = Math.round(e.clientX);
-      this._my = Math.round(e.clientY);
-      this._rafID && cancelAnimationFrame(this._rafID);
-      this._rafID = requestAnimationFrame(this._syncPosition);
-    });
-
-    _defineProperty(this, "_onClick", e => {
-      const now = Date.now();
-      let detailsWithModalToDismiss;
-
-      for (const [bridge, registeredAt] of this._bridges) {
-        if (now - registeredAt > CLICK_INTERVAL) {
-          const details = bridge.getDetails();
-
-          if (details.modal && details.autoDismiss) {
-            detailsWithModalToDismiss = details;
-          }
-        }
-      }
-
-      if (!detailsWithModalToDismiss) {
-        return;
-      }
-
-      const {
-        body,
-        close
-      } = detailsWithModalToDismiss;
-      const pointer = (0, _rects.fromXY)(e.clientX, e.clientY, 1);
-      const bodyRect = body ? (0, _rects.fromHTMlElement)(body) : null;
-
-      if (!bodyRect || !(0, _rects.isIntersected)(pointer, bodyRect)) {
-        close();
-      }
-    });
-
-    _defineProperty(this, "_syncPosition", () => {
-      this._rafID = 0;
-      const bridgeToDetails = new Map();
-
-      for (const [bridge, // eslint-disable-next-line no-unused-vars
-      registeredAt] of this._bridges) {
-        const details = bridge.getDetails();
-        bridgeToDetails.set(bridge, details);
-        const {
-          anchor,
-          body
-        } = details;
-
-        if (body instanceof HTMLElement) {
-          details.bodyRect = (0, _rects.fromHTMlElement)(body);
-        }
-
-        if (anchor instanceof HTMLElement) {
-          details.anchorRect = (0, _rects.fromHTMlElement)(anchor);
-        }
-      }
-
-      const pointer = (0, _rects.fromXY)(this._mx, this._my, 2);
-      const hoveredAnchors = new Set();
-
-      for (const [bridge, details] of bridgeToDetails) {
-        const {
-          anchor,
-          bodyRect,
-          anchorRect,
-          position,
-          body
-        } = details;
-
-        if (!bodyRect && !anchorRect) {
-          continue;
-        }
-
-        const {
-          x,
-          y
-        } = position(anchorRect, bodyRect);
-        const positionKey = `${x}-${y}`;
-
-        if (body && bodyRect && this._positions.get(bridge) !== positionKey) {
-          const ax = anchorRect ? (0, _clamp.default)(0, anchorRect.x - x + anchorRect.w / 2, bodyRect.w - anchorRect.w / 2) : 0;
-
-          this._positions.set(bridge, positionKey);
-
-          const bodyStyle = body.style;
-          bodyStyle.position = 'absolute';
-          bodyStyle.left = `${x}px`;
-          bodyStyle.top = `${y}px`;
-          bodyStyle.setProperty('--czi-pop-up-anchor-offset-left', `${ax}px`);
-          bodyRect.x = x;
-          bodyRect.y = y;
-        }
-
-        if ((0, _rects.isIntersected)(pointer, bodyRect || DUMMY_RECT, 0) || (0, _rects.isIntersected)(pointer, anchorRect || DUMMY_RECT, 0)) {
-          if (anchor) {
-            hoveredAnchors.add(anchor);
-          }
-        }
-      }
-
-      while (true) {
-        const size = hoveredAnchors.size;
-
-        for (const [// eslint-disable-next-line no-unused-vars
-        bridge, details] of bridgeToDetails) {
-          const {
-            anchor,
-            body
-          } = details;
-
-          for (const ha of hoveredAnchors) {
-            if (anchor && body && !hoveredAnchors.has(anchor) && body.contains(ha)) {
-              hoveredAnchors.add(anchor);
-            }
-          }
-        }
-
-        if (hoveredAnchors.size === size) {
-          break;
-        }
-      }
-
-      const now = Date.now();
-
-      for (const [bridge, registeredAt] of this._bridges) {
-        const details = bridgeToDetails.get(bridge);
-
-        if (details) {
-          const {
-            autoDismiss,
-            anchor,
-            close,
-            modal
-          } = details;
-
-          if (autoDismiss && // Modal is handled separately at `onClick`
-          !modal && now - registeredAt > CLICK_INTERVAL && !hoveredAnchors.has(anchor)) {
-            close();
-          }
-        }
-      }
-    });
-  }
-
-  register(bridge) {
-    this._bridges.set(bridge, Date.now());
-
-    this._positions.set(bridge, null);
-
-    if (this._bridges.size === 1) {
-      this._observe();
-    }
-
-    this._rafID = requestAnimationFrame(this._syncPosition);
-  }
-
-  unregister(bridge) {
-    this._bridges.delete(bridge);
-
-    this._positions.delete(bridge);
-
-    if (this._bridges.size === 0) {
-      this._unobserve();
-    }
-
-    this._rafID && cancelAnimationFrame(this._rafID);
-  }
-
-  _observe() {
-    document.addEventListener('mousemove', this._onMouseChange, false);
-    document.addEventListener('mouseup', this._onMouseChange, false);
-    document.addEventListener('click', this._onClick, false);
-    window.addEventListener('scroll', this._onScroll, true);
-    window.addEventListener('resize', this._onResize, true);
-  }
-
-  _unobserve() {
-    document.removeEventListener('mousemove', this._onMouseChange, false);
-    document.removeEventListener('mouseup', this._onMouseChange, false);
-    document.removeEventListener('click', this._onClick, false);
-    window.removeEventListener('scroll', this._onScroll, true);
-    window.removeEventListener('resize', this._onResize, true);
-    this._rafID && cancelAnimationFrame(this._rafID);
-  }
-
-}
-
-const instance = new PopUpManager();
-var _default = instance;
-exports.default = _default;