@elliemae/ds-query-builder 1.60.0 → 2.0.0-alpha.12

package/cjs/components/ConditionController/ConditionController.js

@@ -1,99 +1,80 @@
 'use strict';
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
 var DSTooltip = require('@elliemae/ds-tooltip');
 var dsPopper = require('@elliemae/ds-popper');
 var dsIcon = require('@elliemae/ds-icon');
 var dsIcons = require('@elliemae/ds-icons');
 var DSButton = require('@elliemae/ds-button');
-var components_ToolBarAnimation_ToolBarAnimation = require('../ToolBarAnimation/ToolBarAnimation.js');
-var components_helpers_constants = require('../helpers/constants.js');
-require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-shared/Animations/GrowRight');
+var ToolBarAnimation = require('../ToolBarAnimation/ToolBarAnimation.js');
+var constants = require('../helpers/constants.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-/* eslint-disable react/prop-types */
+var _ToolBarAnimation, _QueryRemove, _QueryAdd, _ParenthesisAdd;
 
-var ConditionController = function ConditionController(_ref) {
-  var _ref$onAddFilter = _ref.onAddFilter,
-      onAddFilter = _ref$onAddFilter === void 0 ? function () {
-    return null;
-  } : _ref$onAddFilter,
-      _ref$onAddRuleContain = _ref.onAddRuleContainer,
-      onAddRuleContainer = _ref$onAddRuleContain === void 0 ? function () {
-    return null;
-  } : _ref$onAddRuleContain,
-      _ref$onRemoveFilter = _ref.onRemoveFilter,
-      onRemoveFilter = _ref$onRemoveFilter === void 0 ? function () {
-    return null;
-  } : _ref$onRemoveFilter,
-      _ref$handleTooltipRow = _ref.handleTooltipRow,
-      handleTooltipRow = _ref$handleTooltipRow === void 0 ? function () {
-    return null;
-  } : _ref$handleTooltipRow,
-      _ref$buttonTriggerSiz = _ref.buttonTriggerSize,
-      buttonTriggerSize = _ref$buttonTriggerSiz === void 0 ? dsIcon.DSIconSizes.M : _ref$buttonTriggerSiz,
-      _ref$buttonTriggerTyp = _ref.buttonTriggerType,
-      buttonTriggerType = _ref$buttonTriggerTyp === void 0 ? 'text' : _ref$buttonTriggerTyp,
-      _ref$buttonActionSize = _ref.buttonActionSize,
-      buttonActionSize = _ref$buttonActionSize === void 0 ? dsIcon.DSIconSizes.M : _ref$buttonActionSize,
-      _ref$buttonActionType = _ref.buttonActionType,
-      buttonActionType = _ref$buttonActionType === void 0 ? 'text' : _ref$buttonActionType,
-      _ref$delayClose = _ref.delayClose,
-      delayClose = _ref$delayClose === void 0 ? components_helpers_constants.DELAY_CLOSE : _ref$delayClose,
-      _ref$delayOpen = _ref.delayOpen,
-      delayOpen = _ref$delayOpen === void 0 ? components_helpers_constants.DELAY_OPEN : _ref$delayOpen,
-      _ref$isOpen = _ref.isOpen,
-      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
-      toolTipZIndex = _ref.toolTipZIndex;
-
-  var _convertPropToCssClas = dsClassnames.convertPropToCssClassName('query-builder-condition-controller'),
-      cssClassName = _convertPropToCssClas.cssClassName,
-      classNameBlock = _convertPropToCssClas.classNameBlock,
-      classNameElement = _convertPropToCssClas.classNameElement;
-
-  return /*#__PURE__*/React__default['default'].createElement("div", {
+const ConditionController = _ref => {
+  let {
+    onAddFilter = () => null,
+    onAddRuleContainer = () => null,
+    onRemoveFilter = () => null,
+    handleTooltipRow = () => null,
+    buttonTriggerSize = dsIcon.DSIconSizes.M,
+    buttonTriggerType = 'text',
+    buttonActionSize = dsIcon.DSIconSizes.M,
+    buttonActionType = 'text',
+    delayClose = constants.DELAY_CLOSE,
+    delayOpen = constants.DELAY_OPEN,
+    isOpen = false,
+    toolTipZIndex
+  } = _ref;
+  const {
+    cssClassName,
+    classNameBlock,
+    classNameElement
+  } = dsClassnames.convertPropToCssClassName('query-builder-condition-controller');
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     className: cssClassName
-  }, /*#__PURE__*/React__default['default'].createElement(DSTooltip__default['default'], {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](DSTooltip__default["default"], {
     delayClose: delayClose,
     delayOpen: delayOpen,
     interactionType: dsPopper.PopperInteractions.CLICK,
     isOpen: isOpen,
     onOpen: handleTooltipRow,
     placement: dsPopper.PopperPositions.LEFT,
-    springAnimationComponent: /*#__PURE__*/React__default['default'].createElement(components_ToolBarAnimation_ToolBarAnimation.ToolBarAnimation, {
-      duration: components_helpers_constants.TOOLBAR_ANIMATION_DURATION
-    }),
-    title: /*#__PURE__*/React__default['default'].createElement("div", {
+    springAnimationComponent: _ToolBarAnimation || (_ToolBarAnimation = /*#__PURE__*/_jsx__default["default"](ToolBarAnimation.ToolBarAnimation, {
+      duration: constants.TOOLBAR_ANIMATION_DURATION
+    })),
+    title: /*#__PURE__*/_jsx__default["default"]("div", {
       className: classNameBlock('actions')
-    }, /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       buttonType: buttonActionType,
       className: classNameElement('remove-rule'),
-      icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.QueryRemove, null),
+      icon: _QueryRemove || (_QueryRemove = /*#__PURE__*/_jsx__default["default"](dsIcons.QueryRemove, {})),
       onClick: onRemoveFilter,
       size: buttonActionSize,
       containerProps: {
         'data-testid': 'query-remove-button'
       }
-    }), /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
+    }), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       buttonType: buttonActionType,
       className: classNameElement('add-rule'),
-      icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.QueryAdd, null),
+      icon: _QueryAdd || (_QueryAdd = /*#__PURE__*/_jsx__default["default"](dsIcons.QueryAdd, {})),
       onClick: onAddFilter,
       size: buttonActionSize,
       containerProps: {
         'data-testid': 'query-add-button'
       }
-    }), /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
+    }), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       buttonType: buttonActionType,
       className: "".concat(classNameElement('add-rule-container'), " no-border-right"),
-      icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.ParenthesisAdd, null),
+      icon: _ParenthesisAdd || (_ParenthesisAdd = /*#__PURE__*/_jsx__default["default"](dsIcons.ParenthesisAdd, {})),
       onClick: onAddRuleContainer,
       size: buttonActionSize,
       containerProps: {
@@ -101,9 +82,9 @@ var ConditionController = function ConditionController(_ref) {
       }
     })),
     tooltipType: DSTooltip.TooltipType.TOOLBAR,
-    triggerComponent: /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
+    triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       buttonType: buttonTriggerType,
-      icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.MoreOptionsVert, {
+      icon: /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {
         color: ['neutral', '500']
       }),
       onClick: handleTooltipRow,
@@ -117,4 +98,3 @@ var ConditionController = function ConditionController(_ref) {
 };
 
 module.exports = ConditionController;
-//# sourceMappingURL=ConditionController.js.map

package/cjs/components/DisplayOutput/DisplayOutput.js

@@ -1,110 +1,89 @@
 'use strict';
 
-var _typeof = require('@babel/runtime/helpers/typeof');
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _createClass = require('@babel/runtime/helpers/createClass');
-var _inherits = require('@babel/runtime/helpers/inherits');
-var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var dsGrid = require('@elliemae/ds-grid');
 var dsClassnames = require('@elliemae/ds-classnames');
 var dsAccordion = require('@elliemae/ds-accordion');
 var dsIcons = require('@elliemae/ds-icons');
-var components_QueryBuilderContext_QueryBuilderContext = require('../QueryBuilderContext/QueryBuilderContext.js');
+var QueryBuilderContext = require('../QueryBuilderContext/QueryBuilderContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
-var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
-var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
-var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
-var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+const {
+  cssClassName
+} = dsClassnames.convertPropToCssClassName('query-builder-output');
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+class DisplayOutput extends React.Component {
+  constructor(props) {
+    super(props);
 
-var _convertPropToCssClas = dsClassnames.convertPropToCssClassName('query-builder-output'),
-    cssClassName = _convertPropToCssClas.cssClassName;
-
-var DisplayOutput = /*#__PURE__*/function (_Component) {
-  _inherits__default['default'](DisplayOutput, _Component);
-
-  var _super = _createSuper(DisplayOutput);
-
-  function DisplayOutput(props) {
-    var _this;
-
-    _classCallCheck__default['default'](this, DisplayOutput);
-
-    _this = _super.call(this, props);
-
-    _this.handleChange = function () {
-      _this.setState(function (_ref) {
-        var show = _ref.show;
+    this.handleChange = () => {
+      this.setState(_ref => {
+        let {
+          show
+        } = _ref;
         return {
           show: !show
         };
       });
     };
 
-    _this.state = {
+    this.state = {
       show: props.show
     };
-    return _this;
   }
 
-  _createClass__default['default'](DisplayOutput, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var show = this.state.show;
-      var _this$props = this.props,
-          showLabel = _this$props.showLabel,
-          hideLabel = _this$props.hideLabel,
-          displayFixedOutput = _this$props.displayFixedOutput;
-      return /*#__PURE__*/React__default['default'].createElement(components_QueryBuilderContext_QueryBuilderContext.QueryBuilderContext.Consumer, null, function (_ref2) {
-        var format = _ref2.format;
-        var display = '';
-
-        try {
-          display = _typeof__default['default'](format) === 'object' ? JSON.stringify(format) : format;
-        } catch (e) {
-          display = e;
-        }
-
-        if (displayFixedOutput) {
-          return /*#__PURE__*/React__default['default'].createElement("div", {
-            className: cssClassName
-          }, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
-            p: "xxs"
-          }, /*#__PURE__*/React__default['default'].createElement("strong", null, displayFixedOutput)), /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
-            pl: "xxs",
-            pr: "xxs"
-          }, display));
-        }
-
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+  render() {
+    var _Grid;
+
+    const {
+      show
+    } = this.state;
+    const {
+      showLabel,
+      hideLabel,
+      displayFixedOutput
+    } = this.props;
+    return /*#__PURE__*/_jsx__default["default"](QueryBuilderContext.QueryBuilderContext.Consumer, {}, void 0, _ref2 => {
+      let {
+        format
+      } = _ref2;
+      let display = '';
+
+      try {
+        display = typeof format === 'object' ? JSON.stringify(format) : format;
+      } catch (e) {
+        display = e;
+      }
+
+      if (displayFixedOutput) {
+        return /*#__PURE__*/_jsx__default["default"]("div", {
           className: cssClassName
-        }, /*#__PURE__*/React__default['default'].createElement(dsAccordion.DSAccordion, {
-          activeValue: show,
-          onChange: _this2.handleChange
-        }, /*#__PURE__*/React__default['default'].createElement(dsAccordion.DSAccordionItem, {
-          iconClosed: dsIcons.ChevronRight,
-          iconOpened: dsIcons.ChevronDown,
-          title: show ? hideLabel : showLabel,
-          value: true
-        }, /*#__PURE__*/React__default['default'].createElement("div", null, display))));
-      });
-    }
-  }]);
+        }, void 0, _Grid || (_Grid = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+          p: "xxs"
+        }, void 0, /*#__PURE__*/_jsx__default["default"]("strong", {}, void 0, displayFixedOutput))), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+          pl: "xxs",
+          pr: "xxs"
+        }, void 0, display));
+      }
+
+      return /*#__PURE__*/_jsx__default["default"]("div", {
+        className: cssClassName
+      }, void 0, /*#__PURE__*/_jsx__default["default"](dsAccordion.DSAccordion, {
+        activeValue: show,
+        onChange: this.handleChange
+      }, void 0, /*#__PURE__*/_jsx__default["default"](dsAccordion.DSAccordionItem, {
+        iconClosed: dsIcons.ChevronRight,
+        iconOpened: dsIcons.ChevronDown,
+        title: show ? hideLabel : showLabel,
+        value: true
+      }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, display))));
+    });
+  }
 
-  return DisplayOutput;
-}(React.Component);
+}
 
 module.exports = DisplayOutput;
-//# sourceMappingURL=DisplayOutput.js.map

package/cjs/components/DragContainerController/DragContainerController.js

@@ -1,40 +1,40 @@
 'use strict';
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
 var dsIcon = require('@elliemae/ds-icon');
 var dsIcons = require('@elliemae/ds-icons');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var DragContainerController = function DragContainerController(_ref) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? dsIcon.DSIconColors.NEUTRAL : _ref$color,
-      _ref$icon = _ref.icon,
-      Icon = _ref$icon === void 0 ? dsIcons.GripperVertical : _ref$icon,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? dsIcon.DSIconSizes.S : _ref$size,
-      _ref$multipleSize = _ref.multipleSize,
-      multipleSize = _ref$multipleSize === void 0 ? false : _ref$multipleSize,
-      onClick = _ref.onClick;
+var _div;
 
-  var _convertPropToCssClas = dsClassnames.convertPropToCssClassName('query-builder-drag-group'),
-      cssClassName = _convertPropToCssClas.cssClassName;
-
-  return /*#__PURE__*/React__default['default'].createElement("div", {
+const DragContainerController = _ref => {
+  let {
+    color = dsIcon.DSIconColors.NEUTRAL,
+    icon: Icon = dsIcons.GripperVertical,
+    size = dsIcon.DSIconSizes.S,
+    multipleSize = false,
+    onClick
+  } = _ref;
+  const {
+    cssClassName
+  } = dsClassnames.convertPropToCssClassName('query-builder-drag-group');
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     className: "".concat(cssClassName)
-  }, /*#__PURE__*/React__default['default'].createElement(Icon, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Icon, {
     color: color,
     size: size
-  }), /*#__PURE__*/React__default['default'].createElement("div", {
+  }), _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {
     className: "separator"
-  }), /*#__PURE__*/React__default['default'].createElement(dsIcons.MoreOptionsVert, {
+  })), /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {
     color: color,
     onClick: onClick,
     size: size
-  }), multipleSize && /*#__PURE__*/React__default['default'].createElement(Icon, {
+  }), multipleSize && /*#__PURE__*/_jsx__default["default"](Icon, {
     className: "additional-drag",
     color: color,
     onClick: onClick,
@@ -43,4 +43,3 @@ var DragContainerController = function DragContainerController(_ref) {
 };
 
 module.exports = DragContainerController;
-//# sourceMappingURL=DragContainerController.js.map

package/cjs/components/DragControllerRow/DragControllerRow.js

@@ -1,37 +1,47 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
+require('react');
 var dsIcon = require('@elliemae/ds-icon');
 var dsIcons = require('@elliemae/ds-icons');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var _excluded = ["className", "color", "icon", "size"];
-
-var DragControllerRow = function DragControllerRow(_ref) {
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? 'drag-controller' : _ref$className,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? ['neutral', '500'] : _ref$color,
-      _ref$icon = _ref.icon,
-      Icon = _ref$icon === void 0 ? dsIcons.GripperVertical : _ref$icon,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? dsIcon.DSIconSizes.M : _ref$size,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
-
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({
+
+const _excluded = ["className", "color", "icon", "size"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+const DragControllerRow = _ref => {
+  let {
+    className = 'drag-controller',
+    color = ['neutral', '500'],
+    icon: Icon = dsIcons.GripperVertical,
+    size = dsIcon.DSIconSizes.M
+  } = _ref,
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
     className: className
-  }, rest), /*#__PURE__*/React__default['default'].createElement(Icon, {
-    color: color,
-    size: size
+  }, rest), {}, {
+    children: /*#__PURE__*/_jsx__default["default"](Icon, {
+      color: color,
+      size: size
+    })
   }));
 };
 
 module.exports = DragControllerRow;
-//# sourceMappingURL=DragControllerRow.js.map

package/cjs/components/FieldControllerRow/FieldControllerRow.js

@@ -1,32 +1,28 @@
 'use strict';
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsForm = require('@elliemae/ds-form');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var FieldControllerRow = function FieldControllerRow(_ref) {
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? function () {
-    return null;
-  } : _ref$onChange,
-      _ref$options = _ref.options,
-      options = _ref$options === void 0 ? [] : _ref$options,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? '' : _ref$value,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'DSComboBox' : _ref$type;
-  return /*#__PURE__*/React__default['default'].createElement("div", {
+const FieldControllerRow = _ref => {
+  let {
+    className = '',
+    onChange = () => null,
+    options = [],
+    value = '',
+    type = 'DSComboBox'
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     className: className
-  }, type === 'DSComboBox' && /*#__PURE__*/React__default['default'].createElement(dsForm.DSComboBox, {
+  }, void 0, type === 'DSComboBox' && /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
     onChange: onChange,
     options: options,
     value: value
-  }), type === 'DSTextBox' && /*#__PURE__*/React__default['default'].createElement(dsForm.DSTextBox, {
+  }), type === 'DSTextBox' && /*#__PURE__*/_jsx__default["default"](dsForm.DSTextBox, {
     fluidWidth: true,
     onChange: onChange,
     options: options,
@@ -35,4 +31,3 @@ var FieldControllerRow = function FieldControllerRow(_ref) {
 };
 
 module.exports = FieldControllerRow;
-//# sourceMappingURL=FieldControllerRow.js.map