@zohodesk/dot 1.0.0-temp-187.2 → 1.0.0-temp-200

package/lib/DotProvider/__tests__/__snapshots__/DotProvider.spec.js.snap

@@ -0,0 +1,478 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`DotProvider Snapshot rendering the additional ...rest props 1`] = `
+<DocumentFragment>
+  <div
+    class="testClass"
+    data-id="test-id"
+    data-mode="light"
+    data-theme="blue"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  >
+    This is a DotProvider component
+  </div>
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the baseFontUnit props of 1 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="light"
+    data-theme="blue"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 1;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the baseFontUnit props of 1em 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="light"
+    data-theme="blue"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 1em;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the baseFontUnit props of 1px 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="light"
+    data-theme="blue"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 1px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the baseFontUnit props of 1rem 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="light"
+    data-theme="blue"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 1rem;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the baseZoomUnit props of 0.5 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="light"
+    data-theme="blue"
+    style="--zd_baseUnit: 0.5px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the baseZoomUnit props of 0.8 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="light"
+    data-theme="blue"
+    style="--zd_baseUnit: 0.8px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the baseZoomUnit props of 1 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="light"
+    data-theme="blue"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the baseZoomUnit props of 1.2 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="light"
+    data-theme="blue"
+    style="--zd_baseUnit: 1.2px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the custom themeAppearanceAttr and themeColorAttr props with theme-appearance of dark along with theme-color of blue 1`] = `
+<DocumentFragment>
+  <div
+    data-desk-mode="dark"
+    data-desk-theme="blue"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the custom themeAppearanceAttr and themeColorAttr props with theme-appearance of dark along with theme-color of green 1`] = `
+<DocumentFragment>
+  <div
+    data-desk-mode="dark"
+    data-desk-theme="green"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the custom themeAppearanceAttr and themeColorAttr props with theme-appearance of dark along with theme-color of orange 1`] = `
+<DocumentFragment>
+  <div
+    data-desk-mode="dark"
+    data-desk-theme="orange"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the custom themeAppearanceAttr and themeColorAttr props with theme-appearance of dark along with theme-color of red 1`] = `
+<DocumentFragment>
+  <div
+    data-desk-mode="dark"
+    data-desk-theme="red"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the custom themeAppearanceAttr and themeColorAttr props with theme-appearance of dark along with theme-color of yellow 1`] = `
+<DocumentFragment>
+  <div
+    data-desk-mode="dark"
+    data-desk-theme="yellow"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the custom themeAppearanceAttr and themeColorAttr props with theme-appearance of light along with theme-color of blue 1`] = `
+<DocumentFragment>
+  <div
+    data-desk-mode="light"
+    data-desk-theme="blue"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the custom themeAppearanceAttr and themeColorAttr props with theme-appearance of light along with theme-color of green 1`] = `
+<DocumentFragment>
+  <div
+    data-desk-mode="light"
+    data-desk-theme="green"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the custom themeAppearanceAttr and themeColorAttr props with theme-appearance of light along with theme-color of orange 1`] = `
+<DocumentFragment>
+  <div
+    data-desk-mode="light"
+    data-desk-theme="orange"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the custom themeAppearanceAttr and themeColorAttr props with theme-appearance of light along with theme-color of red 1`] = `
+<DocumentFragment>
+  <div
+    data-desk-mode="light"
+    data-desk-theme="red"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the custom themeAppearanceAttr and themeColorAttr props with theme-appearance of light along with theme-color of yellow 1`] = `
+<DocumentFragment>
+  <div
+    data-desk-mode="light"
+    data-desk-theme="yellow"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the custom themeAppearanceAttr and themeColorAttr props with theme-appearance of pureDark along with theme-color of blue 1`] = `
+<DocumentFragment>
+  <div
+    data-desk-mode="pureDark"
+    data-desk-theme="blue"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the custom themeAppearanceAttr and themeColorAttr props with theme-appearance of pureDark along with theme-color of green 1`] = `
+<DocumentFragment>
+  <div
+    data-desk-mode="pureDark"
+    data-desk-theme="green"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the custom themeAppearanceAttr and themeColorAttr props with theme-appearance of pureDark along with theme-color of orange 1`] = `
+<DocumentFragment>
+  <div
+    data-desk-mode="pureDark"
+    data-desk-theme="orange"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the custom themeAppearanceAttr and themeColorAttr props with theme-appearance of pureDark along with theme-color of red 1`] = `
+<DocumentFragment>
+  <div
+    data-desk-mode="pureDark"
+    data-desk-theme="red"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the custom themeAppearanceAttr and themeColorAttr props with theme-appearance of pureDark along with theme-color of yellow 1`] = `
+<DocumentFragment>
+  <div
+    data-desk-mode="pureDark"
+    data-desk-theme="yellow"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the default attributes, styles and modified the tag props 1`] = `
+<DocumentFragment>
+  <span
+    data-mode="light"
+    data-theme="blue"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  >
+    This is a DotProvider component
+  </span>
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the default attributes, styles and modifying the tag prop to React.Fragment 1`] = `
+<html
+  data-mode="light"
+  data-theme="blue"
+  style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+>
+  <head />
+  <body>
+    <div>
+      This is a DotProvider component
+    </div>
+  </body>
+</html>
+`;
+
+exports[`DotProvider Snapshot rendering the default props 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="light"
+    data-theme="blue"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  >
+    This is a DotProvider component
+  </div>
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the fontUnitVariable prop along with baseFontUnit props 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="light"
+    data-theme="blue"
+    style="--zd_baseUnit: 1px; --gc_baseFontUnit: 14px;"
+  >
+    This is a DotProvider component
+  </div>
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the providerRef props 1`] = `
+<DocumentFragment>
+  <div>
+    This is a DotProvider component
+  </div>
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the theme-appearance of dark along with theme-color of blue 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="dark"
+    data-theme="blue"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the theme-appearance of dark along with theme-color of green 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="dark"
+    data-theme="green"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the theme-appearance of dark along with theme-color of orange 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="dark"
+    data-theme="orange"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the theme-appearance of dark along with theme-color of red 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="dark"
+    data-theme="red"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the theme-appearance of dark along with theme-color of yellow 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="dark"
+    data-theme="yellow"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the theme-appearance of light along with theme-color of blue 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="light"
+    data-theme="blue"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the theme-appearance of light along with theme-color of green 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="light"
+    data-theme="green"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the theme-appearance of light along with theme-color of orange 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="light"
+    data-theme="orange"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the theme-appearance of light along with theme-color of red 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="light"
+    data-theme="red"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the theme-appearance of light along with theme-color of yellow 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="light"
+    data-theme="yellow"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the theme-appearance of pureDark along with theme-color of blue 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="pureDark"
+    data-theme="blue"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the theme-appearance of pureDark along with theme-color of green 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="pureDark"
+    data-theme="green"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the theme-appearance of pureDark along with theme-color of orange 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="pureDark"
+    data-theme="orange"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the theme-appearance of pureDark along with theme-color of red 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="pureDark"
+    data-theme="red"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the theme-appearance of pureDark along with theme-color of yellow 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="pureDark"
+    data-theme="yellow"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the wrong themeAppearance and themeColor 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="ligt"
+    data-theme="gren"
+    style="--zd_baseUnit: 1px; --zd_baseFontUnit: 16px;"
+  >
+    This is a DotProvider component
+  </div>
+</DocumentFragment>
+`;
+
+exports[`DotProvider Snapshot rendering the zoomUnitVariable prop along with baseZoomUnit props 1`] = `
+<DocumentFragment>
+  <div
+    data-mode="light"
+    data-theme="blue"
+    style="--gc_baseUnit: 1.1px; --zd_baseFontUnit: 16px;"
+  >
+    This is a DotProvider component
+  </div>
+</DocumentFragment>
+`;

package/lib/common/dot_common.module.css

@@ -1,4 +1,39 @@
 .audioImage {
   background-image: url('../../images/audio_thumbnail.png');
   background-repeat: no-repeat;
+}
+
+.videoImage {
+  background-image: url('../../images/video_thumbnail.png');
+  background-repeat: no-repeat;
+}
+
+.pdfImage {
+  background-image: url('../../images/pdf_thumbnail.png');
+  background-repeat: no-repeat;
+}
+
+.writerImage {
+  background-image: url('../../images/writer_thumbnail.png');
+  background-repeat: no-repeat;
+}
+
+.showImage {
+  background-image: url('../../images/show_thumbnail.png');
+  background-repeat: no-repeat;
+}
+
+.sheetImage {
+  background-image: url('../../images/sheet_thumbnail.png');
+  background-repeat: no-repeat;
+}
+
+.mailImage {
+  background-image: url('../../images/mail_thumbnail.png');
+  background-repeat: no-repeat;
+}
+
+.otherImage {
+  background-image: url('../../images/otherfile_thumbnail.png');
+  background-repeat: no-repeat;
 }

package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js

@@ -227,9 +227,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
           _customProps$TagWrapp = customProps.TagWrapperProps,
           TagWrapperProps = _customProps$TagWrapp === void 0 ? {} : _customProps$TagWrapp,
           _customProps$TagProps = customProps.TagProps,
-          TagProps = _customProps$TagProps === void 0 ? {} : _customProps$TagProps,
-          _customProps$listProp = customProps.listProps,
-          listProps = _customProps$listProp === void 0 ? {} : _customProps$listProp;
+          TagProps = _customProps$TagProps === void 0 ? {} : _customProps$TagProps;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_TagsMultiSelectModule["default"].container, " ").concat(!isReadOnly ? " ".concat(needBorder ? _TagsMultiSelectModule["default"].hasBorder : '', "\n              ").concat(needBorder ? _TagsMultiSelectModule["default"]["borderColor_".concat(borderColor)] : _TagsMultiSelectModule["default"].borderColor_transparent, " ").concat(isPopupReady && needBorder ? _TagsMultiSelectModule["default"].active : '') : '', " ").concat(className),
         onClick: _General.stopBubbling,
@@ -338,7 +336,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
           var name = item.name,
               isNew = item.isNew,
               listItemProps = item.listItemProps;
-          return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, searchList.length > 1 && isNew ? /*#__PURE__*/_react["default"].createElement(_DropDownSeparator["default"], null) : null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], _extends({
+          return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, searchList.length > 1 && isNew ? /*#__PURE__*/_react["default"].createElement(_DropDownSeparator["default"], null) : null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
             key: index,
             index: index,
             autoHover: true,
@@ -351,7 +349,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
             isDisabled: listDisabled,
             customProps: listItemProps,
             customClass: listItemClass
-          }, listProps), isNew ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+          }, isNew ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
             alignBox: "row",
             align: "vertical"
           }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {

package/lib/list/DepartmentDropDown/DepartmentDropDown.js

@@ -25,8 +25,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 _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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -102,10 +100,7 @@ var DepartmentDropDown = /*#__PURE__*/function (_Component) {
           onSearch = _this$props3.onSearch,
           needSearchFetching = _this$props3.needSearchFetching,
           searchStr = _this$props3.searchStr,
-          i18nKeys = _this$props3.i18nKeys,
-          customProps = _this$props3.customProps;
-      var _customProps$toggleDr = customProps.toggleDropDownProps,
-          toggleDropDownProps = _customProps$toggleDr === void 0 ? {} : _customProps$toggleDr;
+          i18nKeys = _this$props3.i18nKeys;
       var _i18nKeys$title = i18nKeys.title,
           title = _i18nKeys$title === void 0 ? 'Move Department' : _i18nKeys$title,
           _i18nKeys$searchEmpty = i18nKeys.searchEmptyText,
@@ -114,7 +109,7 @@ var DepartmentDropDown = /*#__PURE__*/function (_Component) {
           searchErrorText = _i18nKeys$searchError === void 0 ? 'No results' : _i18nKeys$searchError,
           _i18nKeys$placeholder = i18nKeys.placeholder,
           placeholder = _i18nKeys$placeholder === void 0 ? 'Search Department' : _i18nKeys$placeholder;
-      return /*#__PURE__*/_react["default"].createElement(_ToggleDropDown["default"], _extends({
+      return /*#__PURE__*/_react["default"].createElement(_ToggleDropDown["default"], {
         title: title,
         options: departmentList,
         value: /*#__PURE__*/_react["default"].createElement(_SecondaryText.DepartmentText, {
@@ -143,7 +138,7 @@ var DepartmentDropDown = /*#__PURE__*/function (_Component) {
         isNextOptions: isNextOptions,
         onSearch: onSearch,
         needSearchFetching: needSearchFetching
-      }, toggleDropDownProps));
+      });
     }
   }]);
 

package/lib/list/DepartmentDropDown/props/defaultProps.js

@@ -9,7 +9,6 @@ var defaultProps = {
   isPopupActive: true,
   isNextOptions: false,
   searchStr: '',
-  i18nKeys: {},
-  customProps: {}
+  i18nKeys: {}
 };
 exports.defaultProps = defaultProps;

package/lib/list/DepartmentDropDown/props/propTypes.js

@@ -31,5 +31,5 @@ var propTypes = (_propTypes = {
   searchEmptyText: _propTypes2["default"].string,
   searchErrorText: _propTypes2["default"].string,
   placeholder: _propTypes2["default"].string
-})), _defineProperty(_propTypes, "customProps", _propTypes2["default"].string), _propTypes);
+})), _propTypes);
 exports.propTypes = propTypes;