aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/index.umd.ts
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-11-01 06:09:12 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-11-02 05:15:30 +0800
commitc2645b26b457c66b3adcb98a5c089eba3e72f458 (patch)
tree5f0a56af898e896fe1040628a4f175bec975ca30 /packages/instant/src/index.umd.ts
parent0955feb0234bc90b7dcf5ad3a308570c9fa5d490 (diff)
downloaddexon-0x-contracts-c2645b26b457c66b3adcb98a5c089eba3e72f458.tar.gz
dexon-0x-contracts-c2645b26b457c66b3adcb98a5c089eba3e72f458.tar.zst
dexon-0x-contracts-c2645b26b457c66b3adcb98a5c089eba3e72f458.zip
feat(instant): add interactive overlay presentation to umd bundle
Diffstat (limited to 'packages/instant/src/index.umd.ts')
-rw-r--r--packages/instant/src/index.umd.ts39
1 files changed, 30 insertions, 9 deletions
diff --git a/packages/instant/src/index.umd.ts b/packages/instant/src/index.umd.ts
index dabd45cae..b12e65485 100644
--- a/packages/instant/src/index.umd.ts
+++ b/packages/instant/src/index.umd.ts
@@ -2,21 +2,42 @@ import * as _ from 'lodash';
import * as React from 'react';
import * as ReactDOM from 'react-dom';
-import { DEFAULT_ZERO_EX_CONTAINER_SELECTOR } from './constants';
-import { ZeroExInstant, ZeroExInstantProps } from './index';
+import { DEFAULT_ZERO_EX_CONTAINER_SELECTOR, INJECTED_DIV_ID } from './constants';
+import { ZeroExInstantOverlay, ZeroExInstantOverlayProps } from './index';
import { assert } from './util/assert';
-export const render = (props: ZeroExInstantProps, selector: string = DEFAULT_ZERO_EX_CONTAINER_SELECTOR) => {
- assert.isHexString('assetData', props.assetData);
- assert.isValidLiquiditySource('liquiditySource', props.liquiditySource);
+export const render = (props: ZeroExInstantOverlayProps, selector: string = DEFAULT_ZERO_EX_CONTAINER_SELECTOR) => {
+ assert.isHexString('props.assetData', props.assetData);
+ assert.isValidLiquiditySource('props.liquiditySource', props.liquiditySource);
if (!_.isUndefined(props.additionalAssetMetaDataMap)) {
- assert.isValidAssetMetaDataMap('additionalAssetMetaDataMap', props.additionalAssetMetaDataMap);
+ assert.isValidAssetMetaDataMap('props.additionalAssetMetaDataMap', props.additionalAssetMetaDataMap);
}
if (!_.isUndefined(props.defaultAssetBuyAmount)) {
- assert.isNumber('defaultAssetBuyAmount', props.defaultAssetBuyAmount);
+ assert.isNumber('props.defaultAssetBuyAmount', props.defaultAssetBuyAmount);
}
if (!_.isUndefined(props.networkId)) {
- assert.isNumber('networkId', props.networkId);
+ assert.isNumber('props.networkId', props.networkId);
}
- ReactDOM.render(React.createElement(ZeroExInstant, props), document.querySelector(selector));
+ if (!_.isUndefined(props.onClose)) {
+ assert.isFunction('props.onClose', props.onClose);
+ }
+ if (!_.isUndefined(props.zIndex)) {
+ assert.isNumber('props.zIndex', props.zIndex);
+ }
+ const appendToIfExists = document.querySelector(selector);
+ assert.assert(!_.isNull(appendToIfExists), `Could not find div with selector: ${selector}`);
+ const appendTo = appendToIfExists as Element;
+ const injectedDiv = document.createElement('div');
+ injectedDiv.setAttribute('id', INJECTED_DIV_ID);
+ appendTo.appendChild(injectedDiv);
+ const instantOverlayProps = {
+ ...props,
+ onClose: () => {
+ appendTo.removeChild(injectedDiv);
+ if (!_.isUndefined(props.onClose)) {
+ props.onClose();
+ }
+ },
+ };
+ ReactDOM.render(React.createElement(ZeroExInstantOverlay, instantOverlayProps), injectedDiv);
};