@zohodesk/components 1.0.0-temp-230.1 → 1.0.0-temp-234

package/es/shared/ArrowIcon/ArrowIcon.module.css

@@ -1,22 +0,0 @@
-.varClass{
-    --local-arrowIcon-color: var(--zdt_textboxicon_default_icon); /* refer the naming doc */
-}
-
-.arrowIcon {
-  color: var(--local-arrowIcon-color);
-  transition: var(--zd_transition3);
-  margin: 0 var(--zd_size5) ;
-}
-
-.rotated,
-.arrowContainer:hover .arrowIcon {
-  --local-arrowIcon-color: var(--zdt_textboxicon_hover_icon);
-}
-
-[dir=ltr] .rotated {
-    transform: rotateZ(-180deg);
-}
-
-[dir=rtl] .rotated {
-  transform: rotateZ(180deg);
-}

package/es/shared/ArrowIcon/props/defaultProps.js

@@ -1,6 +0,0 @@
-export default {
-  dataId: 'arrowIcon',
-  isRotated: false,
-  customClass: {},
-  a11yAttributes: {}
-};

package/es/shared/ArrowIcon/props/propTypes.js

@@ -1,10 +0,0 @@
-import PropTypes from 'prop-types';
-export default {
-  dataId: PropTypes.string,
-  isRotated: PropTypes.bool,
-  customClass: PropTypes.shape({
-    iconClass: PropTypes.string,
-    containerClass: PropTypes.string
-  }),
-  a11yAttributes: PropTypes.object
-};

package/es/shared/InputFieldLine/InputFieldLine.js

@@ -1,39 +0,0 @@
-import React from 'react';
-import propTypes from "./props/propTypes";
-import defaultProps from "./props/defaultProps";
-import { Container } from "../../../es/Layout";
-import style from "./InputFieldLine.module.css";
-
-function InputFieldLine(props) {
-  const {
-    isDisabled,
-    isReadOnly,
-    hasPadding,
-    hasEffect,
-    title,
-    isActive,
-    size,
-    border,
-    borderColor,
-    dataId,
-    onClick,
-    customProps,
-    customClass,
-    children
-  } = props;
-  const borderClass = style[`border_${border}`] || '';
-  const borderColorClass = style[`borderColor_${borderColor}`] || '';
-  return /*#__PURE__*/React.createElement(Container, {
-    alignBox: "row",
-    ...customProps,
-    "data-title": title,
-    isCover: false,
-    dataId: dataId,
-    onClick: onClick,
-    className: `${style.varClass} ${style.customContainer} ${hasPadding ? style[size] : ''} ${borderClass} ${isDisabled ? style.disabled : isReadOnly ? hasEffect ? style.effect : style.readonly : style.effect} ${border !== 'none' ? `${borderColorClass} ${style.hasBorder}` : ''} ${isActive && !(isDisabled || isReadOnly) ? style.active : ''}  ${customClass}`
-  }, children);
-}
-
-InputFieldLine.propTypes = propTypes;
-InputFieldLine.defaultProps = defaultProps;
-export default InputFieldLine;

package/es/shared/InputFieldLine/InputFieldLine.module.css

@@ -1,90 +0,0 @@
-.varClass {
-    --local_inputFieldLine_border_color: var(--zdt_inputField_default_border);
-    --local_inputFieldLine_border_width: 1px;
-    --local_padding: var(--zd_size0);
-    --local_cursor: pointer;
-}
-
-.customContainer {
-    composes: oflowy from '../../common/common.module.css';
-    cursor: var(--local_cursor);
-    border-color: var(--local_inputFieldLine_border_color);
-}
-
-.disabled,.readonly {
-    --local_cursor: not-allowed;
-}
-
-.pointer{
-    composes: pointer from '../../common/common.module.css';
-}
-
-.borderColor_default {
-    --local_inputFieldLine_border_color: var(--zdt_inputField_default_border);
-}
-
-.borderColor_transparent {
-    --local_inputFieldLine_border_color: var(--dot_mirror);
-}
-
-.borderColor_dark {
-    --local_inputFieldLine_border_color: var(--zdt_inputField_dark_border);
-}
-
-.borderColor_error,
-.effect.borderColor_error:hover {
-    --local_inputFieldLine_border_color: var(--zdt_inputField_error_border);
-}
-
-.effect.borderColor_transparent:hover,
-.effect.borderColor_default:hover {
-    --local_inputFieldLine_border_color: var(--zdt_inputField_hover_border);
-}
-
-.active.borderColor_dark,
-.active.borderColor_dark:hover,
-.effect.borderColor_dark:hover {
-    --local_inputFieldLine_border_color: var(--zdt_inputField_dark_active_border);
-}
-
-.active.borderColor_error,
-.active.borderColor_error:hover,
-.active.borderColor_default,
-.active.borderColor_default:hover,
-.active.borderColor_transparent,
-.active.borderColor_transparent:hover {
-    --local_inputFieldLine_border_color: var(--zdt_inputField_focus_border);
-}
-
-.hasBorder {
-    transition: border var(--zd_transition2) linear 0s;
-    border-style: solid;
-}
-
-.xmedium {
-    min-height: var(--zd_size30) ;
-    --local_padding: var(--zd_size3);
-}
-
-.small {
-    max-height: var(--zd_size200) ;
-}
-
-.medium {
-    max-height: var(--zd_size350) ;
-    --local_padding: var(--zd_size8);
-}
-
-.large {
-    max-height: var(--zd_size400) ;
-}
-
-.border_bottom {
-    border-width:  0 0 var(--local_inputFieldLine_border_width) 0;
-    padding-bottom: var(--local_padding);
-}
-
-.border_all {
-    border-width: var(--local_inputFieldLine_border_width);
-    padding: var(--local_padding);
-}

package/es/shared/InputFieldLine/__tests__/InputFieldLine.spec.js

@@ -1,114 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import InputFieldLine from "../InputFieldLine";
-describe('InputFieldLine', () => {
-  test('rendering the defult props', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(InputFieldLine, null));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Should be render with title', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(InputFieldLine, {
-      title: "InputFieldLine Test Title"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Should be render isActive is true', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(InputFieldLine, {
-      isActive: true
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Should be render isDisabled is true', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(InputFieldLine, {
-      isDisabled: true
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Should be render isReadOnly is true', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(InputFieldLine, {
-      isReadOnly: true
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Should be render hasPadding is true', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(InputFieldLine, {
-      hasPadding: true
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Should be render hasEffect is true', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(InputFieldLine, {
-      hasEffect: true
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  const size = ['medium', 'xmedium'];
-  test.each(size)('Should render size  - %s', size => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(InputFieldLine, {
-      hasPadding: true,
-      size: size
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  const border = ['bottom', 'all', 'none'];
-  test.each(border)('Should render border - %s', border => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(InputFieldLine, {
-      border: border
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  const borderColor = ['default', 'dark', 'error', 'transparent'];
-  test.each(borderColor)('Should render borderColor - %s', borderColor => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(InputFieldLine, {
-      borderColor: borderColor
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Should render customProps', () => {
-    const customProps = {
-      'data-test': 'inputFieldLine-test'
-    };
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(InputFieldLine, {
-      customProps: customProps
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Should render customClass', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(InputFieldLine, {
-      customClass: "inputFieldLine-custom-class"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Should render dataId', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(InputFieldLine, {
-      dataId: "inputFieldLine-test-id"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-});

package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap

@@ -1,194 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`InputFieldLine Should be render hasEffect is true 1`] = `
-<DocumentFragment>
-  <div
-    class="varClass customContainer  border_bottom effect borderColor_default hasBorder    flex rowdir"
-    data-selector-id="container"
-    data-title=""
-  />
-</DocumentFragment>
-`;
-
-exports[`InputFieldLine Should be render hasPadding is true 1`] = `
-<DocumentFragment>
-  <div
-    class="varClass customContainer medium border_bottom effect borderColor_default hasBorder    flex rowdir"
-    data-selector-id="container"
-    data-title=""
-  />
-</DocumentFragment>
-`;
-
-exports[`InputFieldLine Should be render isActive is true 1`] = `
-<DocumentFragment>
-  <div
-    class="varClass customContainer  border_bottom effect borderColor_default hasBorder active   flex rowdir"
-    data-selector-id="container"
-    data-title=""
-  />
-</DocumentFragment>
-`;
-
-exports[`InputFieldLine Should be render isDisabled is true 1`] = `
-<DocumentFragment>
-  <div
-    class="varClass customContainer  border_bottom disabled borderColor_default hasBorder    flex rowdir"
-    data-selector-id="container"
-    data-title=""
-  />
-</DocumentFragment>
-`;
-
-exports[`InputFieldLine Should be render isReadOnly is true 1`] = `
-<DocumentFragment>
-  <div
-    class="varClass customContainer  border_bottom effect borderColor_default hasBorder    flex rowdir"
-    data-selector-id="container"
-    data-title=""
-  />
-</DocumentFragment>
-`;
-
-exports[`InputFieldLine Should be render with title 1`] = `
-<DocumentFragment>
-  <div
-    class="varClass customContainer  border_bottom effect borderColor_default hasBorder    flex rowdir"
-    data-selector-id="container"
-    data-title="InputFieldLine Test Title"
-  />
-</DocumentFragment>
-`;
-
-exports[`InputFieldLine Should render border - all 1`] = `
-<DocumentFragment>
-  <div
-    class="varClass customContainer  border_all effect borderColor_default hasBorder    flex rowdir"
-    data-selector-id="container"
-    data-title=""
-  />
-</DocumentFragment>
-`;
-
-exports[`InputFieldLine Should render border - bottom 1`] = `
-<DocumentFragment>
-  <div
-    class="varClass customContainer  border_bottom effect borderColor_default hasBorder    flex rowdir"
-    data-selector-id="container"
-    data-title=""
-  />
-</DocumentFragment>
-`;
-
-exports[`InputFieldLine Should render border - none 1`] = `
-<DocumentFragment>
-  <div
-    class="varClass customContainer   effect     flex rowdir"
-    data-selector-id="container"
-    data-title=""
-  />
-</DocumentFragment>
-`;
-
-exports[`InputFieldLine Should render borderColor - dark 1`] = `
-<DocumentFragment>
-  <div
-    class="varClass customContainer  border_bottom effect borderColor_dark hasBorder    flex rowdir"
-    data-selector-id="container"
-    data-title=""
-  />
-</DocumentFragment>
-`;
-
-exports[`InputFieldLine Should render borderColor - default 1`] = `
-<DocumentFragment>
-  <div
-    class="varClass customContainer  border_bottom effect borderColor_default hasBorder    flex rowdir"
-    data-selector-id="container"
-    data-title=""
-  />
-</DocumentFragment>
-`;
-
-exports[`InputFieldLine Should render borderColor - error 1`] = `
-<DocumentFragment>
-  <div
-    class="varClass customContainer  border_bottom effect borderColor_error hasBorder    flex rowdir"
-    data-selector-id="container"
-    data-title=""
-  />
-</DocumentFragment>
-`;
-
-exports[`InputFieldLine Should render borderColor - transparent 1`] = `
-<DocumentFragment>
-  <div
-    class="varClass customContainer  border_bottom effect borderColor_transparent hasBorder    flex rowdir"
-    data-selector-id="container"
-    data-title=""
-  />
-</DocumentFragment>
-`;
-
-exports[`InputFieldLine Should render customClass 1`] = `
-<DocumentFragment>
-  <div
-    class="varClass customContainer  border_bottom effect borderColor_default hasBorder   inputFieldLine-custom-class flex rowdir"
-    data-selector-id="container"
-    data-title=""
-  />
-</DocumentFragment>
-`;
-
-exports[`InputFieldLine Should render customProps 1`] = `
-<DocumentFragment>
-  <div
-    class="varClass customContainer  border_bottom effect borderColor_default hasBorder    flex rowdir"
-    data-selector-id="container"
-    data-test="inputFieldLine-test"
-    data-title=""
-  />
-</DocumentFragment>
-`;
-
-exports[`InputFieldLine Should render dataId 1`] = `
-<DocumentFragment>
-  <div
-    class="varClass customContainer  border_bottom effect borderColor_default hasBorder    flex rowdir"
-    data-id="inputFieldLine-test-id"
-    data-selector-id="container"
-    data-test-id="inputFieldLine-test-id"
-    data-title=""
-  />
-</DocumentFragment>
-`;
-
-exports[`InputFieldLine Should render size  - medium 1`] = `
-<DocumentFragment>
-  <div
-    class="varClass customContainer medium border_bottom effect borderColor_default hasBorder    flex rowdir"
-    data-selector-id="container"
-    data-title=""
-  />
-</DocumentFragment>
-`;
-
-exports[`InputFieldLine Should render size  - xmedium 1`] = `
-<DocumentFragment>
-  <div
-    class="varClass customContainer xmedium border_bottom effect borderColor_default hasBorder    flex rowdir"
-    data-selector-id="container"
-    data-title=""
-  />
-</DocumentFragment>
-`;
-
-exports[`InputFieldLine rendering the defult props 1`] = `
-<DocumentFragment>
-  <div
-    class="varClass customContainer  border_bottom effect borderColor_default hasBorder    flex rowdir"
-    data-selector-id="container"
-    data-title=""
-  />
-</DocumentFragment>
-`;

package/es/shared/InputFieldLine/props/defaultProps.js

@@ -1,14 +0,0 @@
-export default {
-  isDisabled: false,
-  isReadOnly: false,
-  hasEffect: true,
-  isActive: false,
-  hasPadding: false,
-  title: '',
-  dataId: '',
-  customClass: '',
-  customProps: {},
-  size: 'medium',
-  borderColor: 'default',
-  border: 'bottom'
-};

package/es/shared/InputFieldLine/props/propTypes.js

@@ -1,19 +0,0 @@
-import PropTypes from 'prop-types';
-import { ContainerProps } from "../../../Layout/props/propTypes";
-export default {
-  isActive: PropTypes.bool,
-  isDisabled: PropTypes.bool,
-  isReadOnly: PropTypes.bool,
-  hasEffect: PropTypes.bool,
-  hasPadding: PropTypes.bool,
-  title: PropTypes.string,
-  dataId: PropTypes.string,
-  customClass: PropTypes.string,
-  customProps: PropTypes.shape({ ...ContainerProps
-  }),
-  onClick: PropTypes.func,
-  size: PropTypes.oneOf(['medium', 'xmedium']),
-  border: PropTypes.oneOf(['bottom', 'all', 'none']),
-  borderColor: PropTypes.oneOf(['default', 'dark', 'error', 'transparent']),
-  children: PropTypes.node
-};

package/lib/ColorSelect/ColorMultiSelect.js

@@ -1,65 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _MultiSelect = _interopRequireDefault(require("../MultiSelect/MultiSelect"));
-
-var _propTypes = require("./props/propTypes");
-
-var _defaultProps = require("./props/defaultProps");
-
-var _helpers = require("./common/helpers");
-
-var _excluded = ["options", "renderCustomColorIndicator", "renderCustomSelectedValue", "customProps"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function ColorMultiSelect(props) {
-  var options = props.options,
-      renderCustomColorIndicator = props.renderCustomColorIndicator,
-      renderCustomSelectedValue = props.renderCustomSelectedValue,
-      customProps = props.customProps,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  var renderSelectedValue = renderCustomSelectedValue || _helpers.renderColoredTag;
-  var colorIndicator = renderCustomColorIndicator || _helpers.renderColorIndicator;
-  var optionsWithOptionType = options.map(function (option) {
-    if (_typeof(option) !== 'object') return option;
-    return _objectSpread(_objectSpread({}, option), {}, {
-      optionType: 'custom'
-    });
-  });
-  return /*#__PURE__*/_react["default"].createElement(_MultiSelect["default"], _extends({}, rest, {
-    options: optionsWithOptionType,
-    renderCustomSelectedValue: renderSelectedValue,
-    customProps: _objectSpread(_objectSpread({}, customProps), {}, {
-      SuggestionsProps: _objectSpread(_objectSpread({}, customProps.SuggestionsProps), {}, {
-        renderBeforeChildren: colorIndicator
-      })
-    })
-  }));
-}
-
-ColorMultiSelect.propTypes = _propTypes.ColorMultiSelect_propTypes;
-ColorMultiSelect.defaultProps = _defaultProps.ColorMultiSelect_defaultProps;
-var _default = ColorMultiSelect;
-exports["default"] = _default;

package/lib/ColorSelect/ColorSingleSelect.js

@@ -1,78 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Select = _interopRequireDefault(require("../Select/Select"));
-
-var _propTypes = require("./props/propTypes");
-
-var _defaultProps = require("./props/defaultProps");
-
-var _helpers = require("./common/helpers");
-
-var _Box = _interopRequireDefault(require("../Layout/Box"));
-
-var _Container = _interopRequireDefault(require("../Layout/Container"));
-
-var _ArrowIcon = _interopRequireDefault(require("../shared/ArrowIcon/ArrowIcon"));
-
-var _ArrowIconModule = _interopRequireDefault(require("../shared/ArrowIcon/ArrowIcon.module.css"));
-
-var _excluded = ["options", "renderCustomColorIndicator", "renderCustomSelectedValue", "customClass", "customProps"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function ColorSingleSelect(props) {
-  var options = props.options,
-      renderCustomColorIndicator = props.renderCustomColorIndicator,
-      renderCustomSelectedValue = props.renderCustomSelectedValue,
-      customClass = props.customClass,
-      customProps = props.customProps,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  var renderSelectedValue = function renderSelectedValue(data) {
-    var isPopupOpen = data.isPopupOpen;
-    return /*#__PURE__*/_react["default"].createElement(_Container["default"], {
-      alignBox: "row",
-      align: "between"
-    }, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-      shrink: true
-    }, renderCustomSelectedValue ? renderCustomSelectedValue(data) : (0, _helpers.renderColoredTag)(data)), /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
-      isRotated: isPopupOpen
-    }));
-  };
-
-  var colorIndicator = renderCustomColorIndicator || _helpers.renderColorIndicator;
-  return /*#__PURE__*/_react["default"].createElement(_Select["default"], _extends({}, rest, {
-    className: "".concat(_ArrowIconModule["default"].arrowIconContainer, " ").concat(customClass),
-    options: options,
-    renderCustomSelectedValue: renderSelectedValue,
-    customProps: _objectSpread(_objectSpread({}, customProps), {}, {
-      SuggestionsProps: _objectSpread(_objectSpread({}, customProps.SuggestionsProps), {}, {
-        renderBeforeChildren: colorIndicator
-      })
-    })
-  }));
-}
-
-ColorSingleSelect.propTypes = _propTypes.ColorSingleSelect_propTypes;
-ColorSingleSelect.defaultProps = _defaultProps.ColorSingleSelect_defaultProps;
-var _default = ColorSingleSelect;
-exports["default"] = _default;