@ntbjs/react-components 2.0.0-rc.26 → 2.0.0-rc.27

package/build/{CompactTextInput-d56aec71.js → CompactTextInput-42ca5d42.js}

@@ -1,56 +1,31 @@
-'use strict';
-
-var lodash = require('lodash');
-var nanoid = require('nanoid');
-var defaultTheme = require('./defaultTheme-d9a7342e.js');
-var React = require('react');
-var editNote = require('./edit-note-cefe2215.js');
-require('./Alert-8a511bdc.js');
-require('./Badge-aa4cd9c1.js');
-var Popover = require('./Popover-c4be47ea.js');
-require('./Tab-ccbca1f2.js');
-require('./Tabs-b06c0e24.js');
-var Tooltip = require('./Tooltip-d5882b82.js');
-require('./VerificationStatusIcon-9876b68f.js');
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+import { isFunction, isEmpty } from 'lodash';
+import { nanoid } from 'nanoid';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
+import * as React from 'react';
+import React__default, { useState, useMemo, useEffect, useCallback } from 'react';
+import { S as SvgEditNote } from './edit-note-283a0e15.js';
+import './Alert-e6847a22.js';
+import './Badge-d93586a9.js';
+import { P as Popover } from './Popover-20050b91.js';
+import './Tab-04d435c3.js';
+import './Tabs-74d1ea8a.js';
+import { T as Tooltip } from './Tooltip-c1d1199e.js';
+import './VerificationStatusIcon-49cb1c1b.js';
+import styled, { keyframes, css } from 'styled-components';
 
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function SvgLink(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 10"
-  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
     d: "M9 10H5c-1.38 0-2.56-.49-3.54-1.46S0 6.39 0 5s.49-2.56 1.46-3.54S3.62 0 5 0h4v2H5c-.83 0-1.54.29-2.13.88s-.88 1.29-.88 2.13.29 1.54.88 2.13 1.29.88 2.13.88h4v2zM6 6V4h8v2H6zm5 4V8h4c.83 0 1.54-.29 2.13-.88s.88-1.29.88-2.13-.29-1.54-.88-2.13-1.29-.88-2.13-.88h-4V0h4c1.38 0 2.56.49 3.54 1.46S20 3.61 20 5s-.49 2.56-1.46 3.54S16.39 10 15 10h-4z"
   })));
 }
 
-const fadeIn = styled.keyframes`
+const fadeIn = keyframes`
   from {
     background-color: ${props => props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)')};
   }
@@ -58,7 +33,7 @@ const fadeIn = styled.keyframes`
     background-color: ${props => props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)')};
   }
 `;
-const fadeOut = styled.keyframes`
+const fadeOut = keyframes`
   from {
     background-color: ${props => props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)')};
   }
@@ -66,7 +41,7 @@ const fadeOut = styled.keyframes`
     background-color: ${props => props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)')};
   }
 `;
-const fadeInCheck = styled.keyframes`
+const fadeInCheck = keyframes`
   from {
     opacity: 0
   }
@@ -74,7 +49,7 @@ const fadeInCheck = styled.keyframes`
     opacity: 1
   }
 `;
-const fadeOutCheck = styled.keyframes`
+const fadeOutCheck = keyframes`
   from {
     opacity: 1
   }
@@ -82,31 +57,31 @@ const fadeOutCheck = styled.keyframes`
     opacity: 0
   }
 `;
-const linkColor = styled.css`
+const linkColor = css`
   ${props => props.theme.themeProp('color', '#ACCDC3', props.theme.getColor('emerald-500'))}
-  ${props => !props.disabled && styled.css`
+  ${props => !props.disabled && css`
       &:hover {
         text-decoration: underline;
       }
     `}
 `;
-const commonAnchorTagStyle = styled.css`
+const commonAnchorTagStyle = css`
   a,
   && {
     font-size: 0.875rem;
     text-decoration: none;
   }
 `;
-const readOnlyBackground = styled.css`
+const readOnlyBackground = css`
   ${props => props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'))}
 `;
-const CompactTextInput$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const CompactTextInput$1 = styled.div.attrs(applyDefaultTheme)`
   display: flex;
   align-items: center;
   height: 24px;
   font-family: ${props => props.theme.primaryFontFamily};
 `;
-const Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)`
+const Label = styled.label.attrs(applyDefaultTheme)`
   ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))};
   flex-basis: 33.33%;
   font-size: 0.875rem;
@@ -115,17 +90,17 @@ const Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTh
   height: 19px;
   display: flex;
   align-items: center;
-  ${props => props.disabled && styled.css`
+  ${props => props.disabled && css`
       opacity: 0.5;
       cursor: not-allowed;
     `}
 `;
-const InputContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const InputContainer = styled.div.attrs(applyDefaultTheme)`
   position: relative;
   height: 19px;
   flex-basis: ${props => props.$hasLabel ? '66.66%' : '100%'};
 `;
-const SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const SuccessContainer = styled.div.attrs(applyDefaultTheme)`
   opacity: 1;
   pointer-events: none;
   display: flex;
@@ -138,7 +113,7 @@ const SuccessContainer = styled__default["default"].div.attrs(defaultTheme.apply
     width: 13px;
   }
 `;
-const InputSuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const InputSuccessContainer = styled.div.attrs(applyDefaultTheme)`
   opacity: 1;
   pointer-events: none;
   display: flex;
@@ -154,17 +129,17 @@ const InputSuccessContainer = styled__default["default"].div.attrs(defaultTheme.
     width: 13px;
   }
 `;
-const InputIconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const InputIconContainer = styled.div.attrs(applyDefaultTheme)`
   opacity: 0;
   pointer-events: none;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
   padding: 5px 10px 0 0;
-  ${props => props.theme.themeProp('background', styled.css`
+  ${props => props.theme.themeProp('background', css`
         linear-gradient(-90deg,
         ${props => props.type === 'error' ? '#901d1d' : props.type === 'warning' ? '#816600' : props.theme.getColor('gray-700')} 55%,
         transparent)
-      `, styled.css`
+      `, css`
         linear-gradient(-90deg,
         ${props => props.type === 'error' ? '#f7d5d0' : props.type === 'warning' ? '#fffebf' : props.theme.getColor('gray-100')} 55%,
         transparent)
@@ -186,7 +161,7 @@ const InputIconContainer = styled__default["default"].div.attrs(defaultTheme.app
     width: 12px;
   }
 `;
-const Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultTheme)`
+const Input = styled.input.attrs(applyDefaultTheme)`
   box-sizing: border-box;
   height: 22px;
   width: 100%;
@@ -200,11 +175,11 @@ const Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultTh
 
 ${props => {
   if (props.type === 'error') {
-    return styled.css`
+    return css`
       ${props.theme.themeProp('background', '#7f1b1b', '#FEE2E2')} !important;
     `;
   } else if (props.type === 'warning') {
-    return styled.css`
+    return css`
       ${props.theme.themeProp('background', '#634E01', '#FFFDE8')} !important;
     `;
   } else {
@@ -212,15 +187,15 @@ ${props => {
   }
 }}
 
-  ${props => props.readOnly && styled.css`
+  ${props => props.readOnly && css`
       cursor: default;
     `}
 
-  ${props => props.disabled && styled.css`
+  ${props => props.disabled && css`
       opacity: 0.5;
     `}
 
-  ${props => props.type === 'success' && styled.css`
+  ${props => props.type === 'success' && css`
       animation: ${props => props.type === 'success' ? fadeIn : fadeOut} 0.5s ease-in-out;
     `}
 
@@ -231,7 +206,7 @@ ${props => {
       
    
 
-      ${props => props.hasLink && styled.css`
+      ${props => props.hasLink && css`
           &&:not(:focus),
           &&:read-only {
             ${linkColor}
@@ -262,7 +237,7 @@ ${props => {
 
     ${props => props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)')};
     
-    ${props => props.hasLink && styled.css`
+    ${props => props.hasLink && css`
         &&:not(:focus),
         &&:read-only {
           cursor: default;
@@ -275,7 +250,7 @@ ${props => {
 
     ${props => props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'))}
 
-    ${props => props.readOnly && styled.css`
+    ${props => props.readOnly && css`
         ${readOnlyBackground}
       `};
 
@@ -286,7 +261,7 @@ ${props => {
     ${props => props.type === 'error' && props.theme.themeProp('background', '#901d1d', '#F7D5D0')};
 
 
-    ${props => props.hasLink && styled.css`
+    ${props => props.hasLink && css`
         cursor: pointer;
         &&:read-only {
           background: none !important;
@@ -299,11 +274,11 @@ ${props => {
       }
   }
 
-    ${props => props.disabled && styled.css`
+    ${props => props.disabled && css`
         background: none !important;
         cursor: not-allowed;
       `}
-      ${props => props.disabled && props.hasLink && styled.css`
+      ${props => props.disabled && props.hasLink && css`
           background: none !important;
           cursor: not-allowed !important;
         `}
@@ -313,24 +288,24 @@ ${props => {
   &&:focus {
     ${props => !props.readOnly && props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'))};
 
-      ${props => props.readOnly && styled.css`
+      ${props => props.readOnly && css`
           ${readOnlyBackground}
         `};
     
     ${props => props.type === 'error' && !props.readOnly && props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'))};
 
-    ${props => !props.readOnly && styled.css`
+    ${props => !props.readOnly && css`
         border-color: ${props => props.theme.getColor('gray-600')};
       `};
     outline: none;
 
-    ${props => props.type === 'warning' && styled.css`
+    ${props => props.type === 'warning' && css`
         ${props => props.theme.themeProp('border-color', '#F4E21E', '#F4E21E')}
         ${props.theme.themeProp('background', 'white', 'white')}
         ${props.theme.themeProp('color', 'black', 'black')}
       `};
 
-    ${props => props.type === 'error' && styled.css`
+    ${props => props.type === 'error' && css`
         ${props => props.theme.themeProp('border-color', '#D83018', '#D83018')}
         ${props.theme.themeProp('background', 'white', 'white')}
         ${props.theme.themeProp('color', 'black', 'black')}
@@ -342,7 +317,7 @@ ${props => {
     opacity: 0.6;
   }
 
-  ${props => props.bold && styled.css`
+  ${props => props.bold && css`
       font-size: 1rem;
       font-weight: 500;
       line-height: 1.0625;
@@ -350,7 +325,7 @@ ${props => {
       padding-bottom: 2px;
     `}
 `;
-const LinkPopoverContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const LinkPopoverContainer = styled.div.attrs(applyDefaultTheme)`
   ${commonAnchorTagStyle}
 
   padding: 5px 8px;
@@ -360,18 +335,18 @@ const LinkPopoverContainer = styled__default["default"].div.attrs(defaultTheme.a
     margin-right: 8px;
   }
 `;
-const StyledLink = styled__default["default"].a.attrs(defaultTheme.applyDefaultTheme)`
+const StyledLink = styled.a.attrs(applyDefaultTheme)`
   ${commonAnchorTagStyle}
   ${linkColor}
 `;
-const ReadOnlyLinkContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const ReadOnlyLinkContainer = styled.div.attrs(applyDefaultTheme)`
   ${readOnlyBackground};
   border: 1px solid transparent;
   border-radius: 3px;
   padding: 0 10px 1px;
 `;
 
-const CompactTextInput = React__default["default"].forwardRef(function CompactTextInput({
+const CompactTextInput = React__default.forwardRef(function CompactTextInput({
   label,
   inputType,
   name,
@@ -397,40 +372,40 @@ const CompactTextInput = React__default["default"].forwardRef(function CompactTe
   successIcon,
   ...props
 }, forwardedRef) {
-  const [uniqueId] = React.useState(nanoid.nanoid());
-  const [currentValue, setCurrentValue] = React.useState();
-  const [autoFocus, setAutoFocus] = React.useState(false);
-  const memoizedDescriptionToolTip = React.useMemo(() => {
+  const [uniqueId] = useState(nanoid());
+  const [currentValue, setCurrentValue] = useState();
+  const [autoFocus, setAutoFocus] = useState(false);
+  const memoizedDescriptionToolTip = useMemo(() => {
     return descriptionToolTip;
   }, [descriptionToolTip]);
-  React.useEffect(() => {
+  useEffect(() => {
     setCurrentValue(value || defaultValue);
     setAutoFocus(false);
   }, [value, defaultValue]);
-  const onChange = React.useCallback(event => {
+  const onChange = useCallback(event => {
     setCurrentValue(event.target.value);
     if (!autoFocus) {
       setAutoFocus(true);
     }
-    if (lodash.isFunction(onChangeProp)) {
+    if (isFunction(onChangeProp)) {
       onChangeProp(event);
     }
   }, [onChangeProp]);
-  const onFocus = React.useCallback(event => {
+  const onFocus = useCallback(event => {
     if (autoSelect) {
       event.target.select();
     }
-    if (lodash.isFunction(onFocusProp)) {
+    if (isFunction(onFocusProp)) {
       onFocusProp(event);
     }
   }, [autoSelect, readOnly, onFocusProp]);
-  const onBlur = React.useCallback(event => {
-    if (lodash.isFunction(onBlurProp)) {
+  const onBlur = useCallback(event => {
+    if (isFunction(onBlurProp)) {
       onBlurProp(event);
     }
   }, [onBlurProp]);
   const input = () => {
-    return React__default["default"].createElement(Input, {
+    return React__default.createElement(Input, {
       ref: forwardedRef,
       id: uniqueId,
       key: uniqueId,
@@ -445,27 +420,27 @@ const CompactTextInput = React__default["default"].forwardRef(function CompactTe
       value: value,
       type: type,
       bold: bold,
-      hasLink: !lodash.isEmpty(link),
+      hasLink: !isEmpty(link),
       onFocus: onFocus,
       onChange: onChange,
       onBlur: onBlur
     });
   };
   if (hidden) return null;
-  return React__default["default"].createElement(CompactTextInput$1, props, label && React__default["default"].createElement(Label, {
+  return React__default.createElement(CompactTextInput$1, props, label && React__default.createElement(Label, {
     htmlFor: uniqueId,
     disabled: disabled
-  }, label, React__default["default"].createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default["default"].createElement(InputContainer, {
-    $hasLabel: !lodash.isEmpty(label)
-  }, !memoizedDescriptionToolTip && !link && React__default["default"].createElement("div", null, input()), memoizedDescriptionToolTip && !link && React__default["default"].createElement("div", null, React__default["default"].createElement(Tooltip.Tooltip, {
+  }, label, React__default.createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default.createElement(InputContainer, {
+    $hasLabel: !isEmpty(label)
+  }, !memoizedDescriptionToolTip && !link && React__default.createElement("div", null, input()), memoizedDescriptionToolTip && !link && React__default.createElement("div", null, React__default.createElement(Tooltip, {
     content: memoizedDescriptionToolTip,
     key: "tooltip1",
     placement: "bottom-end",
     trigger: 'mouseenter',
     zIndex: 999999
-  }, input())), link && !readOnly && React__default["default"].createElement("div", null, React__default["default"].createElement(Popover.Popover, {
+  }, input())), link && !readOnly && React__default.createElement("div", null, React__default.createElement(Popover, {
     arrow: false,
-    content: React__default["default"].createElement(LinkPopoverContainer, null, activeLinkHandler ? React__default["default"].createElement(StyledLink, {
+    content: React__default.createElement(LinkPopoverContainer, null, activeLinkHandler ? React__default.createElement(StyledLink, {
       href: link,
       target: linkTarget,
       onClick: e => {
@@ -475,53 +450,53 @@ const CompactTextInput = React__default["default"].forwardRef(function CompactTe
         }
       },
       rel: "noreferrer"
-    }, React__default["default"].createElement(SvgLink, null), currentValue) : React__default["default"].createElement(StyledLink, {
+    }, React__default.createElement(SvgLink, null), currentValue) : React__default.createElement(StyledLink, {
       href: link,
       target: linkTarget,
       rel: "noreferrer"
-    }, React__default["default"].createElement(SvgLink, null), currentValue)),
+    }, React__default.createElement(SvgLink, null), currentValue)),
     key: "tooltip2",
     placement: "bottom-start",
     trigger: "focusin",
     zIndex: 999999,
     interactive: true
-  }, input())), link && readOnly && React__default["default"].createElement(ReadOnlyLinkContainer, null, React__default["default"].createElement(StyledLink, {
+  }, input())), link && readOnly && React__default.createElement(ReadOnlyLinkContainer, null, React__default.createElement(StyledLink, {
     href: link,
     rel: "noreferrer",
     style: {
       display: 'inline-block'
     },
     target: linkTarget
-  }, currentValue)), !readOnly && !disabled && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(InputIconContainer, {
+  }, currentValue)), !readOnly && !disabled && React__default.createElement(React__default.Fragment, null, React__default.createElement(InputIconContainer, {
     type: type
-  }, React__default["default"].createElement(editNote.SvgEditNote, null)), lodash.isEmpty(label) && React__default["default"].createElement(InputSuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon))));
+  }, React__default.createElement(SvgEditNote, null)), isEmpty(label) && React__default.createElement(InputSuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon))));
 });
 CompactTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
-  label: defaultTheme.PropTypes.string,
-  success: defaultTheme.PropTypes.bool,
-  inputType: defaultTheme.PropTypes.string,
-  name: defaultTheme.PropTypes.string,
-  defaultValue: defaultTheme.PropTypes.string,
-  value: defaultTheme.PropTypes.string,
-  placeholder: defaultTheme.PropTypes.string,
-  link: defaultTheme.PropTypes.string,
-  linkTarget: defaultTheme.PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
-  linkHandler: defaultTheme.PropTypes.func,
-  activeLinkHandler: defaultTheme.PropTypes.bool,
-  autoSelect: defaultTheme.PropTypes.bool,
-  readOnly: defaultTheme.PropTypes.bool,
-  disabled: defaultTheme.PropTypes.bool,
-  edit: defaultTheme.PropTypes.bool,
-  warning: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
-  bold: defaultTheme.PropTypes.bool,
-  hidden: defaultTheme.PropTypes.bool,
-  onChange: defaultTheme.PropTypes.func,
-  onFocus: defaultTheme.PropTypes.func,
-  onBlur: defaultTheme.PropTypes.func,
-  type: defaultTheme.PropTypes.oneOf(['', 'error', 'warning', 'loading', 'success']),
-  descriptionToolTip: defaultTheme.PropTypes.string,
-  loadingIcon: defaultTheme.PropTypes.element,
-  successIcon: defaultTheme.PropTypes.element
+  label: PropTypes.string,
+  success: PropTypes.bool,
+  inputType: PropTypes.string,
+  name: PropTypes.string,
+  defaultValue: PropTypes.string,
+  value: PropTypes.string,
+  placeholder: PropTypes.string,
+  link: PropTypes.string,
+  linkTarget: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
+  linkHandler: PropTypes.func,
+  activeLinkHandler: PropTypes.bool,
+  autoSelect: PropTypes.bool,
+  readOnly: PropTypes.bool,
+  disabled: PropTypes.bool,
+  edit: PropTypes.bool,
+  warning: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+  bold: PropTypes.bool,
+  hidden: PropTypes.bool,
+  onChange: PropTypes.func,
+  onFocus: PropTypes.func,
+  onBlur: PropTypes.func,
+  type: PropTypes.oneOf(['', 'error', 'warning', 'loading', 'success']),
+  descriptionToolTip: PropTypes.string,
+  loadingIcon: PropTypes.element,
+  successIcon: PropTypes.element
 } : {};
 CompactTextInput.defaultProps = {
   inputType: 'text',
@@ -538,4 +513,4 @@ CompactTextInput.defaultProps = {
   onChange: () => {}
 };
 
-exports.CompactTextInput = CompactTextInput;
+export { CompactTextInput as C };

package/build/InputGroup-1294d190.js

@@ -0,0 +1,23 @@
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
+import React__default from 'react';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
+import styled from 'styled-components';
+
+const InputGroup$1 = styled.div.attrs(applyDefaultTheme)`
+  margin: 8px 0;
+`;
+
+const InputGroup = React__default.forwardRef(function InputGroup({
+  children,
+  ...props
+}, forwardedRef) {
+  return React__default.createElement(InputGroup$1, _extends({
+    ref: forwardedRef
+  }, props), children);
+});
+InputGroup.propTypes = process.env.NODE_ENV !== "production" ? {
+  children: PropTypes.node
+} : {};
+InputGroup.defaultProps = {};
+
+export { InputGroup as I };