@ntbjs/react-components 1.3.0-rc.4 → 1.3.0-rc.40

package/CompactTextInput-1a216516.js

@@ -0,0 +1,380 @@
+'use strict';
+
+var defaultTheme = require('./defaultTheme-b6420d7d.js');
+var lodash = require('lodash');
+var nanoid = require('nanoid');
+var React = require('react');
+var editNote = require('./edit-note-cefe2215.js');
+require('./Alert-28de48e1.js');
+require('./Badge-2e008fe7.js');
+var Popover = require('./Popover-8e025dcb.js');
+require('./Tab-74c2bca2.js');
+require('./Tabs-41bd6cc1.js');
+var Tooltip = require('./Tooltip-dbd1bc99.js');
+require('./VerificationStatusIcon-b43db48d.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);
+
+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({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 10"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.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"
+  })));
+}
+
+var fadeIn = styled.keyframes(["from{background-color:", ";}to{background-color:", ";}"], function (props) {
+  return props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)');
+}, function (props) {
+  return props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)');
+});
+var fadeOut = styled.keyframes(["from{background-color:", ";}to{background-color:", ";}"], function (props) {
+  return props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)');
+}, function (props) {
+  return props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)');
+});
+var fadeInCheck = styled.keyframes(["from{opacity:0}to{opacity:1}"]);
+var fadeOutCheck = styled.keyframes(["from{opacity:1}to{opacity:0}"]);
+var linkColor = styled.css(["", ""], function (props) {
+  return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('emerald-500'));
+});
+var commonAnchorTagStyle = styled.css(["a,&&{font-size:0.875rem;text-decoration:underline;}"]);
+var readOnlyBackground = styled.css(["", ""], function (props) {
+  return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
+});
+var CompactTextInput$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "CompactTextInputstyled__CompactTextInput",
+  componentId: "sc-1r3fuy6-0"
+})(["display:flex;align-items:center;height:24px;font-family:", ";"], function (props) {
+  return props.theme.primaryFontFamily;
+});
+var Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "CompactTextInputstyled__Label",
+  componentId: "sc-1r3fuy6-1"
+})(["", ";flex-basis:33.33%;font-size:0.875rem;line-height:1rem;justify-content:space-between;height:19px;display:flex;align-items:center;", ""], function (props) {
+  return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
+}, function (props) {
+  return props.disabled && styled.css(["opacity:0.5;cursor:not-allowed;"]);
+});
+var InputContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "CompactTextInputstyled__InputContainer",
+  componentId: "sc-1r3fuy6-2"
+})(["position:relative;height:19px;flex-basis:", ";"], function (props) {
+  return props.$hasLabel ? '66.66%' : '100%';
+});
+var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "CompactTextInputstyled__SuccessContainer",
+  componentId: "sc-1r3fuy6-3"
+})(["opacity:1;pointer-events:none;display:flex;opacity:", ";animation:", " 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;margin-right:5px;", " > svg{width:13px;}"], function (props) {
+  return props.fadeIn ? 0 : 1;
+}, function (props) {
+  return props.fadeIn ? fadeOutCheck : fadeInCheck;
+}, function (props) {
+  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
+});
+var InputSuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "CompactTextInputstyled__InputSuccessContainer",
+  componentId: "sc-1r3fuy6-4"
+})(["opacity:1;pointer-events:none;display:flex;justify-content:flex-end;opacity:", ";animation:", " 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;position:relative;margin-top:-20px;margin-right:8px;", " > svg{width:13px;}"], function (props) {
+  return props.fadeIn ? 0 : 1;
+}, function (props) {
+  return props.fadeIn ? fadeOutCheck : fadeInCheck;
+}, function (props) {
+  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
+});
+var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "CompactTextInputstyled__InputIconContainer",
+  componentId: "sc-1r3fuy6-5"
+})(["opacity:0;pointer-events:none;border-top-right-radius:3px;border-bottom-right-radius:3px;padding:5px 10px 0 0;", ";display:flex;align-items:center;position:absolute;right:0;top:0;bottom:0;color:", ";", " ", " > svg{width:12px;}"], function (props) {
+  return props.theme.themeProp('background', styled.css(["linear-gradient(-90deg,", " 55%,transparent)"], function (props) {
+    return props.type === 'error' ? '#901d1d' : props.type === 'warning' ? '#816600' : props.theme.getColor('gray-700');
+  }), styled.css(["linear-gradient(-90deg,", " 55%,transparent)"], function (props) {
+    return props.type === 'error' ? '#f7d5d0' : props.type === 'warning' ? '#fffebf' : props.theme.getColor('gray-100');
+  }));
+}, function (props) {
+  return props.theme.getColor('gray-400');
+}, function (props) {
+  return props.type === 'warning' && props.theme.themeProp('color', '#C3AF43', '#C3AF43');
+}, function (props) {
+  return props.type === 'error' && props.theme.themeProp('color', '#CB968F', '#CB968F');
+});
+var Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "CompactTextInputstyled__Input",
+  componentId: "sc-1r3fuy6-6"
+})(["box-sizing:border-box;height:22px;width:100%;display:block;font-size:0.875rem;line-height:1rem;font-family:inherit;padding:1px 10px;border-radius:3px;border:1px solid transparent;", " ", " ", " ", " ", ";", ";", ";", ";&&:not(:hover):not(:focus){", ";", ";", "}&&:hover:not(:focus){", " ", ";", ";", ";", ";", " & + ", "{opacity:1;}}", " ", "}&&:focus{", ";", ";", ";", ";outline:none;", ";", ";}&&::placeholder{color:inherit;opacity:0.6;}", ""], function (props) {
+  return props.readOnly && styled.css(["cursor:default;"]);
+}, function (props) {
+  return props.disabled && styled.css(["opacity:0.5;"]);
+}, function (props) {
+  return props.type === 'success' && styled.css(["animation:", " 0.5s ease-in-out;"], function (props) {
+    return props.type === 'success' ? fadeIn : fadeOut;
+  });
+}, function (props) {
+  return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
+}, function (props) {
+  return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
+}, function (props) {
+  return props.type === 'warning' && props.theme.themeProp('background', '#634E01', '#FFFDE8');
+}, function (props) {
+  return props.type === 'error' && props.theme.themeProp('background', '#7f1b1b', '#FBEAE6');
+}, function (props) {
+  return props.hasLink && styled.css(["&&:not(:focus),&&:read-only{text-decoration:underline;", "}&&:read-only{cursor:default;}"], linkColor);
+}, function (props) {
+  return props.edit && props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
+}, function (props) {
+  return props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)');
+}, function (props) {
+  return props.hasLink && styled.css(["&&:not(:focus),&&:read-only{text-decoration:underline;cursor:default;", "}"], linkColor);
+}, function (props) {
+  return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
+}, function (props) {
+  return props.readOnly && styled.css(["", ""], readOnlyBackground);
+}, function (props) {
+  return props.edit && props.theme.themeProp('border-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
+}, function (props) {
+  return props.type === 'warning' && props.theme.themeProp('background', '#806403', '#FFFEBF');
+}, function (props) {
+  return props.type === 'error' && props.theme.themeProp('background', '#901d1d', '#F7D5D0');
+}, function (props) {
+  return props.hasLink && styled.css(["cursor:pointer;&&:read-only{background:none !important;cursor:default;}"]);
+}, InputIconContainer, function (props) {
+  return props.disabled && styled.css(["background:none !important;cursor:not-allowed;"]);
+}, function (props) {
+  return props.disabled && props.hasLink && styled.css(["background:none !important;cursor:not-allowed !important;"]);
+}, function (props) {
+  return !props.readOnly && props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
+}, function (props) {
+  return props.readOnly && styled.css(["", ""], readOnlyBackground);
+}, function (props) {
+  return props.type === 'error' && !props.readOnly && props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
+}, function (props) {
+  return !props.readOnly && styled.css(["border-color:", ";"], function (props) {
+    return props.theme.getColor('gray-600');
+  });
+}, function (props) {
+  return props.type === 'warning' && styled.css(["", " ", " ", ""], function (props) {
+    return props.theme.themeProp('border-color', '#F4E21E', '#F4E21E');
+  }, props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
+}, function (props) {
+  return props.type === 'error' && styled.css(["", " ", " ", ""], function (props) {
+    return props.theme.themeProp('border-color', '#D83018', '#D83018');
+  }, props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
+}, function (props) {
+  return props.bold && styled.css(["font-size:1rem;font-weight:500;line-height:1.0625;padding-top:3px;padding-bottom:2px;"]);
+});
+var LinkPopoverContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "CompactTextInputstyled__LinkPopoverContainer",
+  componentId: "sc-1r3fuy6-7"
+})(["", " padding:5px 8px;svg{width:18px;margin-right:8px;}"], commonAnchorTagStyle);
+var StyledLink = styled__default["default"].a.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "CompactTextInputstyled__StyledLink",
+  componentId: "sc-1r3fuy6-8"
+})(["", " ", ""], commonAnchorTagStyle, linkColor);
+var ReadOnlyLinkContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "CompactTextInputstyled__ReadOnlyLinkContainer",
+  componentId: "sc-1r3fuy6-9"
+})(["", ";border:1px solid transparent;border-radius:3px;padding:0 10px 1px;"], readOnlyBackground);
+
+var _excluded = ["label", "inputType", "name", "defaultValue", "value", "placeholder", "link", "linkTarget", "linkHandler", "activeLinkHandler", "autoSelect", "readOnly", "disabled", "edit", "type", "descriptionToolTip", "bold", "hidden", "onChange", "onFocus", "onBlur", "loadingIcon", "successIcon"];
+var CompactTextInput = React__default["default"].forwardRef(function CompactTextInput(_ref, forwardedRef) {
+  var label = _ref.label,
+    inputType = _ref.inputType,
+    name = _ref.name,
+    defaultValue = _ref.defaultValue,
+    value = _ref.value,
+    placeholder = _ref.placeholder,
+    link = _ref.link,
+    linkTarget = _ref.linkTarget,
+    linkHandler = _ref.linkHandler,
+    activeLinkHandler = _ref.activeLinkHandler,
+    autoSelect = _ref.autoSelect,
+    readOnly = _ref.readOnly,
+    disabled = _ref.disabled,
+    edit = _ref.edit,
+    type = _ref.type,
+    descriptionToolTip = _ref.descriptionToolTip,
+    bold = _ref.bold,
+    hidden = _ref.hidden,
+    onChangeProp = _ref.onChange,
+    onFocusProp = _ref.onFocus,
+    onBlurProp = _ref.onBlur,
+    loadingIcon = _ref.loadingIcon,
+    successIcon = _ref.successIcon,
+    props = defaultTheme._objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState(nanoid.nanoid()),
+    _useState2 = defaultTheme._slicedToArray(_useState, 1),
+    uniqueId = _useState2[0];
+  var _useState3 = React.useState(),
+    _useState4 = defaultTheme._slicedToArray(_useState3, 2),
+    currentValue = _useState4[0],
+    setCurrentValue = _useState4[1];
+  var _useState5 = React.useState(false),
+    _useState6 = defaultTheme._slicedToArray(_useState5, 2),
+    autoFocus = _useState6[0],
+    setAutoFocus = _useState6[1];
+  var memoizedDescriptionToolTip = React.useMemo(function () {
+    return descriptionToolTip;
+  }, [descriptionToolTip]);
+  React.useEffect(function () {
+    setCurrentValue(value || defaultValue);
+    setAutoFocus(false);
+  }, [value, defaultValue]);
+  var onChange = React.useCallback(function (event) {
+    setCurrentValue(event.target.value);
+    if (!autoFocus) {
+      setAutoFocus(true);
+    }
+    if (lodash.isFunction(onChangeProp)) {
+      onChangeProp(event);
+    }
+  }, [onChangeProp]);
+  var onFocus = React.useCallback(function (event) {
+    if (autoSelect) {
+      event.target.select();
+    }
+    if (lodash.isFunction(onFocusProp)) {
+      onFocusProp(event);
+    }
+  }, [autoSelect, readOnly, onFocusProp]);
+  var onBlur = React.useCallback(function (event) {
+    if (lodash.isFunction(onBlurProp)) {
+      onBlurProp(event);
+    }
+  }, [onBlurProp]);
+  var input = function input() {
+    return React__default["default"].createElement(Input, {
+      ref: forwardedRef,
+      id: uniqueId,
+      key: uniqueId,
+      autoFocus: autoFocus,
+      inputType: inputType,
+      name: name,
+      readOnly: readOnly,
+      disabled: disabled,
+      edit: edit,
+      placeholder: placeholder,
+      defaultValue: defaultValue,
+      value: value,
+      type: type,
+      bold: bold,
+      hasLink: !lodash.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, {
+    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 && input(), memoizedDescriptionToolTip && !link && React__default["default"].createElement("div", null, React__default["default"].createElement(Tooltip.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, {
+    arrow: false,
+    content: React__default["default"].createElement(LinkPopoverContainer, null, activeLinkHandler ? React__default["default"].createElement(StyledLink, {
+      href: link,
+      target: linkTarget,
+      onClick: function onClick(e) {
+        if (activeLinkHandler) {
+          e.preventDefault();
+          linkHandler();
+        }
+      },
+      rel: "noreferrer"
+    }, React__default["default"].createElement(SvgLink, null), currentValue) : React__default["default"].createElement(StyledLink, {
+      href: link,
+      target: linkTarget,
+      rel: "noreferrer"
+    }, React__default["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, {
+    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, {
+    type: type
+  }, React__default["default"].createElement(editNote.SvgEditNote, null)), lodash.isEmpty(label) && React__default["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
+} : {};
+CompactTextInput.defaultProps = {
+  inputType: 'text',
+  autoSelect: true,
+  linkTarget: '_self',
+  bold: false,
+  readOnly: false,
+  descriptionToolTip: '',
+  edit: false,
+  hidden: false,
+  type: '',
+  linkHandler: function linkHandler() {},
+  activeLinkHandler: false,
+  onChange: function onChange() {}
+};
+
+exports.CompactTextInput = CompactTextInput;

package/{ContextMenu-4ec3d9f3.js → ContextMenu-265b13dc.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-ea44e34a.js');
+var defaultTheme = require('./defaultTheme-b6420d7d.js');
 var React = require('react');
 var styled = require('styled-components');
 
@@ -9,16 +9,18 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _templateObject;
-var ContextMenu$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  font-family: ", ";\n  padding: 3px 0;\n"])), function (props) {
+var ContextMenu$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "ContextMenustyled__ContextMenu",
+  componentId: "sc-1v876xv-0"
+})(["font-family:", ";padding:3px 0;"], function (props) {
   return props.theme.primaryFontFamily;
 });
 
-var ContextMenu = React__default['default'].forwardRef(function ContextMenu(_ref, forwardedRef) {
+var _excluded = ["children"];
+var ContextMenu = React__default["default"].forwardRef(function ContextMenu(_ref, forwardedRef) {
   var children = _ref.children,
-      props = defaultTheme._objectWithoutProperties(_ref, ["children"]);
-
-  return React__default['default'].createElement(ContextMenu$1, defaultTheme._extends({
+    props = defaultTheme._objectWithoutProperties(_ref, _excluded);
+  return React__default["default"].createElement(ContextMenu$1, defaultTheme._extends({
     ref: forwardedRef
   }, props, {
     role: "menu"

package/ContextMenuItem-9008feb7.js

@@ -0,0 +1,114 @@
+'use strict';
+
+var defaultTheme = require('./defaultTheme-b6420d7d.js');
+var React = require('react');
+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);
+
+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 SvgTriangleRight(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 10 20"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "currentColor",
+    d: "M0 20V0l10 10L0 20z"
+  })));
+}
+
+var ContextMenuItem$1 = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "ContextMenuItemstyled__ContextMenuItem",
+  componentId: "sc-16xi8ez-0"
+})(["align-items:center;cursor:pointer;display:flex;font-family:", ";font-size:0.875rem;font-weight:normal;height:31px;min-width:160px;padding:", ";", " ", " ", " :not(:last-of-type){border-bottom:1px solid;", "}:last-of-type{height:32px;}&:hover{cursor:pointer;", "}", " ", ""], function (props) {
+  return props.theme.primaryFontFamily;
+}, function (props) {
+  return props.opensSublevel ? '0 8px' : '0 28px 0 8px';
+}, function (props) {
+  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
+}, function (props) {
+  return props.theme.themeProp('background-color', props.theme.getColor('gray-700'), '#FEFEFE');
+}, function (props) {
+  return !props.icon && styled.css(["padding-left:28px;"]);
+}, function (props) {
+  return props.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200'));
+}, function (props) {
+  return props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200'));
+}, function (props) {
+  return props.hoverColors && props.hoverColors[0] && props.hoverColors[1] && styled.css(["&&:hover{", "}"], function (props) {
+    return props.theme.themeProp('color', props.hoverColors[0], props.hoverColors[1]);
+  });
+}, function (props) {
+  return props.hoverBackgroundColors && props.hoverBackgroundColors[0] && props.hoverBackgroundColors[1] && styled.css(["&&:hover{", "}"], function (props) {
+    return props.theme.themeProp('background-color', props.hoverBackgroundColors[0], props.hoverBackgroundColors[1]);
+  });
+});
+var IconContainer = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "ContextMenuItemstyled__IconContainer",
+  componentId: "sc-16xi8ez-1"
+})(["align-items:center;display:flex;height:fit-content;max-width:12px;margin-right:8px;svg{height:12px;}"]);
+var SublevelIconContainer = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "ContextMenuItemstyled__SublevelIconContainer",
+  componentId: "sc-16xi8ez-2"
+})(["align-items:center;display:flex;height:fit-content;max-width:12px;margin-left:auto;margin-right:8px;padding-left:24px;svg{height:12px;}"]);
+
+var _excluded = ["title", "icon", "onClickEffect", "opensSublevel", "hoverColors", "hoverBackgroundColors"];
+var ContextMenuItem = React__default["default"].forwardRef(function ContextMenuItem(_ref, forwardedRef) {
+  var title = _ref.title,
+    icon = _ref.icon,
+    onClickEffect = _ref.onClickEffect,
+    opensSublevel = _ref.opensSublevel,
+    hoverColors = _ref.hoverColors,
+    hoverBackgroundColors = _ref.hoverBackgroundColors,
+    props = defaultTheme._objectWithoutProperties(_ref, _excluded);
+  return React__default["default"].createElement(ContextMenuItem$1, defaultTheme._extends({
+    ref: forwardedRef,
+    icon: icon,
+    onClick: onClickEffect,
+    hoverColors: hoverColors,
+    hoverBackgroundColors: hoverBackgroundColors,
+    opensSublevel: opensSublevel,
+    className: opensSublevel ? 'context-menu-item opens-sublevel' : 'context-menu-item'
+  }, props, {
+    role: "menuitem"
+  }), icon && React__default["default"].createElement(IconContainer, null, icon), React__default["default"].createElement("span", null, title), opensSublevel && React__default["default"].createElement(SublevelIconContainer, null, React__default["default"].createElement(SvgTriangleRight, null)));
+});
+ContextMenuItem.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: defaultTheme.PropTypes.string.isRequired,
+  icon: defaultTheme.PropTypes.element,
+  onClickEffect: defaultTheme.PropTypes.func,
+  opensSublevel: defaultTheme.PropTypes.bool,
+  hoverColors: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.string),
+  hoverBackgroundColors: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.string)
+} : {};
+ContextMenuItem.defaultProps = {
+  icon: undefined,
+  hoverColors: undefined,
+  hoverBackgroundColors: undefined,
+  opensSublevel: false
+};
+
+exports.ContextMenuItem = ContextMenuItem;

package/{InputGroup-49fbc423.js → InputGroup-daac9ea0.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-ea44e34a.js');
+var defaultTheme = require('./defaultTheme-b6420d7d.js');
 var React = require('react');
 var styled = require('styled-components');
 
@@ -9,14 +9,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _templateObject;
-var InputGroup$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  margin: 8px 0;\n"])));
+var InputGroup$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "InputGroupstyled__InputGroup",
+  componentId: "sc-6p2xv7-0"
+})(["margin:8px 0;"]);
 
-var InputGroup = React__default['default'].forwardRef(function InputGroup(_ref, forwardedRef) {
+var _excluded = ["children"];
+var InputGroup = React__default["default"].forwardRef(function InputGroup(_ref, forwardedRef) {
   var children = _ref.children,
-      props = defaultTheme._objectWithoutProperties(_ref, ["children"]);
-
-  return React__default['default'].createElement(InputGroup$1, defaultTheme._extends({
+    props = defaultTheme._objectWithoutProperties(_ref, _excluded);
+  return React__default["default"].createElement(InputGroup$1, defaultTheme._extends({
     ref: forwardedRef
   }, props), children);
 });