@zohodesk/dot 1.9.1 → 1.9.3

package/es/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js

@@ -1,333 +0,0 @@
-import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import Tag from '@zohodesk/components/es/v1/Tag/Tag';
-import TextBoxIcon from '@zohodesk/components/es/v1/TextBoxIcon/TextBoxIcon';
-import EmptySearch from '@zohodesk/svg/es/emptystate/version3/EmptySearch';
-import ListItem from '@zohodesk/components/es/v1/ListItem/ListItem';
-import Loader from '@zohodesk/svg/es/Loader/Loader';
-import DropDownSeparator from '@zohodesk/components/es/v1/DropDown/DropDownSeparator';
-import CommonEmptyState from "../../../emptystate/CommonEmptyState/CommonEmptyState";
-import ResponsiveDropBox from '@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox';
-import { ResponsiveReceiver } from '@zohodesk/components/es/Responsive/CustomResponsive';
-import MultiSelectHeader from '@zohodesk/components/es/v1/MultiSelect/MultiSelectHeader';
-import { stopBubbling } from "../../../../utils/General";
-import { scrollTo, findScrollEnd } from '@zohodesk/components/es/utils/Common.js';
-import style from "../../../../form/fields/TagsMultiSelect/TagsMultiSelect.module.css";
-export default class TagsMultiSelect extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      showAll: false
-    };
-    this.emptySearchSVG = this.emptySearchSVG.bind(this);
-    this.onShowAllClick = this.onShowAllClick.bind(this);
-    this.getContainerRef = this.getContainerRef.bind(this);
-    this.onScroll = this.onScroll.bind(this);
-    this.getSelectedItemRef = this.getSelectedItemRef.bind(this);
-    this.textInputRef = this.textInputRef.bind(this);
-  }
-
-  textInputRef(el) {
-    const {
-      getTextInputRef
-    } = this.props;
-    this.inputEl = el;
-    getTextInputRef && getTextInputRef(el);
-  }
-
-  onScroll() {
-    let {
-      onScroll,
-      name,
-      noMoreData,
-      searchList
-    } = this.props;
-    let {
-      containerRef
-    } = this;
-
-    if (findScrollEnd(this.containerRef) && !noMoreData) {
-      onScroll(name);
-      let selectItemRef = this[`selectedList_${searchList.length - 1}`];
-      scrollTo(containerRef, selectItemRef);
-    }
-  }
-
-  getSelectedItemRef(el, index) {
-    this[`selectedList_${index}`] = el;
-  }
-
-  componentDidUpdate(prevProps) {
-    let {
-      isTagListLoading,
-      tagsList,
-      isPopupReady,
-      selectSearchIndex
-    } = this.props;
-
-    if (prevProps.isTagListLoading !== isTagListLoading && !isTagListLoading || isPopupReady && prevProps.tagsList.length !== tagsList.length) {
-      setTimeout(() => {
-        if (this.inputEl) {
-          this.inputEl.focus();
-        }
-      }, 300);
-    }
-
-    if (selectSearchIndex != prevProps.selectSearchIndex) {
-      let selectItemRef = this[`selectedList_${selectSearchIndex}`];
-      let {
-        containerRef
-      } = this;
-      scrollTo(containerRef, selectItemRef);
-    }
-  }
-
-  emptySearchSVG() {
-    return /*#__PURE__*/React.createElement(EmptySearch, {
-      size: "small"
-    });
-  }
-
-  onShowAllClick() {
-    this.setState({
-      showAll: !this.state.showAll
-    });
-  }
-
-  getContainerRef(ele) {
-    this.containerRef = ele;
-  }
-
-  responsiveFunc(_ref) {
-    let {
-      mediaQueryOR
-    } = _ref;
-    return {
-      tabletMode: mediaQueryOR([{
-        maxWidth: 700
-      }])
-    };
-  }
-
-  render() {
-    let {
-      searchList,
-      selectSearchIndex,
-      tagsList,
-      deleteTag,
-      name,
-      isReadOnly,
-      className,
-      handleKeyUp,
-      handleChange,
-      addTag,
-      isTagListLoading,
-      getContainerRef,
-      getTargetRef,
-      isPopupReady,
-      isPopupOpen,
-      boxPosition,
-      handleTogglePopup,
-      listDisabled,
-      chipNeedToShow,
-      i18nKeys,
-      dataId,
-      needBorder,
-      borderColor,
-      getTextBoxChildren,
-      htmlId,
-      boxSize,
-      onSelectTag,
-      clickableTag,
-      dataSelectorId,
-      handleSelectAll,
-      selectAllText,
-      needSelectAll,
-      isAbsolutePositioningNeeded,
-      isRestrictScroll,
-      positionsOffset,
-      targetOffset,
-      customClass,
-      customProps
-    } = this.props;
-    let {
-      showAll
-    } = this.state;
-    let chipLimit = !isPopupReady ? showAll ? tagsList.length : chipNeedToShow : tagsList.length;
-    let {
-      tagCustomClass = '',
-      listItemClass = '',
-      textBoxIconWrapperClass = ''
-    } = customClass;
-    const {
-      TextBoxIconProps = {},
-      TagWrapperProps = {},
-      TagProps = {}
-    } = customProps;
-    return /*#__PURE__*/React.createElement("div", {
-      className: `${style.container} ${!isReadOnly ? ` ${needBorder ? style.hasBorder : ''}
-              ${needBorder ? style[`borderColor_${borderColor}`] : style.borderColor_transparent} ${isPopupReady && needBorder ? style.active : ''}` : ''} ${className}`,
-      onClick: stopBubbling,
-      "data-id": `${dataId}_tagsContainer`,
-      "data-test-id": `${dataId}_tagsContainer`,
-      "data-selector-id": dataSelectorId
-    }, /*#__PURE__*/React.createElement(Container, {
-      alignBox: "row",
-      align: "vertical",
-      isCover: false,
-      className: `${style.tagDiv} ${textBoxIconWrapperClass}`,
-      wrap: "wrap",
-      eleRef: getTargetRef,
-      scroll: "vertical"
-    }, tagsList.length ? /*#__PURE__*/React.createElement(React.Fragment, null, tagsList.map((tag, index) => {
-      let {
-        name,
-        tagType,
-        id,
-        boxCustomProps,
-        tagCustomProps
-      } = tag;
-      return index < chipLimit ? /*#__PURE__*/React.createElement(Box, {
-        className: style.tag,
-        key: index,
-        ...TagWrapperProps,
-        ...boxCustomProps
-      }, /*#__PURE__*/React.createElement(Tag, {
-        id: id,
-        text: name,
-        onRemove: isReadOnly ? null : deleteTag.bind(this, name),
-        closeTitle: i18nKeys.deleteText,
-        palette: clickableTag ? 'defaultLink' : tagType === 'SYSTEM' ? 'primary' : 'default',
-        isReadOnly: isReadOnly,
-        onSelectTag: onSelectTag ? onSelectTag : undefined,
-        customClass: tagCustomClass,
-        ...TagProps,
-        ...tagCustomProps
-      })) : null;
-    }), tagsList.length > chipNeedToShow && !isPopupReady ? /*#__PURE__*/React.createElement(Box, {
-      className: style.moreLess,
-      dataId: `${dataId}_tagsMore`,
-      onClick: this.onShowAllClick
-    }, showAll ? `${i18nKeys.lessText}` : `+${tagsList.length - chipNeedToShow} ${i18nKeys.moreText}`) : null) : null, /*#__PURE__*/React.createElement(Box, {
-      flexible: true,
-      adjust: true,
-      shrink: true,
-      className: style.inputWrapper
-    }, /*#__PURE__*/React.createElement("span", {
-      className: style.custmSpan
-    }, name), /*#__PURE__*/React.createElement(TextBoxIcon, {
-      htmlId: htmlId,
-      dataId: `${dataId}_tagInp`,
-      value: name,
-      onKeyUp: handleKeyUp,
-      onChange: handleChange,
-      maxLength: 50,
-      isReadOnly: isReadOnly,
-      needBorder: false,
-      placeHolder: tagsList.length ? '' : i18nKeys.placeholderText || '-',
-      onClick: !isReadOnly ? handleTogglePopup : undefined,
-      customClass: {
-        customTBoxWrap: style.custmInp,
-        customTextBox: style.input
-      },
-      size: "xsmall",
-      inputRef: this.textInputRef,
-      ...TextBoxIconProps
-    }, getTextBoxChildren ? getTextBoxChildren() : null))), isPopupOpen ? /*#__PURE__*/React.createElement(ResponsiveReceiver, {
-      query: this.responsiveFunc,
-      responsiveId: "Helmet"
-    }, _ref2 => {
-      let {
-        tabletMode
-      } = _ref2;
-      return /*#__PURE__*/React.createElement(ResponsiveDropBox, {
-        isAnimate: false,
-        isActive: isPopupReady,
-        isArrow: false,
-        getRef: getContainerRef,
-        isBoxPaddingNeed: true,
-        size: boxSize,
-        boxPosition: boxPosition,
-        isPadding: false,
-        customClass: {
-          customDropBoxWrap: style.dropdown
-        },
-        dataId: `${dataId}_dropbox`,
-        isResponsivePadding: true,
-        alignBox: "row",
-        isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
-        isRestrictScroll: isRestrictScroll,
-        positionsOffset: positionsOffset,
-        targetOffset: targetOffset
-      }, /*#__PURE__*/React.createElement(Box, {
-        flexible: true
-      }, needSelectAll ? /*#__PURE__*/React.createElement(MultiSelectHeader, {
-        onSelect: handleSelectAll,
-        selectAllText: selectAllText,
-        suggestions: searchList,
-        dataId: `${dataId}_selectAll`
-      }) : null, isTagListLoading ? /*#__PURE__*/React.createElement(Container, {
-        align: "both",
-        className: `${tabletMode ? '' : style.viewpopNew}`
-      }, /*#__PURE__*/React.createElement(Loader, null)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Container, {
-        scroll: "vertical",
-        className: `${tabletMode ? '' : style.viewpopNew}`,
-        onScroll: this.onScroll,
-        eleRef: this.getContainerRef
-      }, searchList.length ? /*#__PURE__*/React.createElement(Box, {
-        flexible: true,
-        shrink: true,
-        dataId: `${dataId}_Options`
-      }, searchList.map((item, index) => {
-        let {
-          name,
-          isNew,
-          listItemProps
-        } = item;
-        return /*#__PURE__*/React.createElement(React.Fragment, null, searchList.length > 1 && isNew ? /*#__PURE__*/React.createElement(DropDownSeparator, null) : null, /*#__PURE__*/React.createElement(ListItem, {
-          key: index,
-          index: index,
-          autoHover: true,
-          value: isNew ? '' : name,
-          title: isNew ? '' : name,
-          onClick: addTag.bind(this, item),
-          needTick: true,
-          highlight: selectSearchIndex === index,
-          getRef: this.getSelectedItemRef,
-          isDisabled: listDisabled,
-          customProps: listItemProps,
-          customClass: listItemClass
-        }, isNew ? /*#__PURE__*/React.createElement(Container, {
-          alignBox: "row",
-          align: "vertical"
-        }, /*#__PURE__*/React.createElement(Box, {
-          className: style.newTagLabel
-        }, i18nKeys.newTagText, ":"), /*#__PURE__*/React.createElement(Box, {
-          shrink: true,
-          "data-title": name,
-          className: `${style.dotted} ${style.newTagText} `,
-          dataId: `${dataId}_new_tag_text`
-        }, name)) : null));
-      })) : /*#__PURE__*/React.createElement(Box, {
-        flexible: true,
-        dataId: `${dataId}_empty`
-      }, /*#__PURE__*/React.createElement(Container, {
-        className: style.searchEmpty
-      }, /*#__PURE__*/React.createElement(CommonEmptyState, {
-        title: i18nKeys.emptyTitleText,
-        description: i18nKeys.emptyDescription,
-        size: "small",
-        getEmptyState: this.emptySearchSVG
-      })))))));
-    }) : null);
-  }
-
-}
-TagsMultiSelect.propTypes = propTypes;
-TagsMultiSelect.defaultProps = defaultProps; // if (__DOCS__) {
-//   TagsMultiSelect.docs = {
-//     componentGroup: 'TagsMultiSelect'
-//   };
-// }

package/es/v1/form/fields/TagsMultiSelect/props/defaultProps.js

@@ -1,16 +0,0 @@
-export const defaultProps = {
-  className: '',
-  i18nKeys: {},
-  chipNeedToShow: '5',
-  borderColor: 'default',
-  needBorder: true,
-  dataId: '',
-  boxSize: 'default',
-  clickableTag: false,
-  dataSelectorId: 'tagsMultiSelectField',
-  needSelectAll: false,
-  isAbsolutePositioningNeeded: true,
-  isRestrictScroll: false,
-  customClass: {},
-  customProps: {}
-};

package/es/v1/form/fields/TagsMultiSelect/props/propTypes.js

@@ -1,57 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  addTag: PropTypes.func,
-  boxPosition: PropTypes.string,
-  className: PropTypes.string,
-  deleteTag: PropTypes.func,
-  getContainerRef: PropTypes.func,
-  getTargetRef: PropTypes.func,
-  getTextInputRef: PropTypes.func,
-  handleChange: PropTypes.func,
-  handleKeyUp: PropTypes.func,
-  handleTogglePopup: PropTypes.func,
-  isPopupOpen: PropTypes.bool,
-  isPopupReady: PropTypes.bool,
-  isReadOnly: PropTypes.bool,
-  isTagListLoading: PropTypes.bool,
-  name: PropTypes.string,
-  noMoreData: PropTypes.bool,
-  onScroll: PropTypes.func,
-  searchList: PropTypes.array,
-  selectSearchIndex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  tagsList: PropTypes.array,
-  chipNeedToShow: PropTypes.string,
-  listDisabled: PropTypes.bool,
-  dataId: PropTypes.string,
-  i18nKeys: PropTypes.shape({
-    newTagText: PropTypes.string.isRequired,
-    emptyTitleText: PropTypes.string.isRequired,
-    emptyDescription: PropTypes.string.isRequired,
-    errorMessage: PropTypes.string.isRequired,
-    deleteText: PropTypes.string.isRequired,
-    lessText: PropTypes.string.isRequired,
-    moreText: PropTypes.string.isRequired,
-    placeholderText: PropTypes.string
-  }),
-  borderColor: PropTypes.oneOf(['transparent', 'default', 'dark']),
-  needBorder: PropTypes.bool,
-  getTextBoxChildren: PropTypes.func,
-  htmlId: PropTypes.string,
-  boxSize: PropTypes.string,
-  onSelectTag: PropTypes.func,
-  clickableTag: PropTypes.bool,
-  dataSelectorId: PropTypes.string,
-  handleSelectAll: PropTypes.func,
-  selectAllText: PropTypes.string,
-  needSelectAll: PropTypes.bool,
-  isAbsolutePositioningNeeded: PropTypes.bool,
-  isRestrictScroll: PropTypes.bool,
-  positionsOffset: PropTypes.object,
-  targetOffset: PropTypes.object,
-  customClass: PropTypes.object,
-  customProps: PropTypes.shape({
-    TextBoxIconProps: PropTypes.object,
-    TagWrapperProps: PropTypes.object,
-    TagProps: PropTypes.object
-  })
-};

package/es/v1/form/fields/TagsMultiSelectField/TagsMultiSelectField.js

@@ -1,276 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import { Box } from '@zohodesk/components/es/v1/Layout';
-import Label from '@zohodesk/components/es/v1/Label/Label';
-import Popup from '@zohodesk/components/es/v1/Popup/Popup';
-import ValidationMessage from "../ValidationMessage/ValidationMessage";
-import TagsMultiSelect from "../TagsMultiSelect/TagsMultiSelect";
-import FieldContainer from "../FieldContainer/FieldContainer";
-/**** css ****/
-
-import fieldStyle from "../../../../form/fields/Fields.module.css";
-import style from "../../../../form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css";
-
-const TagsMultiSelectField = props => {
-  const [selectedSuggestionIndex, updateSelectedSuggestionIndex] = useState(0);
-  const [isValueChanged, updateValueChangedState] = useState(false);
-  let [searchValue, changeSearchValue] = useState(props.searchValue || '');
-  const {
-    fieldProperties,
-    styleProperties,
-    actions,
-    dataId,
-    htmlId,
-    isLoading,
-    isListDisabled,
-    isNewNeeded,
-    isPopupOpen,
-    isPopupReady,
-    removeClose,
-    position,
-    togglePopup,
-    noMoreData,
-    numberOfDisplayedValues,
-    getTargetRef,
-    getContainerRef,
-    i18nKeys = {},
-    getTextBoxChildren,
-    children,
-    ePhiData,
-    customProps,
-    clickableTag,
-    dataSelectorId,
-    isAbsolutePositioningNeeded,
-    isRestrictScroll,
-    positionsOffset,
-    targetOffset
-  } = props;
-  const {
-    LabelProps = {},
-    TagsMultiSelectProps = {},
-    ValidationMessageProps = {}
-  } = customProps;
-  const {
-    labelSize,
-    labelPalette,
-    labelClass,
-    containerClass,
-    needBorder,
-    borderColor,
-    validationPalette,
-    errorType
-  } = styleProperties;
-  let {
-    onChange,
-    onAdd,
-    onDelete,
-    onScroll,
-    onFocus
-  } = actions;
-  let {
-    id,
-    labelName,
-    isMandatory,
-    isDisabled,
-    isReadOnly,
-    value,
-    selectedValueCount,
-    validationMessage,
-    options,
-    infoText,
-    isLocked,
-    lockedInfoText,
-    alignField
-  } = fieldProperties;
-  options = options || [];
-
-  const handleKeyUp = event => {
-    let {
-      keyCode
-    } = event;
-    onAdd = typeof onAdd !== 'function' ? () => {} : onAdd;
-    onDelete = typeof onDelete !== 'function' ? () => {} : onDelete;
-
-    if (keyCode === 13) {
-      if (selectedSuggestionIndex > -1 && options.length) {
-        if (options.length === 1 && options[0].isNew) {
-          searchValue = searchValue.replace(',', '');
-          onAdd({
-            name: searchValue
-          }, event);
-        } else {
-          onAdd(options[selectedSuggestionIndex], event);
-        }
-      } else {
-        searchValue = searchValue.replace(',', '');
-        onAdd({
-          name: searchValue
-        }, event);
-      }
-
-      changeSearchValue('');
-      updateSelectedSuggestionIndex(prevSelectedSuggestionIndex => {
-        let newIndex = 0;
-
-        if (options.length) {
-          if (options.length === 1 && options[0].isNew) {
-            return newIndex;
-          }
-
-          newIndex = prevSelectedSuggestionIndex === options.length - 1 ? options.length - 2 : prevSelectedSuggestionIndex;
-        }
-
-        return newIndex;
-      });
-    } else if (keyCode === 188 && !event.shiftKey) {
-      searchValue = searchValue.replace(',', '');
-
-      if (options.length === 1 && options[0].isNew) {
-        onAdd({
-          name: searchValue
-        }, event);
-        changeSearchValue('');
-      }
-    } else if (keyCode === 40) {
-      updateSelectedSuggestionIndex(prevSelectedSuggestionIndex => {
-        let newIndex = prevSelectedSuggestionIndex >= options.length - 1 ? 0 : prevSelectedSuggestionIndex + 1;
-        return newIndex;
-      });
-    } else if (keyCode === 38) {
-      updateSelectedSuggestionIndex(prevSelectedSuggestionIndex => {
-        let newIndex = prevSelectedSuggestionIndex <= 0 || prevSelectedSuggestionIndex >= options.length - 1 ? options.length - 1 : prevSelectedSuggestionIndex - 1;
-        return newIndex;
-      });
-    } else if (keyCode === 8 && searchValue === '' & !isValueChanged) {
-      let valueLength = value.length;
-      value.length ? onDelete(value[valueLength - 1].name, event) : undefined;
-    }
-
-    updateValueChangedState(false);
-  };
-
-  const handleChange = (searchValue, event) => {
-    updateValueChangedState(true);
-    updateSelectedSuggestionIndex(0);
-    changeSearchValue(searchValue);
-    typeof onChange === 'function' && onChange(searchValue, event);
-
-    if (!isPopupOpen) {
-      togglePopup(event);
-    }
-  };
-
-  const handleTogglePopup = event => {
-    if (isPopupReady) {
-      removeClose(event);
-    } else {
-      togglePopup(event, position);
-      !isPopupOpen && typeof onFocus === 'function' ? onFocus(event) : null;
-      updateSelectedSuggestionIndex(0);
-    }
-  };
-
-  const handleAdd = value => {
-    changeSearchValue('');
-    typeof onAdd === 'function' && onAdd(value);
-  };
-
-  const documentClick = () => {
-    changeSearchValue('');
-  };
-
-  const renderEnd = () => {
-    return children ? children : null;
-  };
-
-  useEffect(() => {
-    window.addEventListener('click', documentClick);
-    return () => {
-      window.removeEventListener('click', documentClick);
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    className: `${isDisabled ? fieldStyle.disabled : isReadOnly ? fieldStyle.readonly : ''}`,
-    tabIndex: "0",
-    "aria-label": `${labelName}`,
-    "data-selector-id": dataSelectorId
-  }, labelName && /*#__PURE__*/React.createElement(FieldContainer, {
-    ePhiData: ePhiData,
-    alignContainer: alignField,
-    infoText: infoText,
-    isLocked: isLocked,
-    lockedInfoText: lockedInfoText,
-    renderProps: {
-      end: renderEnd
-    }
-  }, /*#__PURE__*/React.createElement(Label, {
-    text: labelName,
-    title: labelName,
-    id: id,
-    size: labelSize,
-    palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
-    customClass: `${fieldStyle.fieldLabel} ${isMandatory ? fieldStyle.labelMandatory : ''} ${labelClass ? labelClass : ''}`,
-    dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
-    htmlFor: htmlId,
-    ...LabelProps
-  }), selectedValueCount ? /*#__PURE__*/React.createElement(Box, {
-    dataId: `${dataId}_tagCount`,
-    className: style.count
-  }, `(${selectedValueCount})`) : null), /*#__PURE__*/React.createElement(TagsMultiSelect, {
-    addTag: handleAdd,
-    deleteTag: onDelete,
-    handleChange: handleChange,
-    handleKeyUp: handleKeyUp,
-    isReadOnly: isReadOnly,
-    name: searchValue,
-    noMoreData: noMoreData,
-    searchList: isNewNeeded && searchValue.length && !options.length ? [{
-      isNew: true,
-      name: searchValue
-    }] : options,
-    selectSearchIndex: selectedSuggestionIndex,
-    tagsList: value,
-    i18nKeys: i18nKeys,
-    boxPosition: position,
-    getTargetRef: getTargetRef,
-    getContainerRef: getContainerRef,
-    handleTogglePopup: handleTogglePopup,
-    isPopupReady: isPopupReady,
-    isPopupOpen: isPopupOpen,
-    onScroll: onScroll,
-    isTagListLoading: isLoading,
-    listDisabled: isListDisabled,
-    chipNeedToShow: numberOfDisplayedValues,
-    dataId: dataId,
-    needBorder: needBorder,
-    borderColor: borderColor,
-    htmlId: htmlId,
-    getTextBoxChildren: getTextBoxChildren,
-    className: containerClass,
-    isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
-    isRestrictScroll: isRestrictScroll,
-    positionsOffset: positionsOffset,
-    targetOffset: targetOffset,
-    ...TagsMultiSelectProps,
-    clickableTag: clickableTag
-  }), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
-    text: validationMessage,
-    palette: validationPalette,
-    type: errorType,
-    dataId: `${dataId}_ValidationMessage`,
-    htmlFor: htmlId,
-    ...ValidationMessageProps
-  }));
-};
-
-TagsMultiSelectField.propTypes = propTypes;
-TagsMultiSelectField.defaultProps = defaultProps;
-const TagsMultiSelectField_Component = Popup(TagsMultiSelectField);
-TagsMultiSelectField_Component.defaultProps = TagsMultiSelectField.defaultProps;
-TagsMultiSelectField_Component.propTypes = TagsMultiSelectField.propTypes;
-export default TagsMultiSelectField_Component; // if (__DOCS__) {
-//   TagsMultiSelectField.docs = {
-//     componentGroup: 'TagsMultiSelectField'
-//   };
-// }

package/es/v1/form/fields/TagsMultiSelectField/props/defaultProps.js

@@ -1,23 +0,0 @@
-import { FieldCommonDefaultProps } from "../../props/FieldCommonDefaultProps";
-export const defaultProps = {
-  fieldProperties: {
-    isDisabled: false,
-    isMandatory: false,
-    isLocked: false,
-    alignField: 'baseline'
-  },
-  styleProperties: {
-    containerClass: '',
-    needBorder: true,
-    borderColor: 'default',
-    errorType: 'primary'
-  },
-  isNewNeeded: false,
-  i18nKeys: {},
-  numberOfDisplayedValues: '5',
-  customProps: {},
-  dataSelectorId: 'tagsMultiSelectField',
-  isAbsolutePositioningNeeded: true,
-  isRestrictScroll: false,
-  ...FieldCommonDefaultProps()
-};