Chore/kill yalc with fire (#629)

* init * more shifting * Move @babel dependencies up to workspace root * Begin updating dependent libraries to use sync'd webpack builds w/ watches * Commit changes before a long weekend * Split packages into platform and extensions * Consolidate how/where we specify file/module type entrypoints * Make it possible to pass in extensions as App props * Resolve viewer's modules * Target for UMD bundle * Add Webpack Stylus loader * Provide WebPack build options for microscopy, vtk, and ui * Better entrypoint for extensions * Push changes up to switch PCs * Fix ESM symlink build for Viewers * Shift docs to root * Specify additional lerna config props * Begin providing basic readme info * Rename example extension folder * Shift links to bottom of doc * First attempt at a netlify deploy preview * Attempt to fix deploy preview build * push workspace enabled to initial command; remove second yarn install; use npx to call gitbook cli commands * Try to use global gitbook-cli * Export node_modules path * More agressive with modifying PATH * Follow deploy log output advice * try again to set bin path * Try swapping bash with a new shell * Try bash -l instead of exec bash * Annd let's try again * and again * We may have figured it out johnny, boy * We need to pull cornerstone-wado-image-loader files from hoisted node_modules * Attempt to fix ticks/escapes * Change copy syntax; try running tests on viewers from root for circleci * Lower version to match circleci image * Try alternative jest-canvas-mock location and version file syntax * Run version command instead of calling node directly * Try alternative jest transform * Set path and enable workspaces * Add codecov flags * Use cpx so our copying finishes? * Get all platform unit tests to run * Run and report individually and in parallel * Try once relying on codecov yaml to split w/ flags * Add projects to split by flags * Generate separate reports * Trigger codecov after everything has finished running; these may not support flags * Use recommended flags from issue comments for codecov * Fix typo * Remove clear flag * Shift back to calling codecov from root * Generate example for codecov issue * Try fixing paths * Simplify * Try using codecov orb * Bump circleci version * Upload core and viewer * Use full string paths * Remove individual codecov calls * Fix dir * Combine files before upload * Escape anchors * tryfix syntax * Escape string literal * Combine lines to reduce path * long paths * Use home alias * Fix filename * Try to see the contents of our cat'd file * Also upload `core` * Try running with aliased folder * Fix path; split PR and Merge unit tests into separate jobs * Set default threshold * Fix typo * Changing to scoped package names * Adding note * Catch more updates * chore(release): publish %s [skip ci] - @ohif/extension-cornerstone@0.0.39-alpha.0 - @ohif/extension-dicom-html@0.0.4-alpha.0 - @ohif/extension-dicom-microscopy@0.0.9-alpha.0 - @ohif/extension-dicom-pdf@0.0.8-alpha.0 - @ohif/extension-vtk@0.1.4-alpha.0 - @ohif/core@0.11.1-alpha.0 - @ohif/i18n@0.2.3-alpha.0 - @ohif/ui@0.2.18-alpha.0 - @ohif/viewer@0.0.22-alpha.0 * Clean up primary readme * Support for dev and dev:* commands * Shift build command; satisfy default PWA build * Remove old scripts * Clean up UI to set webpack scripts * Tidy up project links * Clean duplicate code in UI project * Update UI project's docs * Clean up ui and i18n config * Reduce duplicate code in `@ohif/core` * Fix @ohif/ui versions * bump @ohif/core versions * Redux testkit dep * Remove unused/duplicate config files for projects/packages * ohif-core --> @ohif/core * Safer publish command * chore(release): publish %s [skip ci] - @ohif/extension-cornerstone@0.0.39-alpha.1 - @ohif/extension-dicom-html@0.0.4-alpha.1 - @ohif/extension-dicom-microscopy@0.0.9-alpha.1 - @ohif/extension-dicom-pdf@0.0.8-alpha.1 - @ohif/extension-vtk@0.1.4-alpha.1 - @ohif/core@0.11.1-alpha.1 - @ohif/i18n@0.2.3-alpha.1 - @ohif/ui@0.2.18-alpha.1 - @ohif/viewer@0.0.22-alpha.1 * test version bump * Add global prettier config * chore(release): publish %s [skip ci] - @ohif/viewer@0.0.22-alpha.2 * test lerna publish * Update package.jsons * Fix build scripts * catch changes * chore(release): publish %s [skip ci] - @ohif/extension-cornerstone@0.0.39-alpha.2 - @ohif/extension-dicom-html@0.0.4-alpha.2 - @ohif/extension-dicom-microscopy@0.0.9-alpha.2 - @ohif/extension-dicom-pdf@0.0.8-alpha.2 - @ohif/extension-vtk@0.1.4-alpha.2 - @ohif/core@0.11.1-alpha.2 - @ohif/i18n@0.2.3-alpha.2 - @ohif/ui@0.2.18-alpha.2 - @ohif/viewer@0.0.22-alpha.3 * fix eslint issues caused by eslint 6 and our react-app config * Publish with canary tag * chore(release): publish %s [skip ci] - @ohif/extension-cornerstone@0.0.39-alpha.3 - @ohif/extension-dicom-html@0.0.4-alpha.3 - @ohif/extension-dicom-microscopy@0.0.9-alpha.3 - @ohif/extension-dicom-pdf@0.0.8-alpha.3 - @ohif/extension-vtk@0.1.4-alpha.3 - @ohif/core@0.11.1-alpha.3 - @ohif/i18n@0.2.3-alpha.3 - @ohif/ui@0.2.18-alpha.3 - @ohif/viewer@0.0.22-alpha.4 * chore(release): publish %s [skip ci] - @ohif/extension-cornerstone@0.0.39-alpha.4 - @ohif/extension-dicom-html@0.0.4-alpha.4 - @ohif/extension-dicom-microscopy@0.0.9-alpha.4 - @ohif/extension-dicom-pdf@0.0.8-alpha.4 - @ohif/extension-vtk@0.1.4-alpha.4 - @ohif/core@0.11.1-alpha.4 - @ohif/i18n@0.2.3-alpha.4 - @ohif/ui@0.2.18-alpha.4 - @ohif/viewer@0.0.22-alpha.5 * Simplify build * chore(release): publish %s [skip ci] - @ohif/extension-cornerstone@0.0.39-alpha.5 - @ohif/extension-dicom-html@0.0.4-alpha.5 - @ohif/extension-dicom-microscopy@0.0.9-alpha.5 - @ohif/extension-dicom-pdf@0.0.8-alpha.5 - @ohif/extension-vtk@0.1.4-alpha.5 - @ohif/core@0.11.1-alpha.5 - @ohif/i18n@0.2.3-alpha.5 - @ohif/ui@0.2.18-alpha.5 - @ohif/viewer@0.0.22-alpha.6 * chore(release): publish %s [skip ci] - @ohif/extension-cornerstone@0.0.39-alpha.6 - @ohif/extension-dicom-html@0.0.4-alpha.6 - @ohif/extension-dicom-microscopy@0.0.9-alpha.6 - @ohif/extension-dicom-pdf@0.0.8-alpha.6 - @ohif/extension-vtk@0.1.4-alpha.6 - @ohif/core@0.11.1-alpha.6 - @ohif/i18n@0.2.3-alpha.6 - @ohif/ui@0.2.18-alpha.6 - @ohif/viewer@0.0.22-alpha.7 * Split version and publish * chore(release): publish %s [skip ci] - @ohif/extension-cornerstone@0.0.39-alpha.7 - @ohif/extension-dicom-html@0.0.4-alpha.7 - @ohif/extension-dicom-microscopy@0.0.9-alpha.7 - @ohif/extension-dicom-pdf@0.0.8-alpha.7 - @ohif/extension-vtk@0.1.4-alpha.7 - @ohif/core@0.11.1-alpha.7 - @ohif/i18n@0.2.3-alpha.7 - @ohif/ui@0.2.18-alpha.7 - @ohif/viewer@0.0.22-alpha.8 * Try simplify netlify build * react-viewerbase --> @ohif/ui * add test for stylus loader * Try new way to specify publish path * Use an output folder that won't be ignored * Try move command * fiddle with paths * Dig for some information * Make sure we're in root for our commands * Remove discovery * Setup script-tag example * Fix typo * Move config folder * Update cornerstone extension to use shared/root webpack configs * capture changes * Update extension webpack configs * Don't check in docz output * Fix babel runtime resolution issue * Simplify ui build steps * Push in progress * Shift directories * Get viewer dev path to work * Fix viewer commonjs build * Fix build pwa config for viewers * Make sure our package specific command can be called from root * Update notes * Fix imports and misc. merge notes * Bump wado-image-loader version * Switch up commands to remove webworkers copy * Fix CI config * Fix more broken package references * Add react-dropzone * Persist so e2e test can use * Fix lockfile * Use cypress orb to simplify CI * Fix config * Try again * Install yarn latest for orb * Install yarn a different way * Wait on correct port * Run tests in viewer project * Fix cypress config * Make Cypress happier - use default location * Simplify e2e testing * Capture UI changes since fork * Catch core up * Grab latest deps after merge * Fix broken import * Make sure cornerstone-wado-image-loader resolves to 3+ * Note regarding orbs * Fix refresh on 404 routes * Fix odd error for cornerstone-wado-image-loader * Different target for UMD * Simplify dev script * Try to get fancy with netlify output * Let's do it again * Try to fix measurementTools issue * See if we can get our lerna magic to work on merge to monorepo branch
2019-08-13 15:36:46 -04:00
1 parent cac911f08e
commit 08ff214ea6
@@ -0,0 +1,102 @@
+import classNames from 'classnames';
+import React from 'react';
+import PropTypes from 'prop-types';
+import Transition, {
+  ENTERED,
+  ENTERING,
+} from 'react-transition-group/Transition';
+
+const propTypes = {
+  /**
+   * Show the component; triggers the fade in or fade out animation
+   */
+  in: PropTypes.bool,
+
+  /**
+   * Wait until the first "enter" transition to mount the component (add it to the DOM)
+   */
+  mountOnEnter: PropTypes.bool,
+
+  /**
+   * Unmount the component (remove it from the DOM) when it is faded out
+   */
+  unmountOnExit: PropTypes.bool,
+
+  /**
+   * Run the fade in animation when the component mounts, if it is initially
+   * shown
+   */
+  appear: PropTypes.bool,
+
+  /**
+   * Duration of the fade animation in milliseconds, to ensure that finishing
+   * callbacks are fired even if the original browser transition end events are
+   * canceled
+   */
+  timeout: PropTypes.number,
+
+  /**
+   * Callback fired before the component fades in
+   */
+  onEnter: PropTypes.func,
+  /**
+   * Callback fired after the component starts to fade in
+   */
+  onEntering: PropTypes.func,
+  /**
+   * Callback fired after the has component faded in
+   */
+  onEntered: PropTypes.func,
+  /**
+   * Callback fired before the component fades out
+   */
+  onExit: PropTypes.func,
+  /**
+   * Callback fired after the component starts to fade out
+   */
+  onExiting: PropTypes.func,
+  /**
+   * Callback fired after the component has faded out
+   */
+  onExited: PropTypes.func,
+};
+
+const defaultProps = {
+  in: false,
+  timeout: 300,
+  mountOnEnter: false,
+  unmountOnExit: false,
+  appear: false,
+};
+
+const fadeStyles = {
+  [ENTERING]: 'in',
+  [ENTERED]: 'in',
+};
+
+class Fade extends React.Component {
+  render() {
+    const { className, children, ...props } = this.props;
+
+    return (
+      <Transition {...props}>
+        {(status, innerProps) =>
+          React.cloneElement(children, {
+            ...innerProps,
+            className: classNames(
+              'fade',
+              className,
+              children.props.className,
+              fadeStyles[status]
+            ),
+          })
+        }
+      </Transition>
+    );
+  }
+}
+
+Fade.propTypes = propTypes;
+Fade.defaultProps = defaultProps;
+
+export default Fade;
@@ -0,0 +1,102 @@
+import classNames from 'classnames';
+import React, { cloneElement } from 'react';
+import PropTypes from 'prop-types';
+import { Overlay as BaseOverlay } from 'react-overlays';
+import elementType from 'prop-types-extra/lib/elementType';
+import { withTranslation } from '../../utils/LanguageProvider';
+
+import Fade from './Fade';
+
+const propTypes = {
+  /**
+   * Set the visibility of the Overlay
+   */
+  show: PropTypes.bool,
+  /**
+   * Specify whether the overlay should trigger onHide when the user clicks outside the overlay
+   */
+  rootClose: PropTypes.bool,
+  /**
+   * A callback invoked by the overlay when it wishes to be hidden. Required if
+   * `rootClose` is specified.
+   */
+  onHide: PropTypes.func,
+
+  /**
+   * Use animation
+   */
+  animation: PropTypes.oneOfType([PropTypes.bool, elementType]),
+
+  /**
+   * Callback fired before the Overlay transitions in
+   */
+  onEnter: PropTypes.func,
+
+  /**
+   * Callback fired as the Overlay begins to transition in
+   */
+  onEntering: PropTypes.func,
+
+  /**
+   * Callback fired after the Overlay finishes transitioning in
+   */
+  onEntered: PropTypes.func,
+
+  /**
+   * Callback fired right before the Overlay transitions out
+   */
+  onExit: PropTypes.func,
+
+  /**
+   * Callback fired as the Overlay begins to transition out
+   */
+  onExiting: PropTypes.func,
+
+  /**
+   * Callback fired after the Overlay finishes transitioning out
+   */
+  onExited: PropTypes.func,
+
+  /**
+   * Sets the direction of the Overlay.
+   */
+  placement: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
+};
+
+const defaultProps = {
+  animation: Fade,
+  rootClose: false,
+  show: false,
+  placement: 'right',
+};
+
+class Overlay extends React.Component {
+  render() {
+    const { animation, children, ...props } = this.props;
+
+    const transition = animation === true ? Fade : animation || null;
+
+    let child;
+
+    if (!transition) {
+      child = cloneElement(children, {
+        className: classNames(children.props.className, 'in'),
+      });
+    } else {
+      child = children;
+    }
+
+    return (
+      <BaseOverlay {...props} transition={transition}>
+        {child}
+      </BaseOverlay>
+    );
+  }
+}
+
+Overlay.propTypes = propTypes;
+Overlay.defaultProps = defaultProps;
+
+const connectedComponent = withTranslation()(Overlay);
+export { connectedComponent as Overlay };
+export default connectedComponent;
@@ -0,0 +1,330 @@
+import contains from 'dom-helpers/query/contains';
+import React, { cloneElement } from 'react';
+import PropTypes from 'prop-types';
+import ReactDOM from 'react-dom';
+import warning from 'warning';
+
+import { Overlay } from './Overlay';
+
+import createChainedFunction from './createChainedFunction';
+
+/**
+ * Check if value one is inside or equal to the of value
+ *
+ * @param {string} one
+ * @param {string|array} of
+ * @returns {boolean}
+ */
+function isOneOf(one, of) {
+  if (Array.isArray(of)) {
+    return of.indexOf(one) >= 0;
+  }
+  return one === of;
+}
+
+const triggerType = PropTypes.oneOf(['click', 'hover', 'focus']);
+
+const propTypes = {
+  /**
+   * Specify which action or actions trigger Overlay visibility
+   */
+  trigger: PropTypes.oneOfType([triggerType, PropTypes.arrayOf(triggerType)]),
+
+  /**
+   * A millisecond delay amount to show and hide the Overlay once triggered
+   */
+  delay: PropTypes.number,
+  /**
+   * A millisecond delay amount before showing the Overlay once triggered.
+   */
+  delayShow: PropTypes.number,
+  /**
+   * A millisecond delay amount before hiding the Overlay once triggered.
+   */
+  delayHide: PropTypes.number,
+
+  // FIXME: This should be `defaultShow`.
+  /**
+   * The initial visibility state of the Overlay. For more nuanced visibility
+   * control, consider using the Overlay component directly.
+   */
+  defaultOverlayShown: PropTypes.bool,
+
+  /**
+   * An element or text to overlay next to the target.
+   */
+  overlay: PropTypes.node.isRequired,
+
+  /**
+   * A function to be called once the hide is triggered
+   */
+  handleHide: PropTypes.func,
+
+  /**
+   * @private
+   */
+  onBlur: PropTypes.func,
+  /**
+   * @private
+   */
+  onClick: PropTypes.func,
+  /**
+   * @private
+   */
+  onFocus: PropTypes.func,
+  /**
+   * @private
+   */
+  onMouseOut: PropTypes.func,
+  /**
+   * @private
+   */
+  onMouseOver: PropTypes.func,
+
+  // Overridden props from `<Overlay>`.
+  /**
+   * @private
+   */
+  target: PropTypes.oneOf([null]),
+  /**
+   * @private
+   */
+  onHide: PropTypes.oneOf([null]),
+  /**
+   * @private
+   */
+  show: PropTypes.oneOf([null]),
+};
+
+const defaultProps = {
+  defaultOverlayShown: false,
+  trigger: ['hover', 'focus'],
+};
+
+class OverlayTrigger extends React.Component {
+  constructor(props, context) {
+    super(props, context);
+
+    this.handleToggle = this.handleToggle.bind(this);
+    this.handleDelayedShow = this.handleDelayedShow.bind(this);
+    this.handleDelayedHide = this.handleDelayedHide.bind(this);
+    this.handleHide = createChainedFunction(
+      this.handleHide.bind(this),
+      props.handleHide
+    );
+
+    this.handleMouseOver = e =>
+      this.handleMouseOverOut(this.handleDelayedShow, e, 'fromElement');
+    this.handleMouseOut = e =>
+      this.handleMouseOverOut(this.handleDelayedHide, e, 'toElement');
+
+    this._mountNode = null;
+
+    this.state = {
+      show: props.defaultOverlayShown,
+    };
+  }
+
+  componentDidMount() {
+    this._mountNode = document.createElement('div');
+    this.renderOverlay();
+  }
+
+  componentDidUpdate() {
+    this.renderOverlay();
+  }
+
+  componentWillUnmount() {
+    ReactDOM.unmountComponentAtNode(this._mountNode);
+    this._mountNode = null;
+
+    clearTimeout(this._hoverShowDelay);
+    clearTimeout(this._hoverHideDelay);
+  }
+
+  handleDelayedHide() {
+    if (this._hoverShowDelay != null) {
+      clearTimeout(this._hoverShowDelay);
+      this._hoverShowDelay = null;
+      return;
+    }
+
+    if (!this.state.show || this._hoverHideDelay != null) {
+      return;
+    }
+
+    const delay =
+      this.props.delayHide != null ? this.props.delayHide : this.props.delay;
+
+    if (!delay) {
+      this.hide();
+      return;
+    }
+
+    this._hoverHideDelay = setTimeout(() => {
+      this._hoverHideDelay = null;
+      this.hide();
+    }, delay);
+  }
+
+  handleDelayedShow() {
+    if (this._hoverHideDelay != null) {
+      clearTimeout(this._hoverHideDelay);
+      this._hoverHideDelay = null;
+      return;
+    }
+
+    if (this.state.show || this._hoverShowDelay != null) {
+      return;
+    }
+
+    const delay =
+      this.props.delayShow != null ? this.props.delayShow : this.props.delay;
+
+    if (!delay) {
+      this.show();
+      return;
+    }
+
+    this._hoverShowDelay = setTimeout(() => {
+      this._hoverShowDelay = null;
+      this.show();
+    }, delay);
+  }
+
+  handleHide() {
+    this.hide();
+  }
+
+  // Simple implementation of mouseEnter and mouseLeave.
+  // React's built version is broken: https://github.com/facebook/react/issues/4251
+  // for cases when the trigger is disabled and mouseOut/Over can cause flicker
+  // moving from one child element to another.
+  handleMouseOverOut(handler, e, relatedNative) {
+    const target = e.currentTarget;
+    const related = e.relatedTarget || e.nativeEvent[relatedNative];
+
+    if ((!related || related !== target) && !contains(target, related)) {
+      handler(e);
+    }
+  }
+
+  handleToggle() {
+    if (this.state.show) {
+      this.hide();
+    } else {
+      this.show();
+    }
+  }
+
+  hide() {
+    this.setState({ show: false });
+  }
+
+  makeOverlay(overlay, props) {
+    return (
+      <Overlay
+        {...props}
+        show={this.state.show}
+        onHide={this.handleHide}
+        target={this}
+      >
+        {overlay}
+      </Overlay>
+    );
+  }
+
+  show() {
+    this.setState({ show: true });
+  }
+
+  renderOverlay() {
+    ReactDOM.unstable_renderSubtreeIntoContainer(
+      this,
+      this._overlay,
+      this._mountNode
+    );
+  }
+
+  render() {
+    const {
+      trigger,
+      overlay,
+      children,
+      onBlur,
+      onClick,
+      onFocus,
+      onMouseOut,
+      onMouseOver,
+      ...props
+    } = this.props;
+
+    delete props.delay;
+    delete props.delayShow;
+    delete props.delayHide;
+    delete props.defaultOverlayShown;
+
+    const child = React.Children.only(children);
+    const childProps = child.props;
+    const triggerProps = {};
+
+    if (this.state.show) {
+      triggerProps['aria-describedby'] = overlay.props.id;
+    }
+
+    // FIXME: The logic here for passing through handlers on this component is
+    // inconsistent. We shouldn't be passing any of these props through.
+
+    triggerProps.onClick = createChainedFunction(childProps.onClick, onClick);
+
+    if (isOneOf('click', trigger)) {
+      triggerProps.onClick = createChainedFunction(
+        triggerProps.onClick,
+        this.handleToggle
+      );
+    }
+
+    if (isOneOf('hover', trigger)) {
+      warning(
+        !(trigger === 'hover'),
+        '[react-bootstrap] Specifying only the `"hover"` trigger limits the ' +
+          'visibility of the overlay to just mouse users. Consider also ' +
+          'including the `"focus"` trigger so that touch and keyboard only ' +
+          'users can see the overlay as well.'
+      );
+
+      triggerProps.onMouseOver = createChainedFunction(
+        childProps.onMouseOver,
+        onMouseOver,
+        this.handleMouseOver
+      );
+      triggerProps.onMouseOut = createChainedFunction(
+        childProps.onMouseOut,
+        onMouseOut,
+        this.handleMouseOut
+      );
+    }
+
+    if (isOneOf('focus', trigger)) {
+      triggerProps.onFocus = createChainedFunction(
+        childProps.onFocus,
+        onFocus,
+        this.handleDelayedShow
+      );
+      triggerProps.onBlur = createChainedFunction(
+        childProps.onBlur,
+        onBlur,
+        this.handleDelayedHide
+      );
+    }
+
+    this._overlay = this.makeOverlay(overlay, props);
+
+    return cloneElement(child, triggerProps);
+  }
+}
+
+OverlayTrigger.propTypes = propTypes;
+OverlayTrigger.defaultProps = defaultProps;
+
+export { OverlayTrigger };
@@ -0,0 +1,84 @@
+---
+name: Overlay Trigger
+menu: Components
+route: /components/overlay-trigger
+---
+
+import { Playground, Props } from 'docz'
+import { Tooltip } from './../../tooltip'
+import { OverlayTrigger } from './../index.js'
+
+# Overlay Trigger
+
+## Basic usage
+
+### On Hover
+
+<Playground>
+
+    <div style={{
+        display: 'flex',
+        justifyContent: 'space-between'
+    }}>
+        {
+        ['right', 'left', 'bottom', 'top'].map((placement) => {
+            return (
+                <React.Fragment key={`example-${placement}`}>
+                <OverlayTrigger
+                    key={`example-${placement}`}
+                    placement={placement}
+                    overlay={
+                    <Tooltip
+                        placement={placement}
+                        className='in'
+                        id={`tooltip-${placement}`}
+                    >
+                        Here I am!
+                    </Tooltip>
+                    }
+                >
+                    <button> Tooltip on {placement}</button>
+                </OverlayTrigger>
+                </React.Fragment>
+            )
+        })
+    }
+    </div>
+
+</Playground>
+
+### On Click
+
+<Playground>
+  <div
+    style={{
+      display: 'flex',
+      justifyContent: 'space-between',
+    }}
+  >
+    {['right', 'left', 'bottom', 'top'].map(placement => {
+      return (
+        <OverlayTrigger
+          key={`example-${placement}`}
+          placement={placement}
+          trigger="click"
+          overlay={
+            <Tooltip
+              placement={placement}
+              className="in"
+              id={`tooltip-${placement}`}
+            >
+              Here I am!
+            </Tooltip>
+          }
+        >
+          <button> Tooltip on {placement}</button>
+        </OverlayTrigger>
+      )
+    })}
+  </div>
+</Playground>
+
+## API
+
+<Props of={OverlayTrigger} />
@@ -0,0 +1,31 @@
+/**
+ * Safe chained function
+ *
+ * Will only create a new function if needed,
+ * otherwise will pass back existing functions or null.
+ *
+ * @param {function} functions to chain
+ * @returns {function|null}
+ */
+function createChainedFunction(...funcs) {
+  return funcs
+    .filter(f => f != null)
+    .reduce((acc, f) => {
+      if (typeof f !== 'function') {
+        throw new Error(
+          'Invalid Argument Type, must only provide functions, undefined, or null.'
+        );
+      }
+
+      if (acc === null) {
+        return f;
+      }
+
+      return function chainedFunction(...args) {
+        acc.apply(this, args);
+        f.apply(this, args);
+      };
+    }, null);
+}
+
+export default createChainedFunction;
@@ -0,0 +1,2 @@
+export { Overlay } from './Overlay.js';
+export { OverlayTrigger } from './OverlayTrigger.js';