@ntbjs/react-components 1.3.0-rc.9 → 2.0.0-rc.3

package/cjs/components/data/Popover/Popover.js

@@ -0,0 +1,102 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var lodash = require('lodash');
+var index$2 = require('../../../node_modules/prop-types/index.js');
+var index = require('../../../node_modules/react/index.js');
+var Popover_styled = require('./Popover.styled.js');
+var maxSize = require('popper-max-size-modifier');
+var index$1 = require('../../../_virtual/index.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var maxSize__default = /*#__PURE__*/_interopDefaultLegacy(maxSize);
+
+const _excluded = ["content", "interactive", "placement", "duration", "trigger", "offset", "arrow", "visible", "contextMenu", "contextMenuSublevel", "children", "modifiers", "maxWidth"];
+const Popover = index["default"].forwardRef(function Popover(_ref, ref) {
+  let {
+      content = 'Tooltip',
+      interactive = true,
+      placement = 'bottom-end',
+      duration = 350,
+      trigger = 'click focus',
+      offset = [0, 8],
+      arrow = true,
+      visible = undefined,
+      contextMenu = false,
+      contextMenuSublevel = false,
+      children,
+      modifiers = [],
+      maxWidth = 'none'
+    } = _ref,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  const errorOffset = index$1.react.exports.useMemo(() => arrow ? 15 : 0, [arrow]);
+  const isControlled = index$1.react.exports.useMemo(() => lodash.isBoolean(visible), [visible]);
+  const handleContextMenuItemClick = () => {
+    document.querySelectorAll('.context-menu-item:not(.opens-sublevel)').forEach(item => item.addEventListener('click', () => {
+      document.querySelectorAll('[data-tippy-root]').forEach(node => {
+        if (node._tippy) {
+          node._tippy.hide();
+        }
+      });
+    }));
+  };
+  return index["default"].createElement("div", null, index["default"].createElement(Popover_styled.Popover, _rollupPluginBabelHelpers["extends"]({
+    ref: ref,
+    content: content,
+    interactive: interactive,
+    placement: contextMenuSublevel ? 'right-start' : placement,
+    duration: duration,
+    animation: 'shift-away-subtle',
+    trigger: isControlled ? undefined : contextMenuSublevel ? 'mouseenter click focus' : trigger,
+    offset: [offset[0], offset[1] + errorOffset],
+    arrow: contextMenu ? false : arrow,
+    visible: visible,
+    popperOptions: {
+      modifiers: [_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, maxSize__default["default"]), {}, {
+        options: {
+          boundary: 'viewport',
+          rootBoundary: 'viewport',
+          padding: 10
+        }
+      }), {
+        name: 'applyMaxSize',
+        enabled: true,
+        phase: 'beforeWrite',
+        requires: ['maxSize'],
+        fn({
+          state
+        }) {
+          const {
+            height
+          } = state.modifiersData.maxSize;
+          state.styles.popper = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, state.styles.popper), {}, {
+            maxHeight: `${height}px`
+          });
+        }
+      }, ...modifiers]
+    },
+    onShown: contextMenu ? handleContextMenuItemClick : undefined,
+    maxWidth: maxWidth
+  }, props), children));
+});
+Popover.propTypes = process.env.NODE_ENV !== "production" ? {
+  content: index$2["default"].oneOfType([index$2["default"].string, index$2["default"].element]).isRequired,
+  interactive: index$2["default"].bool,
+  placement: index$2["default"].oneOf(['top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'auto', 'auto-start', 'auto-end']),
+  duration: index$2["default"].number,
+  trigger: index$2["default"].string,
+  offset: index$2["default"].arrayOf(index$2["default"].number),
+  arrow: index$2["default"].bool,
+  visible: index$2["default"].bool,
+  modifiers: index$2["default"].array,
+  maxWidth: index$2["default"].string,
+  contextMenu: index$2["default"].bool,
+  contextMenuSublevel: index$2["default"].bool,
+  children: index$2["default"].node.isRequired
+} : {};
+var Popover$1 = Popover;
+
+exports["default"] = Popover$1;

package/cjs/components/data/Popover/Popover.styled.js

@@ -0,0 +1,159 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+var polished = require('polished');
+var defaultTheme = require('../../../utils/defaultTheme.js');
+var TippyTooltip = require('@tippyjs/react');
+require('../../../node_modules/tippy.js/dist/tippy.css.js');
+require('../../../node_modules/tippy.js/animations/shift-away-subtle.css.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var TippyTooltip__default = /*#__PURE__*/_interopDefaultLegacy(TippyTooltip);
+
+let _ = t => t,
+  _t,
+  _t2,
+  _t3,
+  _t4;
+const Popover = styled__default["default"](TippyTooltip__default["default"]).attrs(defaultTheme.applyDefaultTheme)(_t || (_t = _`
+  font-family: ${0};
+  font-size: 1rem;
+  font-weight: 400;
+  color: inherit;
+  border-radius: 0;
+  line-height: inherit;
+  max-height: inherit;
+
+  ${0}
+
+  ${0}
+
+  ${0}
+
+  ${0}
+
+  ${0}
+
+  ${0}
+
+  .tippy-content {
+    padding: 0;
+    max-height: inherit;
+
+    > div {
+      max-height: inherit;
+    }
+  }
+
+  .tippy-arrow {
+    ${0}
+  }
+
+  && > .tippy-arrow::before {
+    position: absolute;
+    border-color: transparent;
+    border-style: solid;
+  }
+
+  & > .tippy-arrow::after {
+    content: '';
+    position: absolute;
+    border-color: transparent;
+    border-style: solid;
+  }
+
+  &[data-placement^='top'] {
+    & > .tippy-arrow:before {
+      bottom: -16px;
+      left: -5px;
+      border-width: 15px 13px 0;
+      ${0}
+    }
+
+    & > .tippy-arrow:after {
+      bottom: -15px;
+      left: -5px;
+      border-width: 15px 13px 0;
+      border-top-color: initial;
+      transform-origin: center top;
+    }
+  }
+
+  &[data-placement^='right'] {
+    & > .tippy-arrow:before {
+      bottom: -5px;
+      left: -16px;
+      border-width: 13px 15px 13px 0;
+      ${0}
+    }
+
+    & > .tippy-arrow:after {
+      bottom: -5px;
+      left: -15px;
+      border-width: 13px 15px 13px 0;
+      border-right-color: initial;
+      transform-origin: center top;
+    }
+  }
+
+  &[data-placement^='bottom'] {
+    & > .tippy-arrow:before {
+      top: -16px;
+      left: -5px;
+      border-width: 0 13px 15px 13px;
+      ${0}
+    }
+
+    & > .tippy-arrow:after {
+      top: -14.5px;
+      left: -5px;
+      border-width: 0 13px 15px 13px;
+      border-bottom-color: initial;
+      transform-origin: center top;
+    }
+  }
+
+  &[data-placement^='left'] {
+    & > .tippy-arrow::before {
+      bottom: -5px;
+      right: -16px;
+      border-width: 13px 0 13px 15px;
+      ${0}
+    }
+
+    & > .tippy-arrow::after {
+      bottom: -5px;
+      right: -15px;
+      border-width: 13px 0 13px 15px;
+      border-left-color: initial;
+      transform-origin: center top;
+    }
+  }
+`), props => props.theme.primaryFontFamily, props => props.maxWidth && styled.css(_t2 || (_t2 = _`
+      max-width: ${0};
+    `), props.maxWidth), props => props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white')), props => props.theme.themeProp('box-shadow', `0px 1px 6px -3px ${polished.rgba(props.theme.getColor('black'), 0.7)}`, `0 1px 6px -4px ${props.theme.getColor('black')}`), props => props.theme.themeProp('border', `1px solid ${props.theme.getColor('gray-800')}`, `1px solid ${props.theme.getColor('gray-300')}`), props => props.contextMenu && styled.css(_t3 || (_t3 = _`
+      border-radius: 4px;
+
+      ${0}
+
+      ${0}
+    `), props => props.theme.themeProp('border', 'none', 'none'), props => props.theme.themeProp('box-shadow', `none`, `0 1px 6px ${polished.rgba(props.theme.getColor('gray-900'), 0.3)}`)), props => props.contextMenuSublevel && styled.css(_t4 || (_t4 = _`
+      &[data-placement^='right-start'],
+      &[data-placement^='left-start'] {
+        margin-top: -4px;
+      }
+
+      &[data-placement^='left'] {
+        margin-right: -6px;
+      }
+
+      &[data-placement^='right'] {
+        margin-left: -6px;
+      }
+    `)), props => props.theme.themeProp('color', props.theme.getColor('gray-700'), props.theme.getColor('white'), 1), props => props.theme.themeProp('border-top-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-300'), 1), props => props.theme.themeProp('border-right-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-300'), 1), props => props.theme.themeProp('border-bottom-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-300'), 1), props => props.theme.themeProp('border-left-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-300'), 1));
+
+exports.Popover = Popover;

package/cjs/components/data/Popover/data/Popover/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Popover = require('../../Popover.js');
+
+
+
+exports["default"] = Popover["default"];

package/cjs/components/data/Tab/Tab.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var index$1 = require('../../../node_modules/prop-types/index.js');
+var index = require('../../../node_modules/react/index.js');
+var Tab_styled = require('./Tab.styled.js');
+
+const _excluded = ["children", "hidden"];
+const Tab = index["default"].forwardRef(function Tab(_ref, forwardedRef) {
+  let {
+      children,
+      hidden
+    } = _ref,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  if (hidden) return null;
+  return index["default"].createElement(Tab_styled.Tab, _rollupPluginBabelHelpers["extends"]({
+    ref: forwardedRef
+  }, props), children);
+});
+Tab.propTypes = process.env.NODE_ENV !== "production" ? {
+  children: index$1["default"].any,
+  hidden: index$1["default"].bool
+} : {};
+Tab.defaultProps = {
+  hidden: false
+};
+var Tab$1 = Tab;
+
+exports["default"] = Tab$1;

package/cjs/components/data/Tab/Tab.styled.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+var defaultTheme = require('../../../utils/defaultTheme.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+let _ = t => t,
+  _t;
+const Tab = styled__default["default"].p.attrs(defaultTheme.applyDefaultTheme)(_t || (_t = _`
+  font-family: ${0};
+  font-size: 1rem;
+  font-weight: 500;
+  border-bottom: 1px solid;
+  min-height: 35px;
+`), props => props.theme.primaryFontFamily);
+
+exports.Tab = Tab;

package/cjs/components/data/Tab/data/Tab/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Tab = require('../../Tab.js');
+
+
+
+exports["default"] = Tab["default"];

package/cjs/components/data/Tabs/Tabs.js

@@ -0,0 +1,91 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var lodash = require('lodash');
+var index$2 = require('../../../node_modules/prop-types/index.js');
+var index = require('../../../node_modules/react/index.js');
+var Tabs_styled = require('./Tabs.styled.js');
+var index$1 = require('../../../_virtual/index.js');
+var Tab = require('../Tab/Tab.js');
+
+const _excluded = ["children", "defaultMinHeight", "customPadding"];
+const Tabs = index["default"].forwardRef(function Tabs(_ref, forwardedRef) {
+  let {
+      children,
+      defaultMinHeight,
+      customPadding
+    } = _ref,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  const [activeTab, setActiveTab] = index$1.react.exports.useState(0);
+  const contentRef = index$1.react.exports.useRef(null);
+  const tabs = index$1.react.exports.useMemo(() => {
+    const tabs = [];
+    function extractChildren(children) {
+      index$1.react.exports.Children.forEach(children, (child, index) => {
+        var _child$props2;
+        if (lodash.isNil(child)) {
+          return null;
+        }
+        if (child.type === index$1.react.exports.Fragment) {
+          var _child$props;
+          extractChildren((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.children);
+        }
+        if ((_child$props2 = child.props) !== null && _child$props2 !== void 0 && _child$props2.hidden) {
+          return null;
+        }
+        if (child.type === Tab["default"]) {
+          var _child$props3, _child$props4;
+          tabs.push({
+            key: index,
+            trigger: (_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.trigger,
+            content: (_child$props4 = child.props) === null || _child$props4 === void 0 ? void 0 : _child$props4.children
+          });
+        }
+      });
+    }
+    extractChildren(children);
+    if (!tabs.some(tab => (tab === null || tab === void 0 ? void 0 : tab.key) === activeTab)) {
+      var _tabs$;
+      setActiveTab((_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.key);
+    }
+    return tabs;
+  }, [children]);
+  return index["default"].createElement(Tabs_styled.Tabs, _rollupPluginBabelHelpers["extends"]({
+    ref: forwardedRef
+  }, props, {
+    role: "tablist"
+  }), index["default"].createElement(Tabs_styled.TabHeaders, {
+    customPadding: customPadding
+  }, tabs.map(tab => index["default"].createElement(Tabs_styled.TabHeader, {
+    key: tab.key,
+    hidden: tab.hidden,
+    active: tab.key === activeTab,
+    onClick: () => setActiveTab(tab.key),
+    role: "tab"
+  }, tab.trigger))), index["default"].createElement(Tabs_styled.TabHeaderBorder, {
+    customPadding: customPadding
+  }), index["default"].createElement(Tabs_styled.TabContent, null, tabs.map(tab => index["default"].createElement("div", {
+    ref: tab.key === (activeTab === null || activeTab === void 0 ? void 0 : activeTab.key) ? contentRef : null,
+    key: tab.key,
+    role: "tabpanel",
+    hidden: tab.key !== activeTab,
+    style: {
+      minHeight: !lodash.isEmpty(defaultMinHeight) ? defaultMinHeight : ''
+    }
+  }, tab.content))));
+});
+Tabs.defaultProps = {
+  defaultMinHeight: '',
+  customPadding: 0
+};
+Tabs.propTypes = process.env.NODE_ENV !== "production" ? {
+  children: index$2["default"].oneOfType([index$2["default"].array, index$2["default"].object]),
+  backgroundColor: index$2["default"].string,
+  defaultMinHeight: index$2["default"].string,
+  customPadding: index$2["default"].string
+} : {};
+var Tabs$1 = Tabs;
+
+exports["default"] = Tabs$1;

package/cjs/components/data/Tabs/Tabs.styled.js

@@ -0,0 +1,97 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+var defaultTheme = require('../../../utils/defaultTheme.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+let _ = t => t,
+  _t,
+  _t2,
+  _t3,
+  _t4,
+  _t5,
+  _t6,
+  _t7,
+  _t8,
+  _t9,
+  _t10,
+  _t11;
+const Tabs = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t || (_t = _`
+  display: block;
+  position: relative;
+  ${0};
+`), props => props.backgroundColor && styled.css(_t2 || (_t2 = _`
+      background-color: ${0};
+    `), props.backgroundColor));
+const TabHeaders = styled__default["default"].ul.attrs(defaultTheme.applyDefaultTheme)(_t3 || (_t3 = _`
+  display: flex;
+  overflow-x: auto;
+  overflow-y: hidden;
+  white-space: nowrap;
+  gap: 24px;
+
+  margin: 0;
+  ${0};
+  ${0};
+`), props => !props.customPadding && styled.css(_t4 || (_t4 = _`
+      padding: 0;
+    `)), props => props.customPadding && styled.css(_t5 || (_t5 = _`
+      padding: 0 ${0};
+    `), props.customPadding));
+const TabHeader = styled__default["default"].li.attrs(defaultTheme.applyDefaultTheme)(_t6 || (_t6 = _`
+  font-family: ${0};
+  text-transform: uppercase;
+  font-weight: 600;
+  font-size: 0.875rem;
+  display: flex;
+  padding-bottom: 8px;
+  letter-spacing: 0.6px;
+  cursor: pointer;
+  border-bottom: 1px solid;
+  border-color: transparent;
+  margin-bottom: 1px;
+
+  ${0};
+  &&:hover:not(:focus) {
+    ${0};
+  }
+`), props => props.theme.secondaryFontFamily, props => props.active && styled.css(_t7 || (_t7 = _`
+      ${0}
+    `), props => props.theme.themeProp('border-color', props.theme.getColor('gray-400'), props.theme.getColor('gray-700'))), props => props.theme.themeProp('border-color', () => {
+  if (props.active) {
+    return props.theme.getColor('gray-400');
+  } else {
+    return props.theme.getColor('gray-400');
+  }
+}, () => {
+  if (props.active) {
+    return props.theme.getColor('gray-700');
+  } else {
+    return props.theme.getColor('gray-700');
+  }
+}));
+const TabContent = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t8 || (_t8 = _`
+  display: block;
+`));
+const TabHeaderBorder = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t9 || (_t9 = _`
+  border-top: 1px solid;
+
+  ${0};
+  ${0};
+  ${0};
+`), props => props.theme.themeProp('border-color', props.theme.getColor('gray-600'), '#F0F2F5'), props => !props.customPadding && styled.css(_t10 || (_t10 = _`
+      margin: -2px 0;
+    `)), props => props.customPadding && styled.css(_t11 || (_t11 = _`
+      margin: -2px ${0};
+    `), props.customPadding));
+
+exports.TabContent = TabContent;
+exports.TabHeader = TabHeader;
+exports.TabHeaderBorder = TabHeaderBorder;
+exports.TabHeaders = TabHeaders;
+exports.Tabs = Tabs;

package/cjs/components/data/Tabs/data/Tabs/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Tabs = require('../../Tabs.js');
+
+
+
+exports["default"] = Tabs["default"];

package/cjs/components/data/Tooltip/Tooltip.js

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var index$1 = require('../../../node_modules/prop-types/index.js');
+var index = require('../../../node_modules/react/index.js');
+var Tooltip_styled = require('./Tooltip.styled.js');
+
+const _excluded = ["content", "interactive", "placement", "duration", "trigger", "visible", "children"];
+const Tooltip = index["default"].forwardRef(function Tooltip(_ref, ref) {
+  let {
+      content,
+      interactive,
+      placement,
+      duration,
+      trigger,
+      visible,
+      children
+    } = _ref,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return index["default"].createElement("div", null, index["default"].createElement(Tooltip_styled.Tooltip, _rollupPluginBabelHelpers["extends"]({
+    ref: ref,
+    content: content,
+    interactive: interactive,
+    placement: placement,
+    duration: duration,
+    trigger: trigger,
+    visible: visible,
+    animation: 'shift-away-subtle'
+  }, props), children));
+});
+Tooltip.defaultProps = {
+  content: 'Tooltip',
+  interactive: false,
+  placement: 'top',
+  duration: 350
+};
+Tooltip.propTypes = process.env.NODE_ENV !== "production" ? {
+  content: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].element]).isRequired,
+  interactive: index$1["default"].bool,
+  placement: index$1["default"].oneOf(['top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'auto', 'auto-start', 'auto-end']),
+  duration: index$1["default"].number,
+  trigger: index$1["default"].oneOf(['mouseenter', 'mouseenter focus', 'click', 'focusin', 'mouseenter click', '']),
+  visible: index$1["default"].bool,
+  children: index$1["default"].node
+} : {};
+var Tooltip$1 = Tooltip;
+
+exports["default"] = Tooltip$1;

package/cjs/components/data/Tooltip/Tooltip.styled.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+var defaultTheme = require('../../../utils/defaultTheme.js');
+var TippyTooltip = require('@tippyjs/react');
+require('../../../node_modules/tippy.js/animations/shift-away-subtle.css.js');
+require('../../../node_modules/tippy.js/dist/tippy.css.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var TippyTooltip__default = /*#__PURE__*/_interopDefaultLegacy(TippyTooltip);
+
+let _ = t => t,
+  _t;
+const Tooltip = styled__default["default"](TippyTooltip__default["default"]).attrs(defaultTheme.applyDefaultTheme)(_t || (_t = _`
+  font-family: ${0};
+  font-size: 1rem;
+  font-weight: 400;
+  background: ${0};
+  border-radius: 3px;
+  pointer-events: default !important;
+  .tippy-content {
+    padding: 9px 12px;
+  }
+
+  .tippy-arrow {
+    color: ${0};
+  }
+
+  a {
+    color: inherit;
+  }
+`), props => props.theme.primaryFontFamily, props => props.theme.getColor('gray-700'), props => props.theme.getColor('gray-700'));
+
+exports.Tooltip = Tooltip;

package/cjs/components/data/Tooltip/data/Tooltip/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Tooltip = require('../../Tooltip.js');
+
+
+
+exports["default"] = Tooltip["default"];

package/cjs/components/data/VerificationStatusIcon/VerificationStatusIcon.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var index = require('../../../node_modules/react/index.js');
+var index$1 = require('../../../node_modules/prop-types/index.js');
+var VerificationStatusIcon_styled = require('./VerificationStatusIcon.styled.js');
+var verification = require('../../../icons/verification.svg.js');
+
+const _excluded = ["status", "iconHeight", "background"];
+const VerificationStatusIcon = index["default"].forwardRef(function VerificationStatusIcon(_ref, forwardedRef) {
+  let {
+      status,
+      iconHeight,
+      background
+    } = _ref,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return index["default"].createElement(VerificationStatusIcon_styled.VerificationIconWrapper, {
+    background: background
+  }, index["default"].createElement(VerificationStatusIcon_styled.VerificationStatusIcon, _rollupPluginBabelHelpers["extends"]({
+    iconHeight: iconHeight,
+    background: background,
+    ref: forwardedRef
+  }, props), index["default"].createElement(verification.ReactComponent, null), index["default"].createElement(VerificationStatusIcon_styled.VerificationStatusColor, {
+    iconHeight: iconHeight,
+    status: status,
+    background: background
+  })));
+});
+VerificationStatusIcon.propTypes = process.env.NODE_ENV !== "production" ? {
+  status: index$1["default"].oneOf(['verified', 'pending', 'rejected', 'mixed']).isRequired,
+  iconHeight: index$1["default"].number,
+  background: index$1["default"].bool
+} : {};
+VerificationStatusIcon.defaultProps = {
+  iconHeight: 15,
+  background: false
+};
+var VerificationStatusIcon$1 = VerificationStatusIcon;
+
+exports["default"] = VerificationStatusIcon$1;