@ntbjs/react-components 1.2.0-rc.81 → 1.2.0-rc.83

package/{ContextMenu-4ec3d9f3.js → ContextMenu-4eb8fdc5.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-ea44e34a.js');
+var defaultTheme = require('./defaultTheme-cd01e6c2.js');
 var React = require('react');
 var styled = require('styled-components');
 
@@ -10,15 +10,15 @@ 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)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  font-family: ", ";\n  padding: 3px 0;\n"])), 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-ba2b697e.js → ContextMenuItem-c536b460.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-ea44e34a.js');
+var defaultTheme = require('./defaultTheme-cd01e6c2.js');
 var React = require('react');
 var styled = require('styled-components');
 
@@ -15,14 +15,12 @@ function _interopNamespace(e) {
         var d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: function () {
-            return e[k];
-          }
+          get: function () { return e[k]; }
         });
       }
     });
   }
-  n['default'] = e;
+  n["default"] = e;
   return Object.freeze(n);
 }
 
@@ -30,22 +28,20 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var _ref = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "currentColor",
-  d: "M0 20V0l10 10L0 20z"
-});
-
+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), _ref);
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "currentColor",
+    d: "M0 20V0l10 10L0 20z"
+  })));
 }
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-var ContextMenuItem$1 = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  font-family: ", ";\n  font-size: 0.875rem;\n  font-weight: normal;\n  height: 31px;\n  min-width: 160px;\n  padding: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n\n  :not(:last-of-type) {\n    border-bottom: 1px solid;\n\n    ", "\n  }\n\n  :last-of-type {\n    height: 32px;\n  }\n\n  &:hover {\n    cursor: pointer;\n\n    ", "\n  }\n\n  ", "\n\n  ", "\n"])), function (props) {
+var ContextMenuItem$1 = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  font-family: ", ";\n  font-size: 0.875rem;\n  font-weight: normal;\n  height: 31px;\n  min-width: 160px;\n  padding: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n\n  :not(:last-of-type) {\n    border-bottom: 1px solid;\n\n    ", "\n  }\n\n  :last-of-type {\n    height: 32px;\n  }\n\n  &:hover {\n    cursor: pointer;\n\n    ", "\n  }\n\n  ", "\n\n  ", "\n"])), function (props) {
   return props.theme.primaryFontFamily;
 }, function (props) {
   return props.opensSublevel ? '0 8px' : '0 28px 0 8px';
@@ -68,19 +64,19 @@ var ContextMenuItem$1 = styled__default['default'].span.attrs(defaultTheme.apply
     return props.theme.themeProp('background-color', props.hoverBackgroundColors[0], props.hoverBackgroundColors[1]);
   });
 });
-var IconContainer = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n  height: fit-content;\n  max-width: 12px;\n  margin-right: 8px;\n\n  svg {\n    height: 12px;\n  }\n"])));
-var SublevelIconContainer = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n  height: fit-content;\n  max-width: 12px;\n  margin-left: auto;\n  margin-right: 8px;\n  padding-left: 24px;\n\n  svg {\n    height: 12px;\n  }\n"])));
+var IconContainer = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n  height: fit-content;\n  max-width: 12px;\n  margin-right: 8px;\n\n  svg {\n    height: 12px;\n  }\n"])));
+var SublevelIconContainer = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n  height: fit-content;\n  max-width: 12px;\n  margin-left: auto;\n  margin-right: 8px;\n  padding-left: 24px;\n\n  svg {\n    height: 12px;\n  }\n"])));
 
-var ContextMenuItem = React__default['default'].forwardRef(function ContextMenuItem(_ref, forwardedRef) {
+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, ["title", "icon", "onClickEffect", "opensSublevel", "hoverColors", "hoverBackgroundColors"]);
-
-  return React__default['default'].createElement(ContextMenuItem$1, defaultTheme._extends({
+    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,
@@ -90,7 +86,7 @@ var ContextMenuItem = React__default['default'].forwardRef(function ContextMenuI
     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)));
+  }), 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,

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-ea44e34a.js');
+var defaultTheme = require('./defaultTheme-cd01e6c2.js');
 var React = require('react');
 var styled = require('styled-components');
 
@@ -10,13 +10,13 @@ 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)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  margin: 8px 0;\n"])));
 
-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);
 });

package/{Instructions-68d8dfb2.js → Instructions-cfb1dcd7.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-ea44e34a.js');
+var defaultTheme = require('./defaultTheme-cd01e6c2.js');
 var lodash = require('lodash');
 var React = require('react');
-var warningCircle = require('./warning-circle-24522402.js');
-var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-c3e344f9.js');
-var TextArea = require('./TextArea-65ab87ba.js');
+var warningCircle = require('./warning-circle-478e65cc.js');
+var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-b8718825.js');
+var TextArea = require('./TextArea-c2620d92.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -14,84 +14,77 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var Instructions$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  ", ";\n"])), function (props) {
+var Instructions$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  ", ";\n"])), function (props) {
   return props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'));
 });
-var TopBarContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  display: flex;\n  width: 100%;\n  margin-top: 0;\n  transition: margin-top 120ms;\n  &&.slide-in {\n    margin-top: -24px;\n  }\n  ", ";\n\n  ", ";\n"])), function (props) {
+var TopBarContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  display: flex;\n  width: 100%;\n  margin-top: 0;\n  transition: margin-top 120ms;\n  &&.slide-in {\n    margin-top: -24px;\n  }\n  ", ";\n\n  ", ";\n"])), function (props) {
   return props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'));
 }, function (props) {
   return props.initialHover && props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'));
 });
-var SelectContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  width: 100%;\n  margin: 0 2px;\n"])));
-var InstructionsArea = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n  margin: 2px 2px -2px 2px;\n"])));
+var SelectContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  width: 100%;\n  margin: 0 2px;\n"])));
+var InstructionsArea = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n  margin: 2px 2px -2px 2px;\n"])));
 
-var Instructions = React__default['default'].forwardRef(function Instructions(_ref, forwardedRef) {
+var _excluded = ["clickToAdd", "customAddMessage", "selectedOption", "loadOptions", "readOnly", "disabled", "hidden", "name", "lightBackground", "autoSelect", "subscribeCurrentValue", "onChange", "onFocus", "onBlur", "onUpdateCallback", "availableOptions", "loadingMessageFunc", "placeholder", "type", "selectType", "edit", "rows", "showMore", "showMoreText", "showLessText", "isExpanded", "loadingIcon", "successIcon", "padding"];
+var Instructions = React__default["default"].forwardRef(function Instructions(_ref, forwardedRef) {
   var clickToAdd = _ref.clickToAdd,
-      customAddMessage = _ref.customAddMessage,
-      selectedOption = _ref.selectedOption,
-      loadOptions = _ref.loadOptions,
-      readOnly = _ref.readOnly,
-      disabled = _ref.disabled,
-      hidden = _ref.hidden,
-      name = _ref.name,
-      lightBackground = _ref.lightBackground,
-      autoSelect = _ref.autoSelect,
-      subscribeCurrentValueProp = _ref.subscribeCurrentValue,
-      onChangeProp = _ref.onChange,
-      onFocusProp = _ref.onFocus,
-      onBlurProp = _ref.onBlur,
-      onUpdateCallback = _ref.onUpdateCallback,
-      availableOptions = _ref.availableOptions,
-      loadingMessageFunc = _ref.loadingMessageFunc,
-      placeholder = _ref.placeholder,
-      type = _ref.type,
-      selectType = _ref.selectType,
-      edit = _ref.edit,
-      rows = _ref.rows,
-      showMore = _ref.showMore,
-      showMoreText = _ref.showMoreText,
-      showLessText = _ref.showLessText,
-      isExpanded = _ref.isExpanded,
-      loadingIcon = _ref.loadingIcon,
-      successIcon = _ref.successIcon,
-      padding = _ref.padding,
-      props = defaultTheme._objectWithoutProperties(_ref, ["clickToAdd", "customAddMessage", "selectedOption", "loadOptions", "readOnly", "disabled", "hidden", "name", "lightBackground", "autoSelect", "subscribeCurrentValue", "onChange", "onFocus", "onBlur", "onUpdateCallback", "availableOptions", "loadingMessageFunc", "placeholder", "type", "selectType", "edit", "rows", "showMore", "showMoreText", "showLessText", "isExpanded", "loadingIcon", "successIcon", "padding"]);
-
+    customAddMessage = _ref.customAddMessage,
+    selectedOption = _ref.selectedOption,
+    loadOptions = _ref.loadOptions,
+    readOnly = _ref.readOnly,
+    disabled = _ref.disabled,
+    hidden = _ref.hidden,
+    name = _ref.name,
+    lightBackground = _ref.lightBackground,
+    autoSelect = _ref.autoSelect,
+    subscribeCurrentValueProp = _ref.subscribeCurrentValue,
+    onChangeProp = _ref.onChange,
+    onFocusProp = _ref.onFocus,
+    onBlurProp = _ref.onBlur,
+    onUpdateCallback = _ref.onUpdateCallback,
+    availableOptions = _ref.availableOptions,
+    loadingMessageFunc = _ref.loadingMessageFunc,
+    placeholder = _ref.placeholder,
+    type = _ref.type,
+    selectType = _ref.selectType,
+    edit = _ref.edit,
+    rows = _ref.rows,
+    showMore = _ref.showMore,
+    showMoreText = _ref.showMoreText,
+    showLessText = _ref.showLessText,
+    isExpanded = _ref.isExpanded,
+    loadingIcon = _ref.loadingIcon,
+    successIcon = _ref.successIcon,
+    padding = _ref.padding,
+    props = defaultTheme._objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(false),
-      _useState2 = defaultTheme._slicedToArray(_useState, 2),
-      isHovered = _useState2[0],
-      setIsHovered = _useState2[1];
-
+    _useState2 = defaultTheme._slicedToArray(_useState, 2),
+    isHovered = _useState2[0],
+    setIsHovered = _useState2[1];
   var _useState3 = React.useState({}),
-      _useState4 = defaultTheme._slicedToArray(_useState3, 2),
-      selected = _useState4[0],
-      setSelected = _useState4[1];
-
+    _useState4 = defaultTheme._slicedToArray(_useState3, 2),
+    selected = _useState4[0],
+    setSelected = _useState4[1];
   var _useState5 = React.useState(clickToAdd),
-      _useState6 = defaultTheme._slicedToArray(_useState5, 2),
-      addInstructions = _useState6[0],
-      setAddInstructions = _useState6[1];
-
+    _useState6 = defaultTheme._slicedToArray(_useState5, 2),
+    addInstructions = _useState6[0],
+    setAddInstructions = _useState6[1];
   var _useState7 = React.useState(customAddMessage),
-      _useState8 = defaultTheme._slicedToArray(_useState7, 2),
-      customMessage = _useState8[0],
-      setCustomMessage = _useState8[1];
-
+    _useState8 = defaultTheme._slicedToArray(_useState7, 2),
+    customMessage = _useState8[0],
+    setCustomMessage = _useState8[1];
   var _useState9 = React.useState(lightBackground),
-      _useState10 = defaultTheme._slicedToArray(_useState9, 2),
-      background = _useState10[0],
-      setBackground = _useState10[1];
-
+    _useState10 = defaultTheme._slicedToArray(_useState9, 2),
+    background = _useState10[0],
+    setBackground = _useState10[1];
   var _useState11 = React.useState(true),
-      _useState12 = defaultTheme._slicedToArray(_useState11, 2),
-      initialHover = _useState12[0],
-      setInitialHover = _useState12[1];
-
+    _useState12 = defaultTheme._slicedToArray(_useState11, 2),
+    initialHover = _useState12[0],
+    setInitialHover = _useState12[1];
   var _useState13 = React.useState(),
-      _useState14 = defaultTheme._slicedToArray(_useState13, 2),
-      currentValue = _useState14[0],
-      setCurrentValue = _useState14[1];
-
+    _useState14 = defaultTheme._slicedToArray(_useState13, 2),
+    currentValue = _useState14[0],
+    setCurrentValue = _useState14[1];
   React.useEffect(function () {
     if (lodash.isFunction(subscribeCurrentValueProp)) {
       subscribeCurrentValueProp(currentValue);
@@ -113,7 +106,6 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
   }, [addInstructions, handleOnFocus]);
   var onChange = React.useCallback(function (event) {
     setCurrentValue(event.target.value);
-
     if (lodash.isFunction(onChangeProp)) {
       onChangeProp(event);
     }
@@ -122,11 +114,9 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
     if (autoSelect) {
       event.target.select();
     }
-
     if (lodash.isFunction(onFocusProp)) {
       onFocusProp(event);
     }
-
     if (event.target.value === customMessage) {
       setCurrentValue('');
     }
@@ -136,21 +126,17 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
       onBlurProp(event);
     }
   }, [onBlurProp]);
-
   var handleMouseOver = function handleMouseOver() {
     setIsHovered(true);
   };
-
   var handleMouseLeave = function handleMouseLeave() {
     setIsHovered(false);
   };
-
   var handleOnFocus = function handleOnFocus() {
     if (customMessage === currentValue) {
       setCurrentValue('');
     }
   };
-
   var handleChange = function handleChange(selected) {
     if (selected === null) {
       setSelected({});
@@ -167,7 +153,6 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
       onUpdateCallback(selected);
     }
   };
-
   var sharedSelectProps = {
     options: loadOptions ? undefined : availableOptions,
     loadOptions: loadOptions,
@@ -175,22 +160,22 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
     placeholder: placeholder
   };
   if (hidden) return null;
-  return React__default['default'].createElement(Instructions$1, defaultTheme._extends({
+  return React__default["default"].createElement(Instructions$1, defaultTheme._extends({
     ref: forwardedRef,
     initialHover: initialHover,
     onMouseDown: handleMouseOver,
     onMouseLeave: handleMouseLeave
-  }, props), !readOnly && !disabled && React__default['default'].createElement(TopBarContainer, {
+  }, props), !readOnly && !disabled && React__default["default"].createElement(TopBarContainer, {
     initialHover: initialHover,
     className: isHovered && !readOnly && !disabled && 'slide-in'
-  }, React__default['default'].createElement(SelectContainer, null, React__default['default'].createElement(CompactAutocompleteSelect.CompactAutocompleteSelect, defaultTheme._extends({
+  }, React__default["default"].createElement(SelectContainer, null, React__default["default"].createElement(CompactAutocompleteSelect.CompactAutocompleteSelect, defaultTheme._extends({
     type: selectType,
     value: selectedOption,
     creatable: false,
     onChange: handleChange
-  }, sharedSelectProps)))), React__default['default'].createElement(InstructionsArea, {
+  }, sharedSelectProps)))), React__default["default"].createElement(InstructionsArea, {
     type: type
-  }, React__default['default'].createElement(TextArea.TextArea, {
+  }, React__default["default"].createElement(TextArea.TextArea, {
     noBorder: true,
     instructionsTextArea: true,
     type: type,
@@ -208,7 +193,7 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
     showMore: showMore,
     showMoreText: showMoreText,
     showLessText: showLessText,
-    icon: React__default['default'].createElement(warningCircle.SvgWarningCircle, null),
+    icon: React__default["default"].createElement(warningCircle.SvgWarningCircle, null),
     loadingIcon: loadingIcon,
     successIcon: successIcon,
     padding: padding