@spothero/ui 15.10.8 → 16.0.0-beta.0

package/backlog/Select/Select.js

@@ -1,275 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _chevronDown = _interopRequireDefault(require("@spothero/icons/chevron-down"));
-
-var _dom = _interopRequireDefault(require("@spothero/utils/dom"));
-
-var _Loader = _interopRequireDefault(require("../v1/components/Loader/Loader"));
-
-var _omit = _interopRequireDefault(require("lodash/omit"));
-
-var _excluded = ["optgroup"],
-    _excluded2 = ["className", "name", "items", "disabled", "loading", "error", "helpNode", "label", "dropdownIcon", "icon", "iconPosition", "required", "inline", "defaultValue", "placeholder", "onFocus"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-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; } }
-
-// import {
-//     SelectItemPropTypes,
-//     OptgroupPropTypes
-// } from './SelectItemPropTypes';
-var Select = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Select, _Component);
-
-  var _super = _createSuper(Select);
-
-  function Select() {
-    var _context;
-
-    var _this;
-
-    (0, _classCallCheck2.default)(this, Select);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, (0, _concat.default)(_context = [this]).call(_context, args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      validationState: null
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_isFirstRender", true);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onInvalid", function (evt) {
-      evt.preventDefault();
-      var onInvalid = _this.props.onInvalid;
-      var validationState = evt.currentTarget.validity;
-
-      _this.setState({
-        validationState: validationState
-      });
-
-      if (onInvalid) {
-        onInvalid(validationState);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onChange", function (evt) {
-      var _context2;
-
-      var _this$props = _this.props,
-          items = _this$props.items,
-          onChange = _this$props.onChange;
-      var selectedItem = (0, _find.default)(_context2 = items.reduce(function (options, _ref) {
-        var _context3, _context4;
-
-        var optgroup = _ref.optgroup,
-            item = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-        return optgroup ? (0, _concat.default)(_context3 = []).call(_context3, (0, _toConsumableArray2.default)(options), (0, _toConsumableArray2.default)(optgroup)) : (0, _concat.default)(_context4 = []).call(_context4, (0, _toConsumableArray2.default)(options), [item]);
-      }, [])).call(_context2, function (_ref2) {
-        var value = _ref2.value;
-        return value === evt.target.value;
-      });
-
-      _this.setState({
-        validationState: null
-      });
-
-      if (onChange) {
-        onChange(selectedItem);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_renderOptgroup", function (_ref3) {
-      var label = _ref3.label,
-          optgroup = _ref3.optgroup;
-      return /*#__PURE__*/_react.default.createElement("optgroup", {
-        key: label,
-        label: label
-      }, (0, _map.default)(optgroup).call(optgroup, _this._renderItem));
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_renderItem", function (_ref4, i) {
-      var _ref4$disabled = _ref4.disabled,
-          disabled = _ref4$disabled === void 0 ? false : _ref4$disabled,
-          _ref4$label = _ref4.label,
-          label = _ref4$label === void 0 ? '' : _ref4$label,
-          _ref4$value = _ref4.value,
-          value = _ref4$value === void 0 ? '' : _ref4$value;
-      return /*#__PURE__*/_react.default.createElement("option", {
-        key: i,
-        value: value,
-        disabled: disabled
-      }, label);
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(Select, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      // if a placeholder is present on first render, we want to use this for setting the placeholder class to avoid a flash
-      // in the coloring of the placeholder text in the field on initial load
-      this._isFirstRender = false;
-
-      this._select.addEventListener('invalid', this._onInvalid);
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState, snapshot) {
-      this._checkIfDisabledSelected();
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this._select.removeEventListener('invalid', this._onInvalid);
-    }
-  }, {
-    key: "_checkIfDisabledSelected",
-    value: function _checkIfDisabledSelected() {
-      // if a disabled option is selected at first, make it the same color as placeholder as thats typically why its selected
-      if ((0, _isEmpty.default)(this._select.value)) {
-        _dom.default.addClass(this._select, 'FormElement-item-placeholder');
-      } else {
-        _dom.default.removeClass(this._select, 'FormElement-item-placeholder');
-      }
-    }
-  }, {
-    key: "node",
-    get:
-    /**
-     * Getter for the select DOM element.
-     *
-     * @public
-     * @returns {Element} - The select element.
-     */
-    function get() {
-      return this._select;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props2 = this.props,
-          className = _this$props2.className,
-          name = _this$props2.name,
-          items = _this$props2.items,
-          disabled = _this$props2.disabled,
-          loading = _this$props2.loading,
-          error = _this$props2.error,
-          helpNode = _this$props2.helpNode,
-          label = _this$props2.label,
-          dropdownIcon = _this$props2.dropdownIcon,
-          icon = _this$props2.icon,
-          iconPosition = _this$props2.iconPosition,
-          required = _this$props2.required,
-          inline = _this$props2.inline,
-          defaultValue = _this$props2.defaultValue,
-          placeholder = _this$props2.placeholder,
-          onFocus = _this$props2.onFocus,
-          attrs = (0, _objectWithoutProperties2.default)(_this$props2, _excluded2);
-      var spreadProps = (0, _omit.default)(attrs, ['onChange', 'onInvalid']);
-      var validationState = this.state.validationState;
-      var isValid = validationState ? validationState.valid : true;
-      var containerClasses = (0, _classnames.default)('Select', 'FormElement', {
-        'FormElement-inline': inline
-      }, {
-        'FormElement-with-icon': icon
-      }, (0, _defineProperty2.default)({}, "FormElement-with-icon-".concat(iconPosition), icon), {
-        'FormElement-contains-error': !isValid
-      }, className);
-      var itemClasses = (0, _classnames.default)('FormElement-item', {
-        'FormElement-item-placeholder': placeholder && !defaultValue && this._isFirstRender
-      });
-      var customIconClasses = (0, _classnames.default)('Select-dropdown-icon', dropdownIcon ? dropdownIcon.props.className : null);
-      var newDefaultValue = placeholder && !defaultValue ? '' : defaultValue;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: containerClasses
-      }, label, /*#__PURE__*/_react.default.createElement("div", {
-        className: "FormElement-control"
-      }, /*#__PURE__*/_react.default.createElement("select", (0, _extends2.default)({
-        ref: function ref(node) {
-          _this2._select = node;
-        },
-        className: itemClasses,
-        name: name,
-        required: required,
-        disabled: disabled,
-        defaultValue: newDefaultValue,
-        onFocus: onFocus,
-        onChange: this._onChange
-      }, spreadProps), placeholder && /*#__PURE__*/_react.default.createElement("option", {
-        value: "",
-        disabled: true
-      }, placeholder), (0, _map.default)(items).call(items, function (item, i) {
-        return item.optgroup ? _this2._renderOptgroup(item) : _this2._renderItem(item, i);
-      })), loading ? /*#__PURE__*/_react.default.createElement(_Loader.default, {
-        size: 16,
-        borderWidth: 2
-      }) : dropdownIcon ? /*#__PURE__*/(0, _react.cloneElement)(dropdownIcon, {
-        className: customIconClasses
-      }) : /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
-        className: "Select-dropdown-icon"
-      }), /*#__PURE__*/_react.default.createElement("span", {
-        className: "Select-icon"
-      }, icon)), helpNode && /*#__PURE__*/_react.default.createElement("div", {
-        className: "FormElement-help-text"
-      }, helpNode), !isValid && error);
-    }
-  }]);
-  return Select;
-}(_react.Component);
-
-exports.default = Select;
-(0, _defineProperty2.default)(Select, "defaultProps", {
-  iconPosition: 'left'
-});

package/backlog/Select/SelectItemPropTypes.js

@@ -1,32 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.SelectItemPropTypes = exports.OptgroupPropTypes = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var SelectItemPropTypes = {
-  /** The label to display visually in the Select. */
-  label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
-
-  /** The value to return when a selection is made. */
-  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
-
-  /** Whether the option is disabled. */
-  disabled: _propTypes.default.bool
-};
-exports.SelectItemPropTypes = SelectItemPropTypes;
-var OptgroupPropTypes = {
-  /** The optgroup label within the list of options */
-  label: _propTypes.default.string,
-
-  /** An array of options with label/value pairs */
-  optgroup: _propTypes.default.arrayOf(_propTypes.default.shape(SelectItemPropTypes))
-};
-exports.OptgroupPropTypes = OptgroupPropTypes;
-var _default = SelectItemPropTypes;
-exports.default = _default;

package/backlog/Select/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Select", {
-  enumerable: true,
-  get: function get() {
-    return _Select.default;
-  }
-});
-Object.defineProperty(exports, "SelectItemPropTypes", {
-  enumerable: true,
-  get: function get() {
-    return _SelectItemPropTypes.default;
-  }
-});
-
-var _Select = _interopRequireDefault(require("./Select"));
-
-var _SelectItemPropTypes = _interopRequireDefault(require("./SelectItemPropTypes"));

package/backlog/SelectControlled/SelectControlled.js

@@ -1,270 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _chevronDown = _interopRequireDefault(require("@spothero/icons/chevron-down"));
-
-var _dom = _interopRequireDefault(require("@spothero/utils/dom"));
-
-var _Loader = _interopRequireDefault(require("../v1/components/Loader/Loader"));
-
-var _excluded = ["optgroup"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-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; } }
-
-// import {
-//     SelectItemPropTypes,
-//     OptgroupPropTypes
-// } from './SelectItemPropTypes';
-var SelectControlled = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(SelectControlled, _Component);
-
-  var _super = _createSuper(SelectControlled);
-
-  function SelectControlled() {
-    var _context;
-
-    var _this;
-
-    (0, _classCallCheck2.default)(this, SelectControlled);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, (0, _concat.default)(_context = [this]).call(_context, args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      validationState: null
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_isFirstRender", true);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onInvalid", function (evt) {
-      evt.preventDefault();
-      var onInvalid = _this.props.onInvalid;
-      var validationState = evt.currentTarget.validity;
-
-      _this.setState({
-        validationState: validationState
-      });
-
-      if (onInvalid) {
-        onInvalid(validationState);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onChange", function (evt) {
-      var _context2;
-
-      var _this$props = _this.props,
-          items = _this$props.items,
-          onChange = _this$props.onChange;
-      var selectedItem = (0, _find.default)(_context2 = items.reduce(function (options, _ref) {
-        var _context3, _context4;
-
-        var optgroup = _ref.optgroup,
-            item = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-        return optgroup ? (0, _concat.default)(_context3 = []).call(_context3, (0, _toConsumableArray2.default)(options), (0, _toConsumableArray2.default)(optgroup)) : (0, _concat.default)(_context4 = []).call(_context4, (0, _toConsumableArray2.default)(options), [item]);
-      }, [])).call(_context2, function (_ref2) {
-        var value = _ref2.value;
-        return value === evt.target.value;
-      });
-
-      _this.setState({
-        validationState: null
-      });
-
-      if (onChange) {
-        onChange(selectedItem);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_renderOptgroup", function (_ref3) {
-      var label = _ref3.label,
-          optgroup = _ref3.optgroup;
-      return /*#__PURE__*/_react.default.createElement("optgroup", {
-        key: label,
-        label: label
-      }, (0, _map.default)(optgroup).call(optgroup, _this._renderItem));
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_renderItem", function (_ref4, i) {
-      var _ref4$disabled = _ref4.disabled,
-          disabled = _ref4$disabled === void 0 ? false : _ref4$disabled,
-          _ref4$label = _ref4.label,
-          label = _ref4$label === void 0 ? '' : _ref4$label,
-          _ref4$value = _ref4.value,
-          value = _ref4$value === void 0 ? '' : _ref4$value;
-      return /*#__PURE__*/_react.default.createElement("option", {
-        key: i,
-        value: value,
-        disabled: disabled
-      }, label);
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(SelectControlled, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      // if a placeholder is present on first render, we want to use this for setting the placeholder class to avoid a flash
-      // in the coloring of the placeholder text in the field on initial load
-      this._isFirstRender = false;
-
-      this._select.addEventListener('invalid', this._onInvalid);
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState, snapshot) {
-      this._checkIfDisabledSelected();
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this._select.removeEventListener('invalid', this._onInvalid);
-    }
-  }, {
-    key: "_checkIfDisabledSelected",
-    value: function _checkIfDisabledSelected() {
-      // if a disabled option is selected at first, make it the same color as placeholder as thats typically why its selected
-      if ((0, _isEmpty.default)(this._select.value)) {
-        _dom.default.addClass(this._select, 'FormElement-item-placeholder');
-      } else {
-        _dom.default.removeClass(this._select, 'FormElement-item-placeholder');
-      }
-    }
-  }, {
-    key: "node",
-    get:
-    /**
-     * Getter for the select DOM element.
-     *
-     * @public
-     * @returns {Element} - The select element.
-     */
-    function get() {
-      return this._select;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props2 = this.props,
-          className = _this$props2.className,
-          name = _this$props2.name,
-          items = _this$props2.items,
-          disabled = _this$props2.disabled,
-          loading = _this$props2.loading,
-          error = _this$props2.error,
-          helpNode = _this$props2.helpNode,
-          label = _this$props2.label,
-          dropdownIcon = _this$props2.dropdownIcon,
-          icon = _this$props2.icon,
-          iconPosition = _this$props2.iconPosition,
-          required = _this$props2.required,
-          inline = _this$props2.inline,
-          defaultValue = _this$props2.defaultValue,
-          placeholder = _this$props2.placeholder,
-          onFocus = _this$props2.onFocus,
-          value = _this$props2.value;
-      var validationState = this.state.validationState;
-      var isValid = validationState ? validationState.valid : true;
-      var containerClasses = (0, _classnames.default)('Select', 'FormElement', {
-        'FormElement-inline': inline
-      }, {
-        'FormElement-with-icon': icon
-      }, (0, _defineProperty2.default)({}, "FormElement-with-icon-".concat(iconPosition), icon), {
-        'FormElement-contains-error': !isValid
-      }, className);
-      var itemClasses = (0, _classnames.default)('FormElement-item', {
-        'FormElement-item-placeholder': placeholder && !defaultValue && this._isFirstRender
-      });
-      var customIconClasses = (0, _classnames.default)('Select-dropdown-icon', dropdownIcon ? dropdownIcon.props.className : null);
-      var newDefaultValue = placeholder && !defaultValue ? '' : defaultValue;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: containerClasses
-      }, label, /*#__PURE__*/_react.default.createElement("div", {
-        className: "FormElement-control"
-      }, /*#__PURE__*/_react.default.createElement("select", {
-        ref: function ref(node) {
-          _this2._select = node;
-        },
-        className: itemClasses,
-        name: name,
-        required: required,
-        disabled: disabled,
-        defaultValue: newDefaultValue,
-        onFocus: onFocus,
-        onChange: this._onChange,
-        value: value
-      }, placeholder && /*#__PURE__*/_react.default.createElement("option", {
-        value: "",
-        disabled: true
-      }, placeholder), (0, _map.default)(items).call(items, function (item, i) {
-        return item.optgroup ? _this2._renderOptgroup(item) : _this2._renderItem(item, i);
-      })), loading ? /*#__PURE__*/_react.default.createElement(_Loader.default, {
-        size: 16,
-        borderWidth: 2
-      }) : dropdownIcon ? /*#__PURE__*/(0, _react.cloneElement)(dropdownIcon, {
-        className: customIconClasses
-      }) : /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
-        className: "Select-dropdown-icon"
-      }), /*#__PURE__*/_react.default.createElement("span", {
-        className: "Select-icon"
-      }, icon)), helpNode && /*#__PURE__*/_react.default.createElement("div", {
-        className: "FormElement-help-text"
-      }, helpNode), !isValid && error);
-    }
-  }]);
-  return SelectControlled;
-}(_react.Component);
-
-exports.default = SelectControlled;
-(0, _defineProperty2.default)(SelectControlled, "defaultProps", {
-  iconPosition: 'left'
-});

package/backlog/SelectControlled/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SelectControlled", {
-  enumerable: true,
-  get: function get() {
-    return _SelectControlled.default;
-  }
-});
-
-var _SelectControlled = _interopRequireDefault(require("./SelectControlled"));

package/backlog/Sprite/Sprite.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var Sprite = function Sprite(_ref) {
-  var className = _ref.className,
-      name = _ref.name;
-  var classes = (0, _classnames.default)('Sprite', "sprite-".concat(name), className);
-  return /*#__PURE__*/_react.default.createElement("i", {
-    className: classes
-  });
-};
-
-var _default = Sprite;
-exports.default = _default;