@propellerads/tags-input 3.3.0 → 3.5.0

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+#### `3.5.0`
+
+* New action color from themePovider
+
+#### `3.4.0`
+
+* updated peerDependencies
+
 #### `3.3.0`
 
 * Added fixed scrollbar

package/dist/style.d.ts

@@ -1,6 +1,6 @@
 declare const StyledTagsInput: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const TagsInputErrors: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const defaultStyles: {
+declare const prepareStyles: (customActionColor: string) => {
     control: (styles: any, { isFocused, isDisabled }: {
         isFocused: any;
         isDisabled: any;
@@ -42,4 +42,4 @@ declare const defaultStyles: {
     };
     input: (styles: any) => any;
 };
-export { defaultStyles, StyledTagsInput, TagsInputErrors };
+export { prepareStyles, StyledTagsInput, TagsInputErrors };

package/dist/tags-input.cjs.development.js

@@ -120,119 +120,123 @@ function _templateObject() {
 }
 var StyledTagsInput = /*#__PURE__*/styled.div( /*#__PURE__*/_templateObject());
 var TagsInputErrors = /*#__PURE__*/styled.div( /*#__PURE__*/_templateObject2(), stylevariables.lineHeight);
-var defaultStyles = {
-  control: function control(styles, _ref) {
-    var isFocused = _ref.isFocused,
-        isDisabled = _ref.isDisabled;
-    return _extends({}, styles, {
-      borderRadius: stylevariables.borderRadius,
-      backgroundColor: isDisabled ? '#ededed' : '#fff',
-      minHeight: stylevariables.lineHeight + "px",
-      borderWidth: 1,
-      boxShadow: 'none',
-      borderColor: isFocused ? stylevariables.actionColor : stylevariables.gray80
-    });
-  },
-  valueContainer: function valueContainer(styles) {
-    return _extends({}, styles, {
-      overflow: 'hidden',
-      padding: '2px 2px 4px 2px',
-      justifyContent: 'flex-start'
-    });
-  },
-  placeholder: function placeholder() {
-    return {
-      color: '#c0c0c0',
-      fontWeight: 100,
-      paddingLeft: '4px',
-      position: 'absolute'
-    };
-  },
-  clearIndicator: function clearIndicator() {
-    return {
-      color: '#c0c0c0',
-      display: 'inline-flex',
-      marginRight: '4px'
-    };
-  },
-  dropdownIndicator: function dropdownIndicator() {
-    return {
-      display: 'none'
-    };
-  },
-  indicatorSeparator: function indicatorSeparator() {
-    return {
-      display: 'none'
-    };
-  },
-  multiValue: function multiValue(styles, _ref2) {
-    var data = _ref2.data;
-    return _extends({}, styles, {
-      backgroundColor: data.isException ? stylevariables.errorColor : stylevariables.actionColor,
-      color: stylevariables.white,
-      borderRadius: stylevariables.borderRadius / 2 + "px",
-      height: '22px',
-      display: 'flex',
-      alignItems: 'center',
-      margin: '2px 0 0 2px'
-    });
-  },
-  multiValueLabel: function multiValueLabel(styles) {
-    return _extends({}, styles, {
-      color: stylevariables.white,
-      padding: '0 0 0 5px',
-      fontSize: '12px',
-      borderRadius: 0,
-      display: 'inline-flex',
-      lineHeight: '1'
-    });
-  },
-  multiValueRemove: function multiValueRemove(styles, _ref3) {
-    var data = _ref3.data;
-    return _extends({}, styles, {
-      padding: 0,
-      margin: '0 4px 0 2px',
-      backgroundColor: data.isException ? stylevariables.errorColor : stylevariables.actionColor,
-      cursor: 'pointer',
-      ':hover': {
-        backgroundColor: data.isException ? stylevariables.errorColor : stylevariables.actionColor,
-        color: 'white'
-      }
-    });
-  },
-  menu: function menu(styles) {
-    return _extends({}, styles, {
-      margin: 0,
-      borderRadius: 0,
-      zIndex: 10
-    });
-  },
-  menuList: function menuList(styles) {
-    return _extends({}, styles, {
-      '::-webkit-scrollbar': {
-        width: '7px'
-      },
-      '::-webkit-scrollbar-thumb': {
-        borderRadius: '4px',
-        backgroundColor: 'rgba(0, 0, 0, .5)',
-        boxShadow: '0 0 1px rgba(255, 255, 255, .5)'
-      }
-    });
-  },
-  option: function option(styles, _ref4) {
-    var isFocused = _ref4.isFocused;
-    return {
-      backgroundColor: isFocused ? stylevariables.actionColor : null,
-      padding: '5px 10px',
-      fontSize: '14px',
-      color: isFocused ? stylevariables.white : stylevariables.black
-    };
-  },
-  input: function input(styles) {
-    return _extends({}, styles, {
-      height: '16px'
-    });
-  }
+
+var prepareStyles = function prepareStyles(customActionColor) {
+  var mainColor = customActionColor || stylevariables.actionColor;
+  return {
+    control: function control(styles, _ref) {
+      var isFocused = _ref.isFocused,
+          isDisabled = _ref.isDisabled;
+      return _extends({}, styles, {
+        borderRadius: stylevariables.borderRadius,
+        backgroundColor: isDisabled ? '#ededed' : '#fff',
+        minHeight: stylevariables.lineHeight + "px",
+        borderWidth: 1,
+        boxShadow: 'none',
+        borderColor: isFocused ? mainColor : stylevariables.gray80
+      });
+    },
+    valueContainer: function valueContainer(styles) {
+      return _extends({}, styles, {
+        overflow: 'hidden',
+        padding: '2px 2px 4px 2px',
+        justifyContent: 'flex-start'
+      });
+    },
+    placeholder: function placeholder() {
+      return {
+        color: '#c0c0c0',
+        fontWeight: 100,
+        paddingLeft: '4px',
+        position: 'absolute'
+      };
+    },
+    clearIndicator: function clearIndicator() {
+      return {
+        color: '#c0c0c0',
+        display: 'inline-flex',
+        marginRight: '4px'
+      };
+    },
+    dropdownIndicator: function dropdownIndicator() {
+      return {
+        display: 'none'
+      };
+    },
+    indicatorSeparator: function indicatorSeparator() {
+      return {
+        display: 'none'
+      };
+    },
+    multiValue: function multiValue(styles, _ref2) {
+      var data = _ref2.data;
+      return _extends({}, styles, {
+        backgroundColor: data.isException ? stylevariables.errorColor : mainColor,
+        color: stylevariables.white,
+        borderRadius: stylevariables.borderRadius / 2 + "px",
+        height: '22px',
+        display: 'flex',
+        alignItems: 'center',
+        margin: '2px 0 0 2px'
+      });
+    },
+    multiValueLabel: function multiValueLabel(styles) {
+      return _extends({}, styles, {
+        color: stylevariables.white,
+        padding: '0 0 0 5px',
+        fontSize: '12px',
+        borderRadius: 0,
+        display: 'inline-flex',
+        lineHeight: '1'
+      });
+    },
+    multiValueRemove: function multiValueRemove(styles, _ref3) {
+      var data = _ref3.data;
+      return _extends({}, styles, {
+        padding: 0,
+        margin: '0 4px 0 2px',
+        backgroundColor: data.isException ? stylevariables.errorColor : mainColor,
+        cursor: 'pointer',
+        ':hover': {
+          backgroundColor: data.isException ? stylevariables.errorColor : mainColor,
+          color: 'white'
+        }
+      });
+    },
+    menu: function menu(styles) {
+      return _extends({}, styles, {
+        margin: 0,
+        borderRadius: 0,
+        zIndex: 10
+      });
+    },
+    menuList: function menuList(styles) {
+      return _extends({}, styles, {
+        '::-webkit-scrollbar': {
+          width: '7px'
+        },
+        '::-webkit-scrollbar-thumb': {
+          borderRadius: '4px',
+          backgroundColor: 'rgba(0, 0, 0, .5)',
+          boxShadow: '0 0 1px rgba(255, 255, 255, .5)'
+        }
+      });
+    },
+    option: function option(styles, _ref4) {
+      var isFocused = _ref4.isFocused;
+      return {
+        backgroundColor: isFocused ? mainColor : null,
+        padding: '5px 10px',
+        fontSize: '14px',
+        color: isFocused ? stylevariables.white : stylevariables.black
+      };
+    },
+    input: function input(styles) {
+      return _extends({}, styles, {
+        height: '16px'
+      });
+    }
+  };
 };
 
 var REGEXPS = [/(?:\b|\B)\n+\b/, /(?:\b|\B),\s\b/, /(?:\b|\B),+\b/];
@@ -351,15 +355,17 @@ var TagsInput = function TagsInput(props) {
       searchableKeys = _props$searchableKeys === void 0 ? ['label'] : _props$searchableKeys,
       _props$value = props.value,
       value = _props$value === void 0 ? [] : _props$value,
+      _props$actionColor = props.actionColor,
+      actionColor = _props$actionColor === void 0 ? '' : _props$actionColor,
       _props$minHeightInput = props.minHeightInput,
       minHeightInput = _props$minHeightInput === void 0 ? 36 : _props$minHeightInput;
   var currentValue = value;
 
-  var preparedStyled = _extends({}, defaultStyles, customStyles, {
+  var preparedStyled = _extends({}, prepareStyles(actionColor), customStyles, {
     control: function control(base, state) {
       var styles = customStyles.control && isFunction(customStyles.control) ? customStyles.control(base, state) : {};
-      return _extends({}, defaultStyles.control(base, state), styles, {
-        border: errors.length ? '1px solid #ed3030' : defaultStyles.control(base, state).border,
+      return _extends({}, prepareStyles(actionColor).control(base, state), styles, {
+        border: errors.length ? '1px solid #ed3030' : prepareStyles(actionColor).control(base, state).border,
         minHeight: minHeightInput
       });
     }

package/dist/tags-input.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"tags-input.cjs.development.js","sources":["../src/style.tsx","../src/index.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport {\n  lineHeight, actionColor, borderRadius, gray80, errorColor, black, white,\n} from '@propellerads/stylevariables';\n\nconst StyledTagsInput = styled.div`\n  position: relative;\n`;\n\nconst TagsInputErrors = styled.div`\n    position: absolute;\n    display: flex;\n    flex-direction: row;\n    right: 1px;\n    top: 0;\n    height: ${lineHeight}px;\n    align-items: center;\n`;\n\nconst defaultStyles = {\n  control: (styles, {isFocused, isDisabled}) => ({\n    ...styles,\n    borderRadius,\n    backgroundColor: isDisabled ? '#ededed' : '#fff',\n    minHeight: `${lineHeight}px`,\n    borderWidth: 1,\n    boxShadow: 'none',\n    borderColor: isFocused ? actionColor : gray80,\n  }),\n  valueContainer: (styles) => ({\n    ...styles,\n    overflow: 'hidden',\n    padding: '2px 2px 4px 2px',\n    justifyContent: 'flex-start',\n  }),\n  placeholder: () => ({\n    color: '#c0c0c0',\n    fontWeight: 100,\n    paddingLeft: '4px',\n    position: 'absolute',\n  }),\n  clearIndicator: () => ({\n    color: '#c0c0c0',\n    display: 'inline-flex',\n    marginRight: '4px',\n  }),\n  dropdownIndicator: () => ({\n    display: 'none',\n  }),\n  indicatorSeparator: () => ({\n    display: 'none',\n  }),\n  multiValue: (styles, {data}) => ({\n    ...styles,\n    backgroundColor: data.isException ? errorColor : actionColor,\n    color: white,\n    borderRadius: `${borderRadius / 2}px`,\n    height: '22px',\n    display: 'flex',\n    alignItems: 'center',\n    margin: '2px 0 0 2px',\n  }),\n  multiValueLabel: (styles) => ({\n    ...styles,\n    color: white,\n    padding: '0 0 0 5px',\n    fontSize: '12px',\n    borderRadius: 0,\n    display: 'inline-flex',\n    lineHeight: '1',\n  }),\n  multiValueRemove: (styles, {data}) => ({\n    ...styles,\n    padding: 0,\n    margin: '0 4px 0 2px',\n    backgroundColor: data.isException ? errorColor : actionColor,\n    cursor: 'pointer',\n    ':hover': {\n      backgroundColor: data.isException ? errorColor : actionColor,\n      color: 'white',\n    },\n  }),\n  menu: (styles) => ({\n    ...styles,\n    margin: 0,\n    borderRadius: 0,\n    zIndex: 10,\n  }),\n  menuList: (styles) => ({\n    ...styles,\n    '::-webkit-scrollbar': {\n      width: '7px',\n    },\n    '::-webkit-scrollbar-thumb': {\n      borderRadius: '4px',\n      backgroundColor: 'rgba(0, 0, 0, .5)',\n      boxShadow: '0 0 1px rgba(255, 255, 255, .5)',\n    },\n  }),\n  option: (styles, {isFocused}) => ({\n    backgroundColor: isFocused ? actionColor : null,\n    padding: '5px 10px',\n    fontSize: '14px',\n    color: isFocused ? white : black,\n  }),\n  input: (styles) => ({\n    ...styles,\n    height: '16px',\n  }),\n};\n\nexport {defaultStyles, StyledTagsInput, TagsInputErrors};\n","import React, {useRef} from 'react';\nimport ReactSelect, {components as reactSelectComponents} from 'react-select';\nimport isFunction from 'lodash.isfunction';\nimport ReactAsyncSelect from 'react-select/lib/Async';\nimport ErrorLabel from '@propellerads/error-label';\nimport {Close, SIZE, COLOR} from '@propellerads/icon';\n\nimport {TagsInputProps} from './types';\nimport {defaultStyles, StyledTagsInput, TagsInputErrors} from './style';\n\n// regexps by priority\nconst REGEXPS = [\n  /(?:\\b|\\B)\\n+\\b/,\n  /(?:\\b|\\B),\\s\\b/,\n  /(?:\\b|\\B),+\\b/,\n];\n\ninterface SplitStringReturnValue {\n    splits: string[]\n    specialHandle: boolean\n}\n\nfunction splitString(value: string): SplitStringReturnValue {\n  let splits: string[] = [];\n\n  let specialHandle = false;\n  // eslint-disable-next-line no-restricted-syntax\n  for (const regex of REGEXPS) {\n    splits = value.split(regex);\n    if (splits.length > 1) {\n      break;\n    }\n  }\n\n  // special case. Need handle in special way\n  if (splits.length === 1) {\n    splits = value.split(/\\b\\s+\\b/);\n    specialHandle = splits.length > 1;\n  }\n\n  return {\n    splits,\n    specialHandle,\n  };\n}\n\nfunction searchSuitableOptions(pastedValue, availableOptions, searchableKeys) {\n  const {splits, specialHandle} = splitString(pastedValue);\n\n  if (specialHandle) {\n    let rawPastedString = splits.join(' ')\n      .toLowerCase();\n\n    return availableOptions\n      .sort((firstEl, secondEl) => {\n        if (firstEl.label.length > secondEl.label.length) {\n          return -1;\n        }\n        if (firstEl.label.length < secondEl.label.length) {\n          return 1;\n        }\n\n        return 0;\n      })\n      .filter((option) => searchableKeys.reduce((prevValue, currValue) => {\n        const optionValue = String(option[currValue])\n          .toLowerCase();\n        const position = rawPastedString.search(optionValue);\n        const condition = position !== -1;\n        if (condition) {\n          rawPastedString = rawPastedString.replace(optionValue, '');\n        }\n\n        return prevValue || condition;\n      }, false));\n  }\n\n  return splits.map((splitValue) => availableOptions.find((option) => {\n    const comparableValue = splitValue.trim().toLowerCase();\n\n    return searchableKeys.reduce((prevValue, currValue) => {\n      const optionValue = String(option[currValue])\n        .toLowerCase();\n      const condition = optionValue === comparableValue;\n\n      return prevValue || condition;\n    }, false);\n  }))\n    .filter(Boolean);\n}\n\ninterface ClearIndicatorProps {\n  // eslint-disable-next-line @typescript-eslint/ban-types\n    getStyles: (clearIndicator: string, props: any) => {},\n    innerProps: {\n        ref: React.Ref<HTMLDivElement>\n    },\n    elementId: string,\n}\n\nconst ClearIndicator = (props: ClearIndicatorProps) => {\n  const {\n    elementId,\n    getStyles,\n    innerProps: {\n      ref,\n      ...restInnerProps\n    },\n  } = props;\n\n  return (\n    <div\n      {...restInnerProps}\n      ref={ref}\n      style={getStyles('clearIndicator', props)}\n      id={`${elementId}-clear`}\n    >\n      <Close\n        color={COLOR.GRAY_DARK}\n        size={SIZE.MEDIUM_SMALL}\n      />\n    </div>\n  );\n};\n\nconst TagsInput = (props: TagsInputProps) => {\n  const reactSelectElement = useRef<any>(null);\n\n  const {\n    components = {},\n    customStyles = {},\n    elementId,\n    errors = [],\n    isAsync = false,\n    isErrorLabelVisible = false,\n    onChange,\n    onInputChange = null,\n    filterOption = null,\n    options = [],\n    promiseOptions = () => Promise.resolve(),\n    searchableKeys = [\n      'label',\n    ],\n    value = [],\n    isClearable = true,\n    isDisabled = false,\n    isLoading = false,\n    isRtl = false,\n    isMulti = true,\n    isSearchable = true,\n    cacheOptions = false,\n    placeholder = 'Start typing...',\n    noOptionsMessage = () => 'No options...',\n    loadingMessage = () => 'Loading...',\n    minHeightInput = 36,\n  } = props;\n\n  const currentValue = value;\n\n  const preparedStyled = {\n    ...defaultStyles,\n    ...customStyles,\n    control: (base, state) => {\n      const styles = (customStyles.control && isFunction(customStyles.control))\n        ? customStyles.control(base, state)\n        : {};\n\n      return {\n        ...defaultStyles.control(base, state),\n        ...styles,\n        border: errors.length ? '1px solid #ed3030' : defaultStyles.control(base, state).border,\n        minHeight: minHeightInput,\n      };\n    },\n  };\n\n  const config = {\n    ...props,\n    id: elementId,\n    onChange,\n    ...(onInputChange && {onInputChange}),\n    ...(filterOption && {filterOption}),\n    styles: preparedStyled,\n    components: {\n      ClearIndicator: (clearIndicatorProps) => (\n        <ClearIndicator\n          {...clearIndicatorProps}\n          elementId={elementId}\n        />\n      ),\n      ...components,\n    },\n  };\n\n  const handleAsyncRequest = (newValue: any) => {\n    if (!newValue.length || newValue.length < 2) {\n      return null;\n    }\n\n    return promiseOptions(newValue);\n  };\n\n  const onPaste = (e) => {\n    const pasteData = e.clipboardData.getData('text/plain');\n\n    const pastedOptions = searchSuitableOptions(pasteData, options, searchableKeys);\n\n    const newInputOptions = pastedOptions.reduce((acc, curVal) => {\n      if (!acc.find((el) => el.value === curVal.value)) {\n        acc.push(curVal);\n      }\n\n      return acc;\n    }, currentValue);\n\n    if (pastedOptions.length !== 0) {\n      onChange(newInputOptions);\n      setTimeout(() => {\n        reactSelectElement.current.select.blur();\n      }, 0);\n    }\n  };\n\n  const asyncSelect = (\n    <ReactAsyncSelect\n      {...config}\n      loadOptions={(newValue) => handleAsyncRequest(newValue)}\n    />\n  );\n\n  const select = (\n    <div onPaste={onPaste}>\n      <ReactSelect\n        {...config}\n        ref={reactSelectElement}\n        options={options}\n      />\n    </div>\n  );\n\n  return (\n    <StyledTagsInput>\n      {isAsync ? asyncSelect : select}\n      {errors && errors.length > 0 && isErrorLabelVisible && (\n        <TagsInputErrors>\n          <ErrorLabel\n            elementId={elementId}\n            errors={errors}\n          />\n        </TagsInputErrors>\n      )}\n    </StyledTagsInput>\n  );\n};\n\nfunction customChecker(props, propName, component) {\n  const {[propName]: propValue} = props;\n  if (typeof propValue !== 'function') {\n    return new Error(`Invalid prop \"${propName}\" passed to ${component}`);\n  }\n\n  const value = propValue();\n  if (typeof value !== 'string' && !React.isValidElement(value)) {\n    // eslint-disable-next-line max-len\n    return new Error(`Invalid prop \"${propName}\" passed to ${component}. Function should return \"string\" or \"react.Node\"`);\n  }\n\n  return null;\n}\n\nexport {reactSelectComponents as components};\n\nexport default TagsInput;\n"],"names":["StyledTagsInput","styled","div","TagsInputErrors","lineHeight","defaultStyles","control","styles","isFocused","isDisabled","borderRadius","backgroundColor","minHeight","borderWidth","boxShadow","borderColor","actionColor","gray80","valueContainer","overflow","padding","justifyContent","placeholder","color","fontWeight","paddingLeft","position","clearIndicator","display","marginRight","dropdownIndicator","indicatorSeparator","multiValue","data","isException","errorColor","white","height","alignItems","margin","multiValueLabel","fontSize","multiValueRemove","cursor","menu","zIndex","menuList","width","option","black","input","REGEXPS","splitString","value","splits","specialHandle","regex","split","length","searchSuitableOptions","pastedValue","availableOptions","searchableKeys","rawPastedString","join","toLowerCase","sort","firstEl","secondEl","label","filter","reduce","prevValue","currValue","optionValue","String","search","condition","replace","map","splitValue","find","comparableValue","trim","Boolean","ClearIndicator","props","elementId","getStyles","innerProps","ref","restInnerProps","React","style","id","Close","COLOR","GRAY_DARK","size","SIZE","MEDIUM_SMALL","TagsInput","reactSelectElement","useRef","components","customStyles","errors","isAsync","isErrorLabelVisible","onChange","onInputChange","filterOption","options","promiseOptions","Promise","resolve","minHeightInput","currentValue","preparedStyled","base","state","isFunction","border","config","clearIndicatorProps","handleAsyncRequest","newValue","onPaste","e","pasteData","clipboardData","getData","pastedOptions","newInputOptions","acc","curVal","el","push","setTimeout","current","select","blur","asyncSelect","ReactAsyncSelect","loadOptions","ReactSelect","ErrorLabel"],"mappings":"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"}
+{"version":3,"file":"tags-input.cjs.development.js","sources":["../src/style.tsx","../src/index.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport {\n  lineHeight, actionColor, borderRadius, gray80, errorColor, black, white,\n} from '@propellerads/stylevariables';\n\nconst StyledTagsInput = styled.div`\n  position: relative;\n`;\n\nconst TagsInputErrors = styled.div`\n    position: absolute;\n    display: flex;\n    flex-direction: row;\n    right: 1px;\n    top: 0;\n    height: ${lineHeight}px;\n    align-items: center;\n`;\n\nconst prepareStyles = (customActionColor: string) => {\n  const mainColor = customActionColor || actionColor;\n  return {\n    control: (styles, {isFocused, isDisabled}) => ({\n      ...styles,\n      borderRadius,\n      backgroundColor: isDisabled ? '#ededed' : '#fff',\n      minHeight: `${lineHeight}px`,\n      borderWidth: 1,\n      boxShadow: 'none',\n      borderColor: isFocused ? mainColor : gray80,\n    }),\n    valueContainer: (styles) => ({\n      ...styles,\n      overflow: 'hidden',\n      padding: '2px 2px 4px 2px',\n      justifyContent: 'flex-start',\n    }),\n    placeholder: () => ({\n      color: '#c0c0c0',\n      fontWeight: 100,\n      paddingLeft: '4px',\n      position: 'absolute',\n    }),\n    clearIndicator: () => ({\n      color: '#c0c0c0',\n      display: 'inline-flex',\n      marginRight: '4px',\n    }),\n    dropdownIndicator: () => ({\n      display: 'none',\n    }),\n    indicatorSeparator: () => ({\n      display: 'none',\n    }),\n    multiValue: (styles, {data}) => ({\n      ...styles,\n      backgroundColor: data.isException ? errorColor : mainColor,\n      color: white,\n      borderRadius: `${borderRadius / 2}px`,\n      height: '22px',\n      display: 'flex',\n      alignItems: 'center',\n      margin: '2px 0 0 2px',\n    }),\n    multiValueLabel: (styles) => ({\n      ...styles,\n      color: white,\n      padding: '0 0 0 5px',\n      fontSize: '12px',\n      borderRadius: 0,\n      display: 'inline-flex',\n      lineHeight: '1',\n    }),\n    multiValueRemove: (styles, {data}) => ({\n      ...styles,\n      padding: 0,\n      margin: '0 4px 0 2px',\n      backgroundColor: data.isException ? errorColor : mainColor,\n      cursor: 'pointer',\n      ':hover': {\n        backgroundColor: data.isException ? errorColor : mainColor,\n        color: 'white',\n      },\n    }),\n    menu: (styles) => ({\n      ...styles,\n      margin: 0,\n      borderRadius: 0,\n      zIndex: 10,\n    }),\n    menuList: (styles) => ({\n      ...styles,\n      '::-webkit-scrollbar': {\n        width: '7px',\n      },\n      '::-webkit-scrollbar-thumb': {\n        borderRadius: '4px',\n        backgroundColor: 'rgba(0, 0, 0, .5)',\n        boxShadow: '0 0 1px rgba(255, 255, 255, .5)',\n      },\n    }),\n    option: (styles, {isFocused}) => ({\n      backgroundColor: isFocused ? mainColor : null,\n      padding: '5px 10px',\n      fontSize: '14px',\n      color: isFocused ? white : black,\n    }),\n    input: (styles) => ({\n      ...styles,\n      height: '16px',\n    }),\n  };\n};\n\nexport {prepareStyles, StyledTagsInput, TagsInputErrors};\n","import React, {useRef} from 'react';\nimport ReactSelect, {components as reactSelectComponents} from 'react-select';\nimport isFunction from 'lodash.isfunction';\nimport ReactAsyncSelect from 'react-select/lib/Async';\nimport ErrorLabel from '@propellerads/error-label';\nimport {Close, SIZE, COLOR} from '@propellerads/icon';\n\nimport {TagsInputProps} from './types';\nimport {prepareStyles, StyledTagsInput, TagsInputErrors} from './style';\n\n// regexps by priority\nconst REGEXPS = [\n  /(?:\\b|\\B)\\n+\\b/,\n  /(?:\\b|\\B),\\s\\b/,\n  /(?:\\b|\\B),+\\b/,\n];\n\ninterface SplitStringReturnValue {\n    splits: string[]\n    specialHandle: boolean\n}\n\nfunction splitString(value: string): SplitStringReturnValue {\n  let splits: string[] = [];\n\n  let specialHandle = false;\n  // eslint-disable-next-line no-restricted-syntax\n  for (const regex of REGEXPS) {\n    splits = value.split(regex);\n    if (splits.length > 1) {\n      break;\n    }\n  }\n\n  // special case. Need handle in special way\n  if (splits.length === 1) {\n    splits = value.split(/\\b\\s+\\b/);\n    specialHandle = splits.length > 1;\n  }\n\n  return {\n    splits,\n    specialHandle,\n  };\n}\n\nfunction searchSuitableOptions(pastedValue, availableOptions, searchableKeys) {\n  const {splits, specialHandle} = splitString(pastedValue);\n\n  if (specialHandle) {\n    let rawPastedString = splits.join(' ')\n      .toLowerCase();\n\n    return availableOptions\n      .sort((firstEl, secondEl) => {\n        if (firstEl.label.length > secondEl.label.length) {\n          return -1;\n        }\n        if (firstEl.label.length < secondEl.label.length) {\n          return 1;\n        }\n\n        return 0;\n      })\n      .filter((option) => searchableKeys.reduce((prevValue, currValue) => {\n        const optionValue = String(option[currValue])\n          .toLowerCase();\n        const position = rawPastedString.search(optionValue);\n        const condition = position !== -1;\n        if (condition) {\n          rawPastedString = rawPastedString.replace(optionValue, '');\n        }\n\n        return prevValue || condition;\n      }, false));\n  }\n\n  return splits.map((splitValue) => availableOptions.find((option) => {\n    const comparableValue = splitValue.trim().toLowerCase();\n\n    return searchableKeys.reduce((prevValue, currValue) => {\n      const optionValue = String(option[currValue])\n        .toLowerCase();\n      const condition = optionValue === comparableValue;\n\n      return prevValue || condition;\n    }, false);\n  }))\n    .filter(Boolean);\n}\n\ninterface ClearIndicatorProps {\n  // eslint-disable-next-line @typescript-eslint/ban-types\n    getStyles: (clearIndicator: string, props: any) => {},\n    innerProps: {\n        ref: React.Ref<HTMLDivElement>\n    },\n    elementId: string,\n}\n\nconst ClearIndicator = (props: ClearIndicatorProps) => {\n  const {\n    elementId,\n    getStyles,\n    innerProps: {\n      ref,\n      ...restInnerProps\n    },\n  } = props;\n\n  return (\n    <div\n      {...restInnerProps}\n      ref={ref}\n      style={getStyles('clearIndicator', props)}\n      id={`${elementId}-clear`}\n    >\n      <Close\n        color={COLOR.GRAY_DARK}\n        size={SIZE.MEDIUM_SMALL}\n      />\n    </div>\n  );\n};\n\nconst TagsInput = (props: TagsInputProps) => {\n  const reactSelectElement = useRef<any>(null);\n\n  const {\n    components = {},\n    customStyles = {},\n    elementId,\n    errors = [],\n    isAsync = false,\n    isErrorLabelVisible = false,\n    onChange,\n    onInputChange = null,\n    filterOption = null,\n    options = [],\n    promiseOptions = () => Promise.resolve(),\n    searchableKeys = [\n      'label',\n    ],\n    value = [],\n    actionColor = '',\n    isClearable = true,\n    isDisabled = false,\n    isLoading = false,\n    isRtl = false,\n    isMulti = true,\n    isSearchable = true,\n    cacheOptions = false,\n    placeholder = 'Start typing...',\n    noOptionsMessage = () => 'No options...',\n    loadingMessage = () => 'Loading...',\n    minHeightInput = 36,\n  } = props;\n\n  const currentValue = value;\n\n  const preparedStyled = {\n    ...prepareStyles(actionColor),\n    ...customStyles,\n    control: (base, state) => {\n      const styles = (customStyles.control && isFunction(customStyles.control))\n        ? customStyles.control(base, state)\n        : {};\n\n      return {\n        ...prepareStyles(actionColor).control(base, state),\n        ...styles,\n        border: errors.length ? '1px solid #ed3030' : prepareStyles(actionColor).control(base, state).border,\n        minHeight: minHeightInput,\n      };\n    },\n  };\n\n  const config = {\n    ...props,\n    id: elementId,\n    onChange,\n    ...(onInputChange && {onInputChange}),\n    ...(filterOption && {filterOption}),\n    styles: preparedStyled,\n    components: {\n      ClearIndicator: (clearIndicatorProps) => (\n        <ClearIndicator\n          {...clearIndicatorProps}\n          elementId={elementId}\n        />\n      ),\n      ...components,\n    },\n  };\n\n  const handleAsyncRequest = (newValue: any) => {\n    if (!newValue.length || newValue.length < 2) {\n      return null;\n    }\n\n    return promiseOptions(newValue);\n  };\n\n  const onPaste = (e) => {\n    const pasteData = e.clipboardData.getData('text/plain');\n\n    const pastedOptions = searchSuitableOptions(pasteData, options, searchableKeys);\n\n    const newInputOptions = pastedOptions.reduce((acc, curVal) => {\n      if (!acc.find((el) => el.value === curVal.value)) {\n        acc.push(curVal);\n      }\n\n      return acc;\n    }, currentValue);\n\n    if (pastedOptions.length !== 0) {\n      onChange(newInputOptions);\n      setTimeout(() => {\n        reactSelectElement.current.select.blur();\n      }, 0);\n    }\n  };\n\n  const asyncSelect = (\n    <ReactAsyncSelect\n      {...config}\n      loadOptions={(newValue) => handleAsyncRequest(newValue)}\n    />\n  );\n\n  const select = (\n    <div onPaste={onPaste}>\n      <ReactSelect\n        {...config}\n        ref={reactSelectElement}\n        options={options}\n      />\n    </div>\n  );\n\n  return (\n    <StyledTagsInput>\n      {isAsync ? asyncSelect : select}\n      {errors && errors.length > 0 && isErrorLabelVisible && (\n        <TagsInputErrors>\n          <ErrorLabel\n            elementId={elementId}\n            errors={errors}\n          />\n        </TagsInputErrors>\n      )}\n    </StyledTagsInput>\n  );\n};\n\nfunction customChecker(props, propName, component) {\n  const {[propName]: propValue} = props;\n  if (typeof propValue !== 'function') {\n    return new Error(`Invalid prop \"${propName}\" passed to ${component}`);\n  }\n\n  const value = propValue();\n  if (typeof value !== 'string' && !React.isValidElement(value)) {\n    // eslint-disable-next-line max-len\n    return new Error(`Invalid prop \"${propName}\" passed to ${component}. Function should return \"string\" or \"react.Node\"`);\n  }\n\n  return null;\n}\n\nexport {reactSelectComponents as components};\n\nexport default TagsInput;\n"],"names":["StyledTagsInput","styled","div","TagsInputErrors","lineHeight","prepareStyles","customActionColor","mainColor","actionColor","control","styles","isFocused","isDisabled","borderRadius","backgroundColor","minHeight","borderWidth","boxShadow","borderColor","gray80","valueContainer","overflow","padding","justifyContent","placeholder","color","fontWeight","paddingLeft","position","clearIndicator","display","marginRight","dropdownIndicator","indicatorSeparator","multiValue","data","isException","errorColor","white","height","alignItems","margin","multiValueLabel","fontSize","multiValueRemove","cursor","menu","zIndex","menuList","width","option","black","input","REGEXPS","splitString","value","splits","specialHandle","regex","split","length","searchSuitableOptions","pastedValue","availableOptions","searchableKeys","rawPastedString","join","toLowerCase","sort","firstEl","secondEl","label","filter","reduce","prevValue","currValue","optionValue","String","search","condition","replace","map","splitValue","find","comparableValue","trim","Boolean","ClearIndicator","props","elementId","getStyles","innerProps","ref","restInnerProps","React","style","id","Close","COLOR","GRAY_DARK","size","SIZE","MEDIUM_SMALL","TagsInput","reactSelectElement","useRef","components","customStyles","errors","isAsync","isErrorLabelVisible","onChange","onInputChange","filterOption","options","promiseOptions","Promise","resolve","minHeightInput","currentValue","preparedStyled","base","state","isFunction","border","config","clearIndicatorProps","handleAsyncRequest","newValue","onPaste","e","pasteData","clipboardData","getData","pastedOptions","newInputOptions","acc","curVal","el","push","setTimeout","current","select","blur","asyncSelect","ReactAsyncSelect","loadOptions","ReactSelect","ErrorLabel"],"mappings":"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"}

package/dist/tags-input.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react"),n=e(r),t=require("react-select"),o=e(t),i=e(require("lodash.isfunction")),l=e(require("react-select/lib/Async")),a=e(require("@propellerads/error-label")),u=require("@propellerads/icon"),c=e(require("styled-components")),s=require("@propellerads/stylevariables");function d(){return(d=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e}).apply(this,arguments)}function p(e,r){return r||(r=e.slice(0)),e.raw=r,e}function f(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}function b(){var e=p(["\n    position: absolute;\n    display: flex;\n    flex-direction: row;\n    right: 1px;\n    top: 0;\n    height: ","px;\n    align-items: center;\n"]);return b=function(){return e},e}function g(){var e=p(["\n  position: relative;\n"]);return g=function(){return e},e}var v=c.div(g()),h=c.div(b(),s.lineHeight),m={control:function(e,r){return d({},e,{borderRadius:s.borderRadius,backgroundColor:r.isDisabled?"#ededed":"#fff",minHeight:s.lineHeight+"px",borderWidth:1,boxShadow:"none",borderColor:r.isFocused?s.actionColor:s.gray80})},valueContainer:function(e){return d({},e,{overflow:"hidden",padding:"2px 2px 4px 2px",justifyContent:"flex-start"})},placeholder:function(){return{color:"#c0c0c0",fontWeight:100,paddingLeft:"4px",position:"absolute"}},clearIndicator:function(){return{color:"#c0c0c0",display:"inline-flex",marginRight:"4px"}},dropdownIndicator:function(){return{display:"none"}},indicatorSeparator:function(){return{display:"none"}},multiValue:function(e,r){return d({},e,{backgroundColor:r.data.isException?s.errorColor:s.actionColor,color:s.white,borderRadius:s.borderRadius/2+"px",height:"22px",display:"flex",alignItems:"center",margin:"2px 0 0 2px"})},multiValueLabel:function(e){return d({},e,{color:s.white,padding:"0 0 0 5px",fontSize:"12px",borderRadius:0,display:"inline-flex",lineHeight:"1"})},multiValueRemove:function(e,r){var n=r.data;return d({},e,{padding:0,margin:"0 4px 0 2px",backgroundColor:n.isException?s.errorColor:s.actionColor,cursor:"pointer",":hover":{backgroundColor:n.isException?s.errorColor:s.actionColor,color:"white"}})},menu:function(e){return d({},e,{margin:0,borderRadius:0,zIndex:10})},menuList:function(e){return d({},e,{"::-webkit-scrollbar":{width:"7px"},"::-webkit-scrollbar-thumb":{borderRadius:"4px",backgroundColor:"rgba(0, 0, 0, .5)",boxShadow:"0 0 1px rgba(255, 255, 255, .5)"}})},option:function(e,r){var n=r.isFocused;return{backgroundColor:n?s.actionColor:null,padding:"5px 10px",fontSize:"14px",color:n?s.white:s.black}},input:function(e){return d({},e,{height:"16px"})}},x=[/(?:\b|\B)\n+\b/,/(?:\b|\B),\s\b/,/(?:\b|\B),+\b/],y=function(e){var r=e.elementId,t=e.getStyles,o=e.innerProps,i=o.ref,l=function(e,r){if(null==e)return{};var n,t,o={},i=Object.keys(e);for(t=0;t<i.length;t++)r.indexOf(n=i[t])>=0||(o[n]=e[n]);return o}(o,["ref"]);return n.createElement("div",Object.assign({},l,{ref:i,style:t("clearIndicator",e),id:r+"-clear"}),n.createElement(u.Close,{color:u.COLOR.GRAY_DARK,size:u.SIZE.MEDIUM_SMALL}))};Object.defineProperty(exports,"components",{enumerable:!0,get:function(){return t.components}}),exports.default=function(e){var t=r.useRef(null),u=e.components,c=void 0===u?{}:u,s=e.customStyles,p=void 0===s?{}:s,b=e.elementId,g=e.errors,C=void 0===g?[]:g,w=e.isAsync,O=void 0!==w&&w,I=e.isErrorLabelVisible,S=void 0!==I&&I,E=e.onChange,j=e.onInputChange,R=void 0===j?null:j,A=e.filterOption,L=void 0===A?null:A,k=e.options,q=void 0===k?[]:k,H=e.promiseOptions,P=void 0===H?function(){return Promise.resolve()}:H,D=e.searchableKeys,M=void 0===D?["label"]:D,z=e.value,B=e.minHeightInput,V=void 0===B?36:B,_=void 0===z?[]:z,F=d({},m,p,{control:function(e,r){var n=p.control&&i(p.control)?p.control(e,r):{};return d({},m.control(e,r),n,{border:C.length?"1px solid #ed3030":m.control(e,r).border,minHeight:V})}}),K=d({},e,{id:b,onChange:E},R&&{onInputChange:R},L&&{filterOption:L},{styles:F,components:d({ClearIndicator:function(e){return n.createElement(y,Object.assign({},e,{elementId:b}))}},c)}),T=n.createElement(l,Object.assign({},K,{loadOptions:function(e){return function(e){return!e.length||e.length<2?null:P(e)}(e)}})),U=n.createElement("div",{onPaste:function(e){var r=function(e,r,n){var t=function(e){for(var r,n=[],t=!1,o=function(e,r){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,r){if(e){if("string"==typeof e)return f(e,void 0);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,void 0):void 0}}(e))){n&&(e=n);var t=0;return function(){return t>=e.length?{done:!0}:{done:!1,value:e[t++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(n=e[Symbol.iterator]()).next.bind(n)}(x);!((r=o()).done||(n=e.split(r.value)).length>1););return 1===n.length&&(t=(n=e.split(/\b\s+\b/)).length>1),{splits:n,specialHandle:t}}(e),o=t.splits;if(t.specialHandle){var i=o.join(" ").toLowerCase();return r.sort((function(e,r){return e.label.length>r.label.length?-1:e.label.length<r.label.length?1:0})).filter((function(e){return n.reduce((function(r,n){var t=String(e[n]).toLowerCase(),o=-1!==i.search(t);return o&&(i=i.replace(t,"")),r||o}),!1)}))}return o.map((function(e){return r.find((function(r){var t=e.trim().toLowerCase();return n.reduce((function(e,n){var o=String(r[n]).toLowerCase();return e||o===t}),!1)}))})).filter(Boolean)}(e.clipboardData.getData("text/plain"),q,M),n=r.reduce((function(e,r){return e.find((function(e){return e.value===r.value}))||e.push(r),e}),_);0!==r.length&&(E(n),setTimeout((function(){t.current.select.blur()}),0))}},n.createElement(o,Object.assign({},K,{ref:t,options:q})));return n.createElement(v,null,O?T:U,C&&C.length>0&&S&&n.createElement(h,null,n.createElement(a,{elementId:b,errors:C})))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react"),n=e(r),t=require("react-select"),o=e(t),i=e(require("lodash.isfunction")),l=e(require("react-select/lib/Async")),a=e(require("@propellerads/error-label")),u=require("@propellerads/icon"),c=e(require("styled-components")),s=require("@propellerads/stylevariables");function d(){return(d=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e}).apply(this,arguments)}function p(e,r){return r||(r=e.slice(0)),e.raw=r,e}function f(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}function b(){var e=p(["\n    position: absolute;\n    display: flex;\n    flex-direction: row;\n    right: 1px;\n    top: 0;\n    height: ","px;\n    align-items: center;\n"]);return b=function(){return e},e}function g(){var e=p(["\n  position: relative;\n"]);return g=function(){return e},e}var v=c.div(g()),h=c.div(b(),s.lineHeight),m=function(e){var r=e||s.actionColor;return{control:function(e,n){return d({},e,{borderRadius:s.borderRadius,backgroundColor:n.isDisabled?"#ededed":"#fff",minHeight:s.lineHeight+"px",borderWidth:1,boxShadow:"none",borderColor:n.isFocused?r:s.gray80})},valueContainer:function(e){return d({},e,{overflow:"hidden",padding:"2px 2px 4px 2px",justifyContent:"flex-start"})},placeholder:function(){return{color:"#c0c0c0",fontWeight:100,paddingLeft:"4px",position:"absolute"}},clearIndicator:function(){return{color:"#c0c0c0",display:"inline-flex",marginRight:"4px"}},dropdownIndicator:function(){return{display:"none"}},indicatorSeparator:function(){return{display:"none"}},multiValue:function(e,n){return d({},e,{backgroundColor:n.data.isException?s.errorColor:r,color:s.white,borderRadius:s.borderRadius/2+"px",height:"22px",display:"flex",alignItems:"center",margin:"2px 0 0 2px"})},multiValueLabel:function(e){return d({},e,{color:s.white,padding:"0 0 0 5px",fontSize:"12px",borderRadius:0,display:"inline-flex",lineHeight:"1"})},multiValueRemove:function(e,n){var t=n.data;return d({},e,{padding:0,margin:"0 4px 0 2px",backgroundColor:t.isException?s.errorColor:r,cursor:"pointer",":hover":{backgroundColor:t.isException?s.errorColor:r,color:"white"}})},menu:function(e){return d({},e,{margin:0,borderRadius:0,zIndex:10})},menuList:function(e){return d({},e,{"::-webkit-scrollbar":{width:"7px"},"::-webkit-scrollbar-thumb":{borderRadius:"4px",backgroundColor:"rgba(0, 0, 0, .5)",boxShadow:"0 0 1px rgba(255, 255, 255, .5)"}})},option:function(e,n){var t=n.isFocused;return{backgroundColor:t?r:null,padding:"5px 10px",fontSize:"14px",color:t?s.white:s.black}},input:function(e){return d({},e,{height:"16px"})}}},x=[/(?:\b|\B)\n+\b/,/(?:\b|\B),\s\b/,/(?:\b|\B),+\b/],y=function(e){var r=e.elementId,t=e.getStyles,o=e.innerProps,i=o.ref,l=function(e,r){if(null==e)return{};var n,t,o={},i=Object.keys(e);for(t=0;t<i.length;t++)r.indexOf(n=i[t])>=0||(o[n]=e[n]);return o}(o,["ref"]);return n.createElement("div",Object.assign({},l,{ref:i,style:t("clearIndicator",e),id:r+"-clear"}),n.createElement(u.Close,{color:u.COLOR.GRAY_DARK,size:u.SIZE.MEDIUM_SMALL}))};Object.defineProperty(exports,"components",{enumerable:!0,get:function(){return t.components}}),exports.default=function(e){var t=r.useRef(null),u=e.components,c=void 0===u?{}:u,s=e.customStyles,p=void 0===s?{}:s,b=e.elementId,g=e.errors,C=void 0===g?[]:g,w=e.isAsync,O=void 0!==w&&w,I=e.isErrorLabelVisible,S=void 0!==I&&I,E=e.onChange,j=e.onInputChange,R=void 0===j?null:j,A=e.filterOption,L=void 0===A?null:A,k=e.options,q=void 0===k?[]:k,H=e.promiseOptions,P=void 0===H?function(){return Promise.resolve()}:H,D=e.searchableKeys,M=void 0===D?["label"]:D,z=e.value,B=e.actionColor,V=void 0===B?"":B,_=e.minHeightInput,F=void 0===_?36:_,K=void 0===z?[]:z,T=d({},m(V),p,{control:function(e,r){var n=p.control&&i(p.control)?p.control(e,r):{};return d({},m(V).control(e,r),n,{border:C.length?"1px solid #ed3030":m(V).control(e,r).border,minHeight:F})}}),U=d({},e,{id:b,onChange:E},R&&{onInputChange:R},L&&{filterOption:L},{styles:T,components:d({ClearIndicator:function(e){return n.createElement(y,Object.assign({},e,{elementId:b}))}},c)}),W=n.createElement(l,Object.assign({},U,{loadOptions:function(e){return function(e){return!e.length||e.length<2?null:P(e)}(e)}})),G=n.createElement("div",{onPaste:function(e){var r=function(e,r,n){var t=function(e){for(var r,n=[],t=!1,o=function(e,r){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,r){if(e){if("string"==typeof e)return f(e,void 0);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,void 0):void 0}}(e))){n&&(e=n);var t=0;return function(){return t>=e.length?{done:!0}:{done:!1,value:e[t++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(n=e[Symbol.iterator]()).next.bind(n)}(x);!((r=o()).done||(n=e.split(r.value)).length>1););return 1===n.length&&(t=(n=e.split(/\b\s+\b/)).length>1),{splits:n,specialHandle:t}}(e),o=t.splits;if(t.specialHandle){var i=o.join(" ").toLowerCase();return r.sort((function(e,r){return e.label.length>r.label.length?-1:e.label.length<r.label.length?1:0})).filter((function(e){return n.reduce((function(r,n){var t=String(e[n]).toLowerCase(),o=-1!==i.search(t);return o&&(i=i.replace(t,"")),r||o}),!1)}))}return o.map((function(e){return r.find((function(r){var t=e.trim().toLowerCase();return n.reduce((function(e,n){var o=String(r[n]).toLowerCase();return e||o===t}),!1)}))})).filter(Boolean)}(e.clipboardData.getData("text/plain"),q,M),n=r.reduce((function(e,r){return e.find((function(e){return e.value===r.value}))||e.push(r),e}),K);0!==r.length&&(E(n),setTimeout((function(){t.current.select.blur()}),0))}},n.createElement(o,Object.assign({},U,{ref:t,options:q})));return n.createElement(v,null,O?W:G,C&&C.length>0&&S&&n.createElement(h,null,n.createElement(a,{elementId:b,errors:C})))};
 //# sourceMappingURL=tags-input.cjs.production.min.js.map

package/dist/tags-input.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"tags-input.cjs.production.min.js","sources":["../src/style.tsx","../src/index.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport {\n  lineHeight, actionColor, borderRadius, gray80, errorColor, black, white,\n} from '@propellerads/stylevariables';\n\nconst StyledTagsInput = styled.div`\n  position: relative;\n`;\n\nconst TagsInputErrors = styled.div`\n    position: absolute;\n    display: flex;\n    flex-direction: row;\n    right: 1px;\n    top: 0;\n    height: ${lineHeight}px;\n    align-items: center;\n`;\n\nconst defaultStyles = {\n  control: (styles, {isFocused, isDisabled}) => ({\n    ...styles,\n    borderRadius,\n    backgroundColor: isDisabled ? '#ededed' : '#fff',\n    minHeight: `${lineHeight}px`,\n    borderWidth: 1,\n    boxShadow: 'none',\n    borderColor: isFocused ? actionColor : gray80,\n  }),\n  valueContainer: (styles) => ({\n    ...styles,\n    overflow: 'hidden',\n    padding: '2px 2px 4px 2px',\n    justifyContent: 'flex-start',\n  }),\n  placeholder: () => ({\n    color: '#c0c0c0',\n    fontWeight: 100,\n    paddingLeft: '4px',\n    position: 'absolute',\n  }),\n  clearIndicator: () => ({\n    color: '#c0c0c0',\n    display: 'inline-flex',\n    marginRight: '4px',\n  }),\n  dropdownIndicator: () => ({\n    display: 'none',\n  }),\n  indicatorSeparator: () => ({\n    display: 'none',\n  }),\n  multiValue: (styles, {data}) => ({\n    ...styles,\n    backgroundColor: data.isException ? errorColor : actionColor,\n    color: white,\n    borderRadius: `${borderRadius / 2}px`,\n    height: '22px',\n    display: 'flex',\n    alignItems: 'center',\n    margin: '2px 0 0 2px',\n  }),\n  multiValueLabel: (styles) => ({\n    ...styles,\n    color: white,\n    padding: '0 0 0 5px',\n    fontSize: '12px',\n    borderRadius: 0,\n    display: 'inline-flex',\n    lineHeight: '1',\n  }),\n  multiValueRemove: (styles, {data}) => ({\n    ...styles,\n    padding: 0,\n    margin: '0 4px 0 2px',\n    backgroundColor: data.isException ? errorColor : actionColor,\n    cursor: 'pointer',\n    ':hover': {\n      backgroundColor: data.isException ? errorColor : actionColor,\n      color: 'white',\n    },\n  }),\n  menu: (styles) => ({\n    ...styles,\n    margin: 0,\n    borderRadius: 0,\n    zIndex: 10,\n  }),\n  menuList: (styles) => ({\n    ...styles,\n    '::-webkit-scrollbar': {\n      width: '7px',\n    },\n    '::-webkit-scrollbar-thumb': {\n      borderRadius: '4px',\n      backgroundColor: 'rgba(0, 0, 0, .5)',\n      boxShadow: '0 0 1px rgba(255, 255, 255, .5)',\n    },\n  }),\n  option: (styles, {isFocused}) => ({\n    backgroundColor: isFocused ? actionColor : null,\n    padding: '5px 10px',\n    fontSize: '14px',\n    color: isFocused ? white : black,\n  }),\n  input: (styles) => ({\n    ...styles,\n    height: '16px',\n  }),\n};\n\nexport {defaultStyles, StyledTagsInput, TagsInputErrors};\n","import React, {useRef} from 'react';\nimport ReactSelect, {components as reactSelectComponents} from 'react-select';\nimport isFunction from 'lodash.isfunction';\nimport ReactAsyncSelect from 'react-select/lib/Async';\nimport ErrorLabel from '@propellerads/error-label';\nimport {Close, SIZE, COLOR} from '@propellerads/icon';\n\nimport {TagsInputProps} from './types';\nimport {defaultStyles, StyledTagsInput, TagsInputErrors} from './style';\n\n// regexps by priority\nconst REGEXPS = [\n  /(?:\\b|\\B)\\n+\\b/,\n  /(?:\\b|\\B),\\s\\b/,\n  /(?:\\b|\\B),+\\b/,\n];\n\ninterface SplitStringReturnValue {\n    splits: string[]\n    specialHandle: boolean\n}\n\nfunction splitString(value: string): SplitStringReturnValue {\n  let splits: string[] = [];\n\n  let specialHandle = false;\n  // eslint-disable-next-line no-restricted-syntax\n  for (const regex of REGEXPS) {\n    splits = value.split(regex);\n    if (splits.length > 1) {\n      break;\n    }\n  }\n\n  // special case. Need handle in special way\n  if (splits.length === 1) {\n    splits = value.split(/\\b\\s+\\b/);\n    specialHandle = splits.length > 1;\n  }\n\n  return {\n    splits,\n    specialHandle,\n  };\n}\n\nfunction searchSuitableOptions(pastedValue, availableOptions, searchableKeys) {\n  const {splits, specialHandle} = splitString(pastedValue);\n\n  if (specialHandle) {\n    let rawPastedString = splits.join(' ')\n      .toLowerCase();\n\n    return availableOptions\n      .sort((firstEl, secondEl) => {\n        if (firstEl.label.length > secondEl.label.length) {\n          return -1;\n        }\n        if (firstEl.label.length < secondEl.label.length) {\n          return 1;\n        }\n\n        return 0;\n      })\n      .filter((option) => searchableKeys.reduce((prevValue, currValue) => {\n        const optionValue = String(option[currValue])\n          .toLowerCase();\n        const position = rawPastedString.search(optionValue);\n        const condition = position !== -1;\n        if (condition) {\n          rawPastedString = rawPastedString.replace(optionValue, '');\n        }\n\n        return prevValue || condition;\n      }, false));\n  }\n\n  return splits.map((splitValue) => availableOptions.find((option) => {\n    const comparableValue = splitValue.trim().toLowerCase();\n\n    return searchableKeys.reduce((prevValue, currValue) => {\n      const optionValue = String(option[currValue])\n        .toLowerCase();\n      const condition = optionValue === comparableValue;\n\n      return prevValue || condition;\n    }, false);\n  }))\n    .filter(Boolean);\n}\n\ninterface ClearIndicatorProps {\n  // eslint-disable-next-line @typescript-eslint/ban-types\n    getStyles: (clearIndicator: string, props: any) => {},\n    innerProps: {\n        ref: React.Ref<HTMLDivElement>\n    },\n    elementId: string,\n}\n\nconst ClearIndicator = (props: ClearIndicatorProps) => {\n  const {\n    elementId,\n    getStyles,\n    innerProps: {\n      ref,\n      ...restInnerProps\n    },\n  } = props;\n\n  return (\n    <div\n      {...restInnerProps}\n      ref={ref}\n      style={getStyles('clearIndicator', props)}\n      id={`${elementId}-clear`}\n    >\n      <Close\n        color={COLOR.GRAY_DARK}\n        size={SIZE.MEDIUM_SMALL}\n      />\n    </div>\n  );\n};\n\nconst TagsInput = (props: TagsInputProps) => {\n  const reactSelectElement = useRef<any>(null);\n\n  const {\n    components = {},\n    customStyles = {},\n    elementId,\n    errors = [],\n    isAsync = false,\n    isErrorLabelVisible = false,\n    onChange,\n    onInputChange = null,\n    filterOption = null,\n    options = [],\n    promiseOptions = () => Promise.resolve(),\n    searchableKeys = [\n      'label',\n    ],\n    value = [],\n    isClearable = true,\n    isDisabled = false,\n    isLoading = false,\n    isRtl = false,\n    isMulti = true,\n    isSearchable = true,\n    cacheOptions = false,\n    placeholder = 'Start typing...',\n    noOptionsMessage = () => 'No options...',\n    loadingMessage = () => 'Loading...',\n    minHeightInput = 36,\n  } = props;\n\n  const currentValue = value;\n\n  const preparedStyled = {\n    ...defaultStyles,\n    ...customStyles,\n    control: (base, state) => {\n      const styles = (customStyles.control && isFunction(customStyles.control))\n        ? customStyles.control(base, state)\n        : {};\n\n      return {\n        ...defaultStyles.control(base, state),\n        ...styles,\n        border: errors.length ? '1px solid #ed3030' : defaultStyles.control(base, state).border,\n        minHeight: minHeightInput,\n      };\n    },\n  };\n\n  const config = {\n    ...props,\n    id: elementId,\n    onChange,\n    ...(onInputChange && {onInputChange}),\n    ...(filterOption && {filterOption}),\n    styles: preparedStyled,\n    components: {\n      ClearIndicator: (clearIndicatorProps) => (\n        <ClearIndicator\n          {...clearIndicatorProps}\n          elementId={elementId}\n        />\n      ),\n      ...components,\n    },\n  };\n\n  const handleAsyncRequest = (newValue: any) => {\n    if (!newValue.length || newValue.length < 2) {\n      return null;\n    }\n\n    return promiseOptions(newValue);\n  };\n\n  const onPaste = (e) => {\n    const pasteData = e.clipboardData.getData('text/plain');\n\n    const pastedOptions = searchSuitableOptions(pasteData, options, searchableKeys);\n\n    const newInputOptions = pastedOptions.reduce((acc, curVal) => {\n      if (!acc.find((el) => el.value === curVal.value)) {\n        acc.push(curVal);\n      }\n\n      return acc;\n    }, currentValue);\n\n    if (pastedOptions.length !== 0) {\n      onChange(newInputOptions);\n      setTimeout(() => {\n        reactSelectElement.current.select.blur();\n      }, 0);\n    }\n  };\n\n  const asyncSelect = (\n    <ReactAsyncSelect\n      {...config}\n      loadOptions={(newValue) => handleAsyncRequest(newValue)}\n    />\n  );\n\n  const select = (\n    <div onPaste={onPaste}>\n      <ReactSelect\n        {...config}\n        ref={reactSelectElement}\n        options={options}\n      />\n    </div>\n  );\n\n  return (\n    <StyledTagsInput>\n      {isAsync ? asyncSelect : select}\n      {errors && errors.length > 0 && isErrorLabelVisible && (\n        <TagsInputErrors>\n          <ErrorLabel\n            elementId={elementId}\n            errors={errors}\n          />\n        </TagsInputErrors>\n      )}\n    </StyledTagsInput>\n  );\n};\n\nfunction customChecker(props, propName, component) {\n  const {[propName]: propValue} = props;\n  if (typeof propValue !== 'function') {\n    return new Error(`Invalid prop \"${propName}\" passed to ${component}`);\n  }\n\n  const value = propValue();\n  if (typeof value !== 'string' && !React.isValidElement(value)) {\n    // eslint-disable-next-line max-len\n    return new Error(`Invalid prop \"${propName}\" passed to ${component}. Function should return \"string\" or \"react.Node\"`);\n  }\n\n  return null;\n}\n\nexport {reactSelectComponents as components};\n\nexport default TagsInput;\n"],"names":["StyledTagsInput","styled","div","TagsInputErrors","lineHeight","defaultStyles","control","styles","borderRadius","backgroundColor","isDisabled","minHeight","borderWidth","boxShadow","borderColor","isFocused","actionColor","gray80","valueContainer","overflow","padding","justifyContent","placeholder","color","fontWeight","paddingLeft","position","clearIndicator","display","marginRight","dropdownIndicator","indicatorSeparator","multiValue","data","isException","errorColor","white","height","alignItems","margin","multiValueLabel","fontSize","multiValueRemove","cursor","menu","zIndex","menuList","width","option","black","input","REGEXPS","ClearIndicator","props","elementId","getStyles","innerProps","ref","restInnerProps","React","style","id","Close","COLOR","GRAY_DARK","size","SIZE","MEDIUM_SMALL","reactSelectElement","useRef","components","customStyles","errors","isAsync","isErrorLabelVisible","onChange","onInputChange","filterOption","options","promiseOptions","Promise","resolve","searchableKeys","value","minHeightInput","currentValue","preparedStyled","base","state","isFunction","border","length","config","clearIndicatorProps","asyncSelect","ReactAsyncSelect","loadOptions","newValue","handleAsyncRequest","select","onPaste","e","pastedOptions","pastedValue","availableOptions","splits","specialHandle","split","splitString","rawPastedString","join","toLowerCase","sort","firstEl","secondEl","label","filter","reduce","prevValue","currValue","optionValue","String","condition","search","replace","map","splitValue","find","comparableValue","trim","Boolean","searchSuitableOptions","clipboardData","getData","newInputOptions","acc","curVal","el","push","setTimeout","current","blur","ReactSelect","ErrorLabel"],"mappings":"wjCAKA,IAAMA,EAAkBC,EAAOC,SAIzBC,EAAkBF,EAAOC,QAMjBE,cAIRC,EAAgB,CACpBC,QAAS,SAACC,iBACLA,GACHC,aAAAA,eACAC,kBAH4BC,WAGE,UAAY,OAC1CC,UAAcP,kBACdQ,YAAa,EACbC,UAAW,OACXC,cAPiBC,UAOQC,cAAcC,YAEzCC,eAAgB,SAACX,eACZA,GACHY,SAAU,SACVC,QAAS,kBACTC,eAAgB,gBAElBC,YAAa,iBAAO,CAClBC,MAAO,UACPC,WAAY,IACZC,YAAa,MACbC,SAAU,aAEZC,eAAgB,iBAAO,CACrBJ,MAAO,UACPK,QAAS,cACTC,YAAa,QAEfC,kBAAmB,iBAAO,CACxBF,QAAS,SAEXG,mBAAoB,iBAAO,CACzBH,QAAS,SAEXI,WAAY,SAACzB,iBACRA,GACHE,kBAFoBwB,KAEEC,YAAcC,aAAanB,cACjDO,MAAOa,QACP5B,aAAiBA,eAAe,OAChC6B,OAAQ,OACRT,QAAS,OACTU,WAAY,SACZC,OAAQ,iBAEVC,gBAAiB,SAACjC,eACbA,GACHgB,MAAOa,QACPhB,QAAS,YACTqB,SAAU,OACVjC,aAAc,EACdoB,QAAS,cACTxB,WAAY,OAEdsC,iBAAkB,SAACnC,SAAS0B,IAAAA,iBACvB1B,GACHa,QAAS,EACTmB,OAAQ,cACR9B,gBAAiBwB,EAAKC,YAAcC,aAAanB,cACjD2B,OAAQ,mBACE,CACRlC,gBAAiBwB,EAAKC,YAAcC,aAAanB,cACjDO,MAAO,YAGXqB,KAAM,SAACrC,eACFA,GACHgC,OAAQ,EACR/B,aAAc,EACdqC,OAAQ,MAEVC,SAAU,SAACvC,eACNA,yBACoB,CACrBwC,MAAO,mCAEoB,CAC3BvC,aAAc,MACdC,gBAAiB,oBACjBI,UAAW,sCAGfmC,OAAQ,SAACzC,SAASQ,IAAAA,gBAAgB,CAChCN,gBAAiBM,EAAYC,cAAc,KAC3CI,QAAS,WACTqB,SAAU,OACVlB,MAAOR,EAAYqB,QAAQa,UAE7BC,MAAO,SAAC3C,eACHA,GACH8B,OAAQ,WChGNc,EAAU,CACd,iBACA,iBACA,iBAsFIC,EAAiB,SAACC,OAEpBC,EAMED,EANFC,UACAC,EAKEF,EALFE,YAKEF,EAJFG,WACEC,IAAAA,IACGC,uJAKLC,uCACMD,GACJD,IAAKA,EACLG,MAAOL,EAAU,iBAAkBF,GACnCQ,GAAOP,aAEPK,gBAACG,SACCvC,MAAOwC,QAAMC,UACbC,KAAMC,OAAKC,iIAMD,SAACd,OACXe,EAAqBC,SAAY,QA6BnChB,EA1BFiB,WAAAA,aAAa,OA0BXjB,EAzBFkB,aAAAA,aAAe,KACfjB,EAwBED,EAxBFC,YAwBED,EAvBFmB,OAAAA,aAAS,OAuBPnB,EAtBFoB,QAAAA,kBAsBEpB,EArBFqB,oBAAAA,gBACAC,EAoBEtB,EApBFsB,WAoBEtB,EAnBFuB,cAAAA,aAAgB,SAmBdvB,EAlBFwB,aAAAA,aAAe,SAkBbxB,EAjBFyB,QAAAA,aAAU,OAiBRzB,EAhBF0B,eAAAA,aAAiB,kBAAMC,QAAQC,eAgB7B5B,EAfF6B,eAAAA,aAAiB,CACf,aAcA7B,EAZF8B,QAYE9B,EADF+B,eAAAA,aAAiB,KAGbC,aAdI,KAgBJC,OACDjF,EACAkE,GACHjE,QAAS,SAACiF,EAAMC,OACRjF,EAAUgE,EAAajE,SAAWmF,EAAWlB,EAAajE,SAC5DiE,EAAajE,QAAQiF,EAAMC,GAC3B,eAGCnF,EAAcC,QAAQiF,EAAMC,GAC5BjF,GACHmF,OAAQlB,EAAOmB,OAAS,oBAAsBtF,EAAcC,QAAQiF,EAAMC,GAAOE,OACjF/E,UAAWyE,OAKXQ,OACDvC,GACHQ,GAAIP,EACJqB,SAAAA,GACIC,GAAiB,CAACA,cAAAA,GAClBC,GAAgB,CAACA,aAAAA,IACrBtE,OAAQ+E,EACRhB,cACElB,eAAgB,SAACyC,UACflC,gBAACP,mBACKyC,GACJvC,UAAWA,OAGZgB,KAiCDwB,EACJnC,gBAACoC,mBACKH,GACJI,YAAa,SAACC,UAhCS,SAACA,UACrBA,EAASN,QAAUM,EAASN,OAAS,EACjC,KAGFZ,EAAekB,GA2BOC,CAAmBD,OAI5CE,EACJxC,uBAAKyC,QA7BS,SAACC,OAGTC,EA/JV,SAA+BC,EAAaC,EAAkBtB,SAxB9D,SAAqBC,aACfsB,EAAmB,GAEnBC,GAAgB,urBAEAvD,oBAClBsD,EAAStB,EAAMwB,gBACJhB,OAAS,YAMA,IAAlBc,EAAOd,SAETe,GADAD,EAAStB,EAAMwB,MAAM,YACEhB,OAAS,GAG3B,CACLc,OAAAA,EACAC,cAAAA,GAK8BE,CAAYL,GAArCE,IAAAA,YAAQC,cAEI,KACbG,EAAkBJ,EAAOK,KAAK,KAC/BC,qBAEIP,EACJQ,MAAK,SAACC,EAASC,UACVD,EAAQE,MAAMxB,OAASuB,EAASC,MAAMxB,QAChC,EAENsB,EAAQE,MAAMxB,OAASuB,EAASC,MAAMxB,OACjC,EAGF,KAERyB,QAAO,SAACpE,UAAWkC,EAAemC,QAAO,SAACC,EAAWC,OAC9CC,EAAcC,OAAOzE,EAAOuE,IAC/BR,cAEGW,GAA0B,IADfb,EAAgBc,OAAOH,UAEpCE,IACFb,EAAkBA,EAAgBe,QAAQJ,EAAa,KAGlDF,GAAaI,KACnB,aAGAjB,EAAOoB,KAAI,SAACC,UAAetB,EAAiBuB,MAAK,SAAC/E,OACjDgF,EAAkBF,EAAWG,OAAOlB,qBAEnC7B,EAAemC,QAAO,SAACC,EAAWC,OACjCC,EAAcC,OAAOzE,EAAOuE,IAC/BR,qBAGIO,GAFWE,IAAgBQ,KAGjC,SAEFZ,OAAOc,SAqHcC,CAFJ9B,EAAE+B,cAAcC,QAAQ,cAEavD,EAASI,GAE1DoD,EAAkBhC,EAAce,QAAO,SAACkB,EAAKC,UAC5CD,EAAIR,MAAK,SAACU,UAAOA,EAAGtD,QAAUqD,EAAOrD,UACxCoD,EAAIG,KAAKF,GAGJD,IACNlD,GAE0B,IAAzBiB,EAAcX,SAChBhB,EAAS2D,GACTK,YAAW,WACTvE,EAAmBwE,QAAQzC,OAAO0C,SACjC,MAaHlF,gBAACmF,mBACKlD,GACJnC,IAAKW,EACLU,QAASA,aAMbnB,gBAAC3D,OACEyE,EAAUqB,EAAcK,EACxB3B,GAAUA,EAAOmB,OAAS,GAAKjB,GAC9Bf,gBAACxD,OACCwD,gBAACoF,GACCzF,UAAWA,EACXkB,OAAQA"}
+{"version":3,"file":"tags-input.cjs.production.min.js","sources":["../src/style.tsx","../src/index.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport {\n  lineHeight, actionColor, borderRadius, gray80, errorColor, black, white,\n} from '@propellerads/stylevariables';\n\nconst StyledTagsInput = styled.div`\n  position: relative;\n`;\n\nconst TagsInputErrors = styled.div`\n    position: absolute;\n    display: flex;\n    flex-direction: row;\n    right: 1px;\n    top: 0;\n    height: ${lineHeight}px;\n    align-items: center;\n`;\n\nconst prepareStyles = (customActionColor: string) => {\n  const mainColor = customActionColor || actionColor;\n  return {\n    control: (styles, {isFocused, isDisabled}) => ({\n      ...styles,\n      borderRadius,\n      backgroundColor: isDisabled ? '#ededed' : '#fff',\n      minHeight: `${lineHeight}px`,\n      borderWidth: 1,\n      boxShadow: 'none',\n      borderColor: isFocused ? mainColor : gray80,\n    }),\n    valueContainer: (styles) => ({\n      ...styles,\n      overflow: 'hidden',\n      padding: '2px 2px 4px 2px',\n      justifyContent: 'flex-start',\n    }),\n    placeholder: () => ({\n      color: '#c0c0c0',\n      fontWeight: 100,\n      paddingLeft: '4px',\n      position: 'absolute',\n    }),\n    clearIndicator: () => ({\n      color: '#c0c0c0',\n      display: 'inline-flex',\n      marginRight: '4px',\n    }),\n    dropdownIndicator: () => ({\n      display: 'none',\n    }),\n    indicatorSeparator: () => ({\n      display: 'none',\n    }),\n    multiValue: (styles, {data}) => ({\n      ...styles,\n      backgroundColor: data.isException ? errorColor : mainColor,\n      color: white,\n      borderRadius: `${borderRadius / 2}px`,\n      height: '22px',\n      display: 'flex',\n      alignItems: 'center',\n      margin: '2px 0 0 2px',\n    }),\n    multiValueLabel: (styles) => ({\n      ...styles,\n      color: white,\n      padding: '0 0 0 5px',\n      fontSize: '12px',\n      borderRadius: 0,\n      display: 'inline-flex',\n      lineHeight: '1',\n    }),\n    multiValueRemove: (styles, {data}) => ({\n      ...styles,\n      padding: 0,\n      margin: '0 4px 0 2px',\n      backgroundColor: data.isException ? errorColor : mainColor,\n      cursor: 'pointer',\n      ':hover': {\n        backgroundColor: data.isException ? errorColor : mainColor,\n        color: 'white',\n      },\n    }),\n    menu: (styles) => ({\n      ...styles,\n      margin: 0,\n      borderRadius: 0,\n      zIndex: 10,\n    }),\n    menuList: (styles) => ({\n      ...styles,\n      '::-webkit-scrollbar': {\n        width: '7px',\n      },\n      '::-webkit-scrollbar-thumb': {\n        borderRadius: '4px',\n        backgroundColor: 'rgba(0, 0, 0, .5)',\n        boxShadow: '0 0 1px rgba(255, 255, 255, .5)',\n      },\n    }),\n    option: (styles, {isFocused}) => ({\n      backgroundColor: isFocused ? mainColor : null,\n      padding: '5px 10px',\n      fontSize: '14px',\n      color: isFocused ? white : black,\n    }),\n    input: (styles) => ({\n      ...styles,\n      height: '16px',\n    }),\n  };\n};\n\nexport {prepareStyles, StyledTagsInput, TagsInputErrors};\n","import React, {useRef} from 'react';\nimport ReactSelect, {components as reactSelectComponents} from 'react-select';\nimport isFunction from 'lodash.isfunction';\nimport ReactAsyncSelect from 'react-select/lib/Async';\nimport ErrorLabel from '@propellerads/error-label';\nimport {Close, SIZE, COLOR} from '@propellerads/icon';\n\nimport {TagsInputProps} from './types';\nimport {prepareStyles, StyledTagsInput, TagsInputErrors} from './style';\n\n// regexps by priority\nconst REGEXPS = [\n  /(?:\\b|\\B)\\n+\\b/,\n  /(?:\\b|\\B),\\s\\b/,\n  /(?:\\b|\\B),+\\b/,\n];\n\ninterface SplitStringReturnValue {\n    splits: string[]\n    specialHandle: boolean\n}\n\nfunction splitString(value: string): SplitStringReturnValue {\n  let splits: string[] = [];\n\n  let specialHandle = false;\n  // eslint-disable-next-line no-restricted-syntax\n  for (const regex of REGEXPS) {\n    splits = value.split(regex);\n    if (splits.length > 1) {\n      break;\n    }\n  }\n\n  // special case. Need handle in special way\n  if (splits.length === 1) {\n    splits = value.split(/\\b\\s+\\b/);\n    specialHandle = splits.length > 1;\n  }\n\n  return {\n    splits,\n    specialHandle,\n  };\n}\n\nfunction searchSuitableOptions(pastedValue, availableOptions, searchableKeys) {\n  const {splits, specialHandle} = splitString(pastedValue);\n\n  if (specialHandle) {\n    let rawPastedString = splits.join(' ')\n      .toLowerCase();\n\n    return availableOptions\n      .sort((firstEl, secondEl) => {\n        if (firstEl.label.length > secondEl.label.length) {\n          return -1;\n        }\n        if (firstEl.label.length < secondEl.label.length) {\n          return 1;\n        }\n\n        return 0;\n      })\n      .filter((option) => searchableKeys.reduce((prevValue, currValue) => {\n        const optionValue = String(option[currValue])\n          .toLowerCase();\n        const position = rawPastedString.search(optionValue);\n        const condition = position !== -1;\n        if (condition) {\n          rawPastedString = rawPastedString.replace(optionValue, '');\n        }\n\n        return prevValue || condition;\n      }, false));\n  }\n\n  return splits.map((splitValue) => availableOptions.find((option) => {\n    const comparableValue = splitValue.trim().toLowerCase();\n\n    return searchableKeys.reduce((prevValue, currValue) => {\n      const optionValue = String(option[currValue])\n        .toLowerCase();\n      const condition = optionValue === comparableValue;\n\n      return prevValue || condition;\n    }, false);\n  }))\n    .filter(Boolean);\n}\n\ninterface ClearIndicatorProps {\n  // eslint-disable-next-line @typescript-eslint/ban-types\n    getStyles: (clearIndicator: string, props: any) => {},\n    innerProps: {\n        ref: React.Ref<HTMLDivElement>\n    },\n    elementId: string,\n}\n\nconst ClearIndicator = (props: ClearIndicatorProps) => {\n  const {\n    elementId,\n    getStyles,\n    innerProps: {\n      ref,\n      ...restInnerProps\n    },\n  } = props;\n\n  return (\n    <div\n      {...restInnerProps}\n      ref={ref}\n      style={getStyles('clearIndicator', props)}\n      id={`${elementId}-clear`}\n    >\n      <Close\n        color={COLOR.GRAY_DARK}\n        size={SIZE.MEDIUM_SMALL}\n      />\n    </div>\n  );\n};\n\nconst TagsInput = (props: TagsInputProps) => {\n  const reactSelectElement = useRef<any>(null);\n\n  const {\n    components = {},\n    customStyles = {},\n    elementId,\n    errors = [],\n    isAsync = false,\n    isErrorLabelVisible = false,\n    onChange,\n    onInputChange = null,\n    filterOption = null,\n    options = [],\n    promiseOptions = () => Promise.resolve(),\n    searchableKeys = [\n      'label',\n    ],\n    value = [],\n    actionColor = '',\n    isClearable = true,\n    isDisabled = false,\n    isLoading = false,\n    isRtl = false,\n    isMulti = true,\n    isSearchable = true,\n    cacheOptions = false,\n    placeholder = 'Start typing...',\n    noOptionsMessage = () => 'No options...',\n    loadingMessage = () => 'Loading...',\n    minHeightInput = 36,\n  } = props;\n\n  const currentValue = value;\n\n  const preparedStyled = {\n    ...prepareStyles(actionColor),\n    ...customStyles,\n    control: (base, state) => {\n      const styles = (customStyles.control && isFunction(customStyles.control))\n        ? customStyles.control(base, state)\n        : {};\n\n      return {\n        ...prepareStyles(actionColor).control(base, state),\n        ...styles,\n        border: errors.length ? '1px solid #ed3030' : prepareStyles(actionColor).control(base, state).border,\n        minHeight: minHeightInput,\n      };\n    },\n  };\n\n  const config = {\n    ...props,\n    id: elementId,\n    onChange,\n    ...(onInputChange && {onInputChange}),\n    ...(filterOption && {filterOption}),\n    styles: preparedStyled,\n    components: {\n      ClearIndicator: (clearIndicatorProps) => (\n        <ClearIndicator\n          {...clearIndicatorProps}\n          elementId={elementId}\n        />\n      ),\n      ...components,\n    },\n  };\n\n  const handleAsyncRequest = (newValue: any) => {\n    if (!newValue.length || newValue.length < 2) {\n      return null;\n    }\n\n    return promiseOptions(newValue);\n  };\n\n  const onPaste = (e) => {\n    const pasteData = e.clipboardData.getData('text/plain');\n\n    const pastedOptions = searchSuitableOptions(pasteData, options, searchableKeys);\n\n    const newInputOptions = pastedOptions.reduce((acc, curVal) => {\n      if (!acc.find((el) => el.value === curVal.value)) {\n        acc.push(curVal);\n      }\n\n      return acc;\n    }, currentValue);\n\n    if (pastedOptions.length !== 0) {\n      onChange(newInputOptions);\n      setTimeout(() => {\n        reactSelectElement.current.select.blur();\n      }, 0);\n    }\n  };\n\n  const asyncSelect = (\n    <ReactAsyncSelect\n      {...config}\n      loadOptions={(newValue) => handleAsyncRequest(newValue)}\n    />\n  );\n\n  const select = (\n    <div onPaste={onPaste}>\n      <ReactSelect\n        {...config}\n        ref={reactSelectElement}\n        options={options}\n      />\n    </div>\n  );\n\n  return (\n    <StyledTagsInput>\n      {isAsync ? asyncSelect : select}\n      {errors && errors.length > 0 && isErrorLabelVisible && (\n        <TagsInputErrors>\n          <ErrorLabel\n            elementId={elementId}\n            errors={errors}\n          />\n        </TagsInputErrors>\n      )}\n    </StyledTagsInput>\n  );\n};\n\nfunction customChecker(props, propName, component) {\n  const {[propName]: propValue} = props;\n  if (typeof propValue !== 'function') {\n    return new Error(`Invalid prop \"${propName}\" passed to ${component}`);\n  }\n\n  const value = propValue();\n  if (typeof value !== 'string' && !React.isValidElement(value)) {\n    // eslint-disable-next-line max-len\n    return new Error(`Invalid prop \"${propName}\" passed to ${component}. Function should return \"string\" or \"react.Node\"`);\n  }\n\n  return null;\n}\n\nexport {reactSelectComponents as components};\n\nexport default TagsInput;\n"],"names":["StyledTagsInput","styled","div","TagsInputErrors","lineHeight","prepareStyles","customActionColor","mainColor","actionColor","control","styles","borderRadius","backgroundColor","isDisabled","minHeight","borderWidth","boxShadow","borderColor","isFocused","gray80","valueContainer","overflow","padding","justifyContent","placeholder","color","fontWeight","paddingLeft","position","clearIndicator","display","marginRight","dropdownIndicator","indicatorSeparator","multiValue","data","isException","errorColor","white","height","alignItems","margin","multiValueLabel","fontSize","multiValueRemove","cursor","menu","zIndex","menuList","width","option","black","input","REGEXPS","ClearIndicator","props","elementId","getStyles","innerProps","ref","restInnerProps","React","style","id","Close","COLOR","GRAY_DARK","size","SIZE","MEDIUM_SMALL","reactSelectElement","useRef","components","customStyles","errors","isAsync","isErrorLabelVisible","onChange","onInputChange","filterOption","options","promiseOptions","Promise","resolve","searchableKeys","value","minHeightInput","currentValue","preparedStyled","base","state","isFunction","border","length","config","clearIndicatorProps","asyncSelect","ReactAsyncSelect","loadOptions","newValue","handleAsyncRequest","select","onPaste","e","pastedOptions","pastedValue","availableOptions","splits","specialHandle","split","splitString","rawPastedString","join","toLowerCase","sort","firstEl","secondEl","label","filter","reduce","prevValue","currValue","optionValue","String","condition","search","replace","map","splitValue","find","comparableValue","trim","Boolean","searchSuitableOptions","clipboardData","getData","newInputOptions","acc","curVal","el","push","setTimeout","current","blur","ReactSelect","ErrorLabel"],"mappings":"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"}

package/dist/tags-input.esm.js

@@ -6,7 +6,7 @@ import ReactAsyncSelect from 'react-select/lib/Async';
 import ErrorLabel from '@propellerads/error-label';
 import { Close, COLOR, SIZE } from '@propellerads/icon';
 import styled from 'styled-components';
-import { lineHeight, borderRadius, actionColor, gray80, errorColor, white, black } from '@propellerads/stylevariables';
+import { borderRadius, lineHeight, gray80, errorColor, white, black, actionColor } from '@propellerads/stylevariables';
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -113,119 +113,123 @@ function _templateObject() {
 }
 var StyledTagsInput = /*#__PURE__*/styled.div( /*#__PURE__*/_templateObject());
 var TagsInputErrors = /*#__PURE__*/styled.div( /*#__PURE__*/_templateObject2(), lineHeight);
-var defaultStyles = {
-  control: function control(styles, _ref) {
-    var isFocused = _ref.isFocused,
-        isDisabled = _ref.isDisabled;
-    return _extends({}, styles, {
-      borderRadius: borderRadius,
-      backgroundColor: isDisabled ? '#ededed' : '#fff',
-      minHeight: lineHeight + "px",
-      borderWidth: 1,
-      boxShadow: 'none',
-      borderColor: isFocused ? actionColor : gray80
-    });
-  },
-  valueContainer: function valueContainer(styles) {
-    return _extends({}, styles, {
-      overflow: 'hidden',
-      padding: '2px 2px 4px 2px',
-      justifyContent: 'flex-start'
-    });
-  },
-  placeholder: function placeholder() {
-    return {
-      color: '#c0c0c0',
-      fontWeight: 100,
-      paddingLeft: '4px',
-      position: 'absolute'
-    };
-  },
-  clearIndicator: function clearIndicator() {
-    return {
-      color: '#c0c0c0',
-      display: 'inline-flex',
-      marginRight: '4px'
-    };
-  },
-  dropdownIndicator: function dropdownIndicator() {
-    return {
-      display: 'none'
-    };
-  },
-  indicatorSeparator: function indicatorSeparator() {
-    return {
-      display: 'none'
-    };
-  },
-  multiValue: function multiValue(styles, _ref2) {
-    var data = _ref2.data;
-    return _extends({}, styles, {
-      backgroundColor: data.isException ? errorColor : actionColor,
-      color: white,
-      borderRadius: borderRadius / 2 + "px",
-      height: '22px',
-      display: 'flex',
-      alignItems: 'center',
-      margin: '2px 0 0 2px'
-    });
-  },
-  multiValueLabel: function multiValueLabel(styles) {
-    return _extends({}, styles, {
-      color: white,
-      padding: '0 0 0 5px',
-      fontSize: '12px',
-      borderRadius: 0,
-      display: 'inline-flex',
-      lineHeight: '1'
-    });
-  },
-  multiValueRemove: function multiValueRemove(styles, _ref3) {
-    var data = _ref3.data;
-    return _extends({}, styles, {
-      padding: 0,
-      margin: '0 4px 0 2px',
-      backgroundColor: data.isException ? errorColor : actionColor,
-      cursor: 'pointer',
-      ':hover': {
-        backgroundColor: data.isException ? errorColor : actionColor,
-        color: 'white'
-      }
-    });
-  },
-  menu: function menu(styles) {
-    return _extends({}, styles, {
-      margin: 0,
-      borderRadius: 0,
-      zIndex: 10
-    });
-  },
-  menuList: function menuList(styles) {
-    return _extends({}, styles, {
-      '::-webkit-scrollbar': {
-        width: '7px'
-      },
-      '::-webkit-scrollbar-thumb': {
-        borderRadius: '4px',
-        backgroundColor: 'rgba(0, 0, 0, .5)',
-        boxShadow: '0 0 1px rgba(255, 255, 255, .5)'
-      }
-    });
-  },
-  option: function option(styles, _ref4) {
-    var isFocused = _ref4.isFocused;
-    return {
-      backgroundColor: isFocused ? actionColor : null,
-      padding: '5px 10px',
-      fontSize: '14px',
-      color: isFocused ? white : black
-    };
-  },
-  input: function input(styles) {
-    return _extends({}, styles, {
-      height: '16px'
-    });
-  }
+
+var prepareStyles = function prepareStyles(customActionColor) {
+  var mainColor = customActionColor || actionColor;
+  return {
+    control: function control(styles, _ref) {
+      var isFocused = _ref.isFocused,
+          isDisabled = _ref.isDisabled;
+      return _extends({}, styles, {
+        borderRadius: borderRadius,
+        backgroundColor: isDisabled ? '#ededed' : '#fff',
+        minHeight: lineHeight + "px",
+        borderWidth: 1,
+        boxShadow: 'none',
+        borderColor: isFocused ? mainColor : gray80
+      });
+    },
+    valueContainer: function valueContainer(styles) {
+      return _extends({}, styles, {
+        overflow: 'hidden',
+        padding: '2px 2px 4px 2px',
+        justifyContent: 'flex-start'
+      });
+    },
+    placeholder: function placeholder() {
+      return {
+        color: '#c0c0c0',
+        fontWeight: 100,
+        paddingLeft: '4px',
+        position: 'absolute'
+      };
+    },
+    clearIndicator: function clearIndicator() {
+      return {
+        color: '#c0c0c0',
+        display: 'inline-flex',
+        marginRight: '4px'
+      };
+    },
+    dropdownIndicator: function dropdownIndicator() {
+      return {
+        display: 'none'
+      };
+    },
+    indicatorSeparator: function indicatorSeparator() {
+      return {
+        display: 'none'
+      };
+    },
+    multiValue: function multiValue(styles, _ref2) {
+      var data = _ref2.data;
+      return _extends({}, styles, {
+        backgroundColor: data.isException ? errorColor : mainColor,
+        color: white,
+        borderRadius: borderRadius / 2 + "px",
+        height: '22px',
+        display: 'flex',
+        alignItems: 'center',
+        margin: '2px 0 0 2px'
+      });
+    },
+    multiValueLabel: function multiValueLabel(styles) {
+      return _extends({}, styles, {
+        color: white,
+        padding: '0 0 0 5px',
+        fontSize: '12px',
+        borderRadius: 0,
+        display: 'inline-flex',
+        lineHeight: '1'
+      });
+    },
+    multiValueRemove: function multiValueRemove(styles, _ref3) {
+      var data = _ref3.data;
+      return _extends({}, styles, {
+        padding: 0,
+        margin: '0 4px 0 2px',
+        backgroundColor: data.isException ? errorColor : mainColor,
+        cursor: 'pointer',
+        ':hover': {
+          backgroundColor: data.isException ? errorColor : mainColor,
+          color: 'white'
+        }
+      });
+    },
+    menu: function menu(styles) {
+      return _extends({}, styles, {
+        margin: 0,
+        borderRadius: 0,
+        zIndex: 10
+      });
+    },
+    menuList: function menuList(styles) {
+      return _extends({}, styles, {
+        '::-webkit-scrollbar': {
+          width: '7px'
+        },
+        '::-webkit-scrollbar-thumb': {
+          borderRadius: '4px',
+          backgroundColor: 'rgba(0, 0, 0, .5)',
+          boxShadow: '0 0 1px rgba(255, 255, 255, .5)'
+        }
+      });
+    },
+    option: function option(styles, _ref4) {
+      var isFocused = _ref4.isFocused;
+      return {
+        backgroundColor: isFocused ? mainColor : null,
+        padding: '5px 10px',
+        fontSize: '14px',
+        color: isFocused ? white : black
+      };
+    },
+    input: function input(styles) {
+      return _extends({}, styles, {
+        height: '16px'
+      });
+    }
+  };
 };
 
 var REGEXPS = [/(?:\b|\B)\n+\b/, /(?:\b|\B),\s\b/, /(?:\b|\B),+\b/];
@@ -344,15 +348,17 @@ var TagsInput = function TagsInput(props) {
       searchableKeys = _props$searchableKeys === void 0 ? ['label'] : _props$searchableKeys,
       _props$value = props.value,
       value = _props$value === void 0 ? [] : _props$value,
+      _props$actionColor = props.actionColor,
+      actionColor = _props$actionColor === void 0 ? '' : _props$actionColor,
       _props$minHeightInput = props.minHeightInput,
       minHeightInput = _props$minHeightInput === void 0 ? 36 : _props$minHeightInput;
   var currentValue = value;
 
-  var preparedStyled = _extends({}, defaultStyles, customStyles, {
+  var preparedStyled = _extends({}, prepareStyles(actionColor), customStyles, {
     control: function control(base, state) {
       var styles = customStyles.control && isFunction(customStyles.control) ? customStyles.control(base, state) : {};
-      return _extends({}, defaultStyles.control(base, state), styles, {
-        border: errors.length ? '1px solid #ed3030' : defaultStyles.control(base, state).border,
+      return _extends({}, prepareStyles(actionColor).control(base, state), styles, {
+        border: errors.length ? '1px solid #ed3030' : prepareStyles(actionColor).control(base, state).border,
         minHeight: minHeightInput
       });
     }

package/dist/tags-input.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"tags-input.esm.js","sources":["../src/style.tsx","../src/index.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport {\n  lineHeight, actionColor, borderRadius, gray80, errorColor, black, white,\n} from '@propellerads/stylevariables';\n\nconst StyledTagsInput = styled.div`\n  position: relative;\n`;\n\nconst TagsInputErrors = styled.div`\n    position: absolute;\n    display: flex;\n    flex-direction: row;\n    right: 1px;\n    top: 0;\n    height: ${lineHeight}px;\n    align-items: center;\n`;\n\nconst defaultStyles = {\n  control: (styles, {isFocused, isDisabled}) => ({\n    ...styles,\n    borderRadius,\n    backgroundColor: isDisabled ? '#ededed' : '#fff',\n    minHeight: `${lineHeight}px`,\n    borderWidth: 1,\n    boxShadow: 'none',\n    borderColor: isFocused ? actionColor : gray80,\n  }),\n  valueContainer: (styles) => ({\n    ...styles,\n    overflow: 'hidden',\n    padding: '2px 2px 4px 2px',\n    justifyContent: 'flex-start',\n  }),\n  placeholder: () => ({\n    color: '#c0c0c0',\n    fontWeight: 100,\n    paddingLeft: '4px',\n    position: 'absolute',\n  }),\n  clearIndicator: () => ({\n    color: '#c0c0c0',\n    display: 'inline-flex',\n    marginRight: '4px',\n  }),\n  dropdownIndicator: () => ({\n    display: 'none',\n  }),\n  indicatorSeparator: () => ({\n    display: 'none',\n  }),\n  multiValue: (styles, {data}) => ({\n    ...styles,\n    backgroundColor: data.isException ? errorColor : actionColor,\n    color: white,\n    borderRadius: `${borderRadius / 2}px`,\n    height: '22px',\n    display: 'flex',\n    alignItems: 'center',\n    margin: '2px 0 0 2px',\n  }),\n  multiValueLabel: (styles) => ({\n    ...styles,\n    color: white,\n    padding: '0 0 0 5px',\n    fontSize: '12px',\n    borderRadius: 0,\n    display: 'inline-flex',\n    lineHeight: '1',\n  }),\n  multiValueRemove: (styles, {data}) => ({\n    ...styles,\n    padding: 0,\n    margin: '0 4px 0 2px',\n    backgroundColor: data.isException ? errorColor : actionColor,\n    cursor: 'pointer',\n    ':hover': {\n      backgroundColor: data.isException ? errorColor : actionColor,\n      color: 'white',\n    },\n  }),\n  menu: (styles) => ({\n    ...styles,\n    margin: 0,\n    borderRadius: 0,\n    zIndex: 10,\n  }),\n  menuList: (styles) => ({\n    ...styles,\n    '::-webkit-scrollbar': {\n      width: '7px',\n    },\n    '::-webkit-scrollbar-thumb': {\n      borderRadius: '4px',\n      backgroundColor: 'rgba(0, 0, 0, .5)',\n      boxShadow: '0 0 1px rgba(255, 255, 255, .5)',\n    },\n  }),\n  option: (styles, {isFocused}) => ({\n    backgroundColor: isFocused ? actionColor : null,\n    padding: '5px 10px',\n    fontSize: '14px',\n    color: isFocused ? white : black,\n  }),\n  input: (styles) => ({\n    ...styles,\n    height: '16px',\n  }),\n};\n\nexport {defaultStyles, StyledTagsInput, TagsInputErrors};\n","import React, {useRef} from 'react';\nimport ReactSelect, {components as reactSelectComponents} from 'react-select';\nimport isFunction from 'lodash.isfunction';\nimport ReactAsyncSelect from 'react-select/lib/Async';\nimport ErrorLabel from '@propellerads/error-label';\nimport {Close, SIZE, COLOR} from '@propellerads/icon';\n\nimport {TagsInputProps} from './types';\nimport {defaultStyles, StyledTagsInput, TagsInputErrors} from './style';\n\n// regexps by priority\nconst REGEXPS = [\n  /(?:\\b|\\B)\\n+\\b/,\n  /(?:\\b|\\B),\\s\\b/,\n  /(?:\\b|\\B),+\\b/,\n];\n\ninterface SplitStringReturnValue {\n    splits: string[]\n    specialHandle: boolean\n}\n\nfunction splitString(value: string): SplitStringReturnValue {\n  let splits: string[] = [];\n\n  let specialHandle = false;\n  // eslint-disable-next-line no-restricted-syntax\n  for (const regex of REGEXPS) {\n    splits = value.split(regex);\n    if (splits.length > 1) {\n      break;\n    }\n  }\n\n  // special case. Need handle in special way\n  if (splits.length === 1) {\n    splits = value.split(/\\b\\s+\\b/);\n    specialHandle = splits.length > 1;\n  }\n\n  return {\n    splits,\n    specialHandle,\n  };\n}\n\nfunction searchSuitableOptions(pastedValue, availableOptions, searchableKeys) {\n  const {splits, specialHandle} = splitString(pastedValue);\n\n  if (specialHandle) {\n    let rawPastedString = splits.join(' ')\n      .toLowerCase();\n\n    return availableOptions\n      .sort((firstEl, secondEl) => {\n        if (firstEl.label.length > secondEl.label.length) {\n          return -1;\n        }\n        if (firstEl.label.length < secondEl.label.length) {\n          return 1;\n        }\n\n        return 0;\n      })\n      .filter((option) => searchableKeys.reduce((prevValue, currValue) => {\n        const optionValue = String(option[currValue])\n          .toLowerCase();\n        const position = rawPastedString.search(optionValue);\n        const condition = position !== -1;\n        if (condition) {\n          rawPastedString = rawPastedString.replace(optionValue, '');\n        }\n\n        return prevValue || condition;\n      }, false));\n  }\n\n  return splits.map((splitValue) => availableOptions.find((option) => {\n    const comparableValue = splitValue.trim().toLowerCase();\n\n    return searchableKeys.reduce((prevValue, currValue) => {\n      const optionValue = String(option[currValue])\n        .toLowerCase();\n      const condition = optionValue === comparableValue;\n\n      return prevValue || condition;\n    }, false);\n  }))\n    .filter(Boolean);\n}\n\ninterface ClearIndicatorProps {\n  // eslint-disable-next-line @typescript-eslint/ban-types\n    getStyles: (clearIndicator: string, props: any) => {},\n    innerProps: {\n        ref: React.Ref<HTMLDivElement>\n    },\n    elementId: string,\n}\n\nconst ClearIndicator = (props: ClearIndicatorProps) => {\n  const {\n    elementId,\n    getStyles,\n    innerProps: {\n      ref,\n      ...restInnerProps\n    },\n  } = props;\n\n  return (\n    <div\n      {...restInnerProps}\n      ref={ref}\n      style={getStyles('clearIndicator', props)}\n      id={`${elementId}-clear`}\n    >\n      <Close\n        color={COLOR.GRAY_DARK}\n        size={SIZE.MEDIUM_SMALL}\n      />\n    </div>\n  );\n};\n\nconst TagsInput = (props: TagsInputProps) => {\n  const reactSelectElement = useRef<any>(null);\n\n  const {\n    components = {},\n    customStyles = {},\n    elementId,\n    errors = [],\n    isAsync = false,\n    isErrorLabelVisible = false,\n    onChange,\n    onInputChange = null,\n    filterOption = null,\n    options = [],\n    promiseOptions = () => Promise.resolve(),\n    searchableKeys = [\n      'label',\n    ],\n    value = [],\n    isClearable = true,\n    isDisabled = false,\n    isLoading = false,\n    isRtl = false,\n    isMulti = true,\n    isSearchable = true,\n    cacheOptions = false,\n    placeholder = 'Start typing...',\n    noOptionsMessage = () => 'No options...',\n    loadingMessage = () => 'Loading...',\n    minHeightInput = 36,\n  } = props;\n\n  const currentValue = value;\n\n  const preparedStyled = {\n    ...defaultStyles,\n    ...customStyles,\n    control: (base, state) => {\n      const styles = (customStyles.control && isFunction(customStyles.control))\n        ? customStyles.control(base, state)\n        : {};\n\n      return {\n        ...defaultStyles.control(base, state),\n        ...styles,\n        border: errors.length ? '1px solid #ed3030' : defaultStyles.control(base, state).border,\n        minHeight: minHeightInput,\n      };\n    },\n  };\n\n  const config = {\n    ...props,\n    id: elementId,\n    onChange,\n    ...(onInputChange && {onInputChange}),\n    ...(filterOption && {filterOption}),\n    styles: preparedStyled,\n    components: {\n      ClearIndicator: (clearIndicatorProps) => (\n        <ClearIndicator\n          {...clearIndicatorProps}\n          elementId={elementId}\n        />\n      ),\n      ...components,\n    },\n  };\n\n  const handleAsyncRequest = (newValue: any) => {\n    if (!newValue.length || newValue.length < 2) {\n      return null;\n    }\n\n    return promiseOptions(newValue);\n  };\n\n  const onPaste = (e) => {\n    const pasteData = e.clipboardData.getData('text/plain');\n\n    const pastedOptions = searchSuitableOptions(pasteData, options, searchableKeys);\n\n    const newInputOptions = pastedOptions.reduce((acc, curVal) => {\n      if (!acc.find((el) => el.value === curVal.value)) {\n        acc.push(curVal);\n      }\n\n      return acc;\n    }, currentValue);\n\n    if (pastedOptions.length !== 0) {\n      onChange(newInputOptions);\n      setTimeout(() => {\n        reactSelectElement.current.select.blur();\n      }, 0);\n    }\n  };\n\n  const asyncSelect = (\n    <ReactAsyncSelect\n      {...config}\n      loadOptions={(newValue) => handleAsyncRequest(newValue)}\n    />\n  );\n\n  const select = (\n    <div onPaste={onPaste}>\n      <ReactSelect\n        {...config}\n        ref={reactSelectElement}\n        options={options}\n      />\n    </div>\n  );\n\n  return (\n    <StyledTagsInput>\n      {isAsync ? asyncSelect : select}\n      {errors && errors.length > 0 && isErrorLabelVisible && (\n        <TagsInputErrors>\n          <ErrorLabel\n            elementId={elementId}\n            errors={errors}\n          />\n        </TagsInputErrors>\n      )}\n    </StyledTagsInput>\n  );\n};\n\nfunction customChecker(props, propName, component) {\n  const {[propName]: propValue} = props;\n  if (typeof propValue !== 'function') {\n    return new Error(`Invalid prop \"${propName}\" passed to ${component}`);\n  }\n\n  const value = propValue();\n  if (typeof value !== 'string' && !React.isValidElement(value)) {\n    // eslint-disable-next-line max-len\n    return new Error(`Invalid prop \"${propName}\" passed to ${component}. Function should return \"string\" or \"react.Node\"`);\n  }\n\n  return null;\n}\n\nexport {reactSelectComponents as components};\n\nexport default TagsInput;\n"],"names":["StyledTagsInput","styled","div","TagsInputErrors","lineHeight","defaultStyles","control","styles","isFocused","isDisabled","borderRadius","backgroundColor","minHeight","borderWidth","boxShadow","borderColor","actionColor","gray80","valueContainer","overflow","padding","justifyContent","placeholder","color","fontWeight","paddingLeft","position","clearIndicator","display","marginRight","dropdownIndicator","indicatorSeparator","multiValue","data","isException","errorColor","white","height","alignItems","margin","multiValueLabel","fontSize","multiValueRemove","cursor","menu","zIndex","menuList","width","option","black","input","REGEXPS","splitString","value","splits","specialHandle","regex","split","length","searchSuitableOptions","pastedValue","availableOptions","searchableKeys","rawPastedString","join","toLowerCase","sort","firstEl","secondEl","label","filter","reduce","prevValue","currValue","optionValue","String","search","condition","replace","map","splitValue","find","comparableValue","trim","Boolean","ClearIndicator","props","elementId","getStyles","innerProps","ref","restInnerProps","React","style","id","Close","COLOR","GRAY_DARK","size","SIZE","MEDIUM_SMALL","TagsInput","reactSelectElement","useRef","components","customStyles","errors","isAsync","isErrorLabelVisible","onChange","onInputChange","filterOption","options","promiseOptions","Promise","resolve","minHeightInput","currentValue","preparedStyled","base","state","isFunction","border","config","clearIndicatorProps","handleAsyncRequest","newValue","onPaste","e","pasteData","clipboardData","getData","pastedOptions","newInputOptions","acc","curVal","el","push","setTimeout","current","select","blur","asyncSelect","ReactAsyncSelect","loadOptions","ReactSelect","ErrorLabel"],"mappings":"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"}
+{"version":3,"file":"tags-input.esm.js","sources":["../src/style.tsx","../src/index.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport {\n  lineHeight, actionColor, borderRadius, gray80, errorColor, black, white,\n} from '@propellerads/stylevariables';\n\nconst StyledTagsInput = styled.div`\n  position: relative;\n`;\n\nconst TagsInputErrors = styled.div`\n    position: absolute;\n    display: flex;\n    flex-direction: row;\n    right: 1px;\n    top: 0;\n    height: ${lineHeight}px;\n    align-items: center;\n`;\n\nconst prepareStyles = (customActionColor: string) => {\n  const mainColor = customActionColor || actionColor;\n  return {\n    control: (styles, {isFocused, isDisabled}) => ({\n      ...styles,\n      borderRadius,\n      backgroundColor: isDisabled ? '#ededed' : '#fff',\n      minHeight: `${lineHeight}px`,\n      borderWidth: 1,\n      boxShadow: 'none',\n      borderColor: isFocused ? mainColor : gray80,\n    }),\n    valueContainer: (styles) => ({\n      ...styles,\n      overflow: 'hidden',\n      padding: '2px 2px 4px 2px',\n      justifyContent: 'flex-start',\n    }),\n    placeholder: () => ({\n      color: '#c0c0c0',\n      fontWeight: 100,\n      paddingLeft: '4px',\n      position: 'absolute',\n    }),\n    clearIndicator: () => ({\n      color: '#c0c0c0',\n      display: 'inline-flex',\n      marginRight: '4px',\n    }),\n    dropdownIndicator: () => ({\n      display: 'none',\n    }),\n    indicatorSeparator: () => ({\n      display: 'none',\n    }),\n    multiValue: (styles, {data}) => ({\n      ...styles,\n      backgroundColor: data.isException ? errorColor : mainColor,\n      color: white,\n      borderRadius: `${borderRadius / 2}px`,\n      height: '22px',\n      display: 'flex',\n      alignItems: 'center',\n      margin: '2px 0 0 2px',\n    }),\n    multiValueLabel: (styles) => ({\n      ...styles,\n      color: white,\n      padding: '0 0 0 5px',\n      fontSize: '12px',\n      borderRadius: 0,\n      display: 'inline-flex',\n      lineHeight: '1',\n    }),\n    multiValueRemove: (styles, {data}) => ({\n      ...styles,\n      padding: 0,\n      margin: '0 4px 0 2px',\n      backgroundColor: data.isException ? errorColor : mainColor,\n      cursor: 'pointer',\n      ':hover': {\n        backgroundColor: data.isException ? errorColor : mainColor,\n        color: 'white',\n      },\n    }),\n    menu: (styles) => ({\n      ...styles,\n      margin: 0,\n      borderRadius: 0,\n      zIndex: 10,\n    }),\n    menuList: (styles) => ({\n      ...styles,\n      '::-webkit-scrollbar': {\n        width: '7px',\n      },\n      '::-webkit-scrollbar-thumb': {\n        borderRadius: '4px',\n        backgroundColor: 'rgba(0, 0, 0, .5)',\n        boxShadow: '0 0 1px rgba(255, 255, 255, .5)',\n      },\n    }),\n    option: (styles, {isFocused}) => ({\n      backgroundColor: isFocused ? mainColor : null,\n      padding: '5px 10px',\n      fontSize: '14px',\n      color: isFocused ? white : black,\n    }),\n    input: (styles) => ({\n      ...styles,\n      height: '16px',\n    }),\n  };\n};\n\nexport {prepareStyles, StyledTagsInput, TagsInputErrors};\n","import React, {useRef} from 'react';\nimport ReactSelect, {components as reactSelectComponents} from 'react-select';\nimport isFunction from 'lodash.isfunction';\nimport ReactAsyncSelect from 'react-select/lib/Async';\nimport ErrorLabel from '@propellerads/error-label';\nimport {Close, SIZE, COLOR} from '@propellerads/icon';\n\nimport {TagsInputProps} from './types';\nimport {prepareStyles, StyledTagsInput, TagsInputErrors} from './style';\n\n// regexps by priority\nconst REGEXPS = [\n  /(?:\\b|\\B)\\n+\\b/,\n  /(?:\\b|\\B),\\s\\b/,\n  /(?:\\b|\\B),+\\b/,\n];\n\ninterface SplitStringReturnValue {\n    splits: string[]\n    specialHandle: boolean\n}\n\nfunction splitString(value: string): SplitStringReturnValue {\n  let splits: string[] = [];\n\n  let specialHandle = false;\n  // eslint-disable-next-line no-restricted-syntax\n  for (const regex of REGEXPS) {\n    splits = value.split(regex);\n    if (splits.length > 1) {\n      break;\n    }\n  }\n\n  // special case. Need handle in special way\n  if (splits.length === 1) {\n    splits = value.split(/\\b\\s+\\b/);\n    specialHandle = splits.length > 1;\n  }\n\n  return {\n    splits,\n    specialHandle,\n  };\n}\n\nfunction searchSuitableOptions(pastedValue, availableOptions, searchableKeys) {\n  const {splits, specialHandle} = splitString(pastedValue);\n\n  if (specialHandle) {\n    let rawPastedString = splits.join(' ')\n      .toLowerCase();\n\n    return availableOptions\n      .sort((firstEl, secondEl) => {\n        if (firstEl.label.length > secondEl.label.length) {\n          return -1;\n        }\n        if (firstEl.label.length < secondEl.label.length) {\n          return 1;\n        }\n\n        return 0;\n      })\n      .filter((option) => searchableKeys.reduce((prevValue, currValue) => {\n        const optionValue = String(option[currValue])\n          .toLowerCase();\n        const position = rawPastedString.search(optionValue);\n        const condition = position !== -1;\n        if (condition) {\n          rawPastedString = rawPastedString.replace(optionValue, '');\n        }\n\n        return prevValue || condition;\n      }, false));\n  }\n\n  return splits.map((splitValue) => availableOptions.find((option) => {\n    const comparableValue = splitValue.trim().toLowerCase();\n\n    return searchableKeys.reduce((prevValue, currValue) => {\n      const optionValue = String(option[currValue])\n        .toLowerCase();\n      const condition = optionValue === comparableValue;\n\n      return prevValue || condition;\n    }, false);\n  }))\n    .filter(Boolean);\n}\n\ninterface ClearIndicatorProps {\n  // eslint-disable-next-line @typescript-eslint/ban-types\n    getStyles: (clearIndicator: string, props: any) => {},\n    innerProps: {\n        ref: React.Ref<HTMLDivElement>\n    },\n    elementId: string,\n}\n\nconst ClearIndicator = (props: ClearIndicatorProps) => {\n  const {\n    elementId,\n    getStyles,\n    innerProps: {\n      ref,\n      ...restInnerProps\n    },\n  } = props;\n\n  return (\n    <div\n      {...restInnerProps}\n      ref={ref}\n      style={getStyles('clearIndicator', props)}\n      id={`${elementId}-clear`}\n    >\n      <Close\n        color={COLOR.GRAY_DARK}\n        size={SIZE.MEDIUM_SMALL}\n      />\n    </div>\n  );\n};\n\nconst TagsInput = (props: TagsInputProps) => {\n  const reactSelectElement = useRef<any>(null);\n\n  const {\n    components = {},\n    customStyles = {},\n    elementId,\n    errors = [],\n    isAsync = false,\n    isErrorLabelVisible = false,\n    onChange,\n    onInputChange = null,\n    filterOption = null,\n    options = [],\n    promiseOptions = () => Promise.resolve(),\n    searchableKeys = [\n      'label',\n    ],\n    value = [],\n    actionColor = '',\n    isClearable = true,\n    isDisabled = false,\n    isLoading = false,\n    isRtl = false,\n    isMulti = true,\n    isSearchable = true,\n    cacheOptions = false,\n    placeholder = 'Start typing...',\n    noOptionsMessage = () => 'No options...',\n    loadingMessage = () => 'Loading...',\n    minHeightInput = 36,\n  } = props;\n\n  const currentValue = value;\n\n  const preparedStyled = {\n    ...prepareStyles(actionColor),\n    ...customStyles,\n    control: (base, state) => {\n      const styles = (customStyles.control && isFunction(customStyles.control))\n        ? customStyles.control(base, state)\n        : {};\n\n      return {\n        ...prepareStyles(actionColor).control(base, state),\n        ...styles,\n        border: errors.length ? '1px solid #ed3030' : prepareStyles(actionColor).control(base, state).border,\n        minHeight: minHeightInput,\n      };\n    },\n  };\n\n  const config = {\n    ...props,\n    id: elementId,\n    onChange,\n    ...(onInputChange && {onInputChange}),\n    ...(filterOption && {filterOption}),\n    styles: preparedStyled,\n    components: {\n      ClearIndicator: (clearIndicatorProps) => (\n        <ClearIndicator\n          {...clearIndicatorProps}\n          elementId={elementId}\n        />\n      ),\n      ...components,\n    },\n  };\n\n  const handleAsyncRequest = (newValue: any) => {\n    if (!newValue.length || newValue.length < 2) {\n      return null;\n    }\n\n    return promiseOptions(newValue);\n  };\n\n  const onPaste = (e) => {\n    const pasteData = e.clipboardData.getData('text/plain');\n\n    const pastedOptions = searchSuitableOptions(pasteData, options, searchableKeys);\n\n    const newInputOptions = pastedOptions.reduce((acc, curVal) => {\n      if (!acc.find((el) => el.value === curVal.value)) {\n        acc.push(curVal);\n      }\n\n      return acc;\n    }, currentValue);\n\n    if (pastedOptions.length !== 0) {\n      onChange(newInputOptions);\n      setTimeout(() => {\n        reactSelectElement.current.select.blur();\n      }, 0);\n    }\n  };\n\n  const asyncSelect = (\n    <ReactAsyncSelect\n      {...config}\n      loadOptions={(newValue) => handleAsyncRequest(newValue)}\n    />\n  );\n\n  const select = (\n    <div onPaste={onPaste}>\n      <ReactSelect\n        {...config}\n        ref={reactSelectElement}\n        options={options}\n      />\n    </div>\n  );\n\n  return (\n    <StyledTagsInput>\n      {isAsync ? asyncSelect : select}\n      {errors && errors.length > 0 && isErrorLabelVisible && (\n        <TagsInputErrors>\n          <ErrorLabel\n            elementId={elementId}\n            errors={errors}\n          />\n        </TagsInputErrors>\n      )}\n    </StyledTagsInput>\n  );\n};\n\nfunction customChecker(props, propName, component) {\n  const {[propName]: propValue} = props;\n  if (typeof propValue !== 'function') {\n    return new Error(`Invalid prop \"${propName}\" passed to ${component}`);\n  }\n\n  const value = propValue();\n  if (typeof value !== 'string' && !React.isValidElement(value)) {\n    // eslint-disable-next-line max-len\n    return new Error(`Invalid prop \"${propName}\" passed to ${component}. Function should return \"string\" or \"react.Node\"`);\n  }\n\n  return null;\n}\n\nexport {reactSelectComponents as components};\n\nexport default TagsInput;\n"],"names":["StyledTagsInput","styled","div","TagsInputErrors","lineHeight","prepareStyles","customActionColor","mainColor","actionColor","control","styles","isFocused","isDisabled","borderRadius","backgroundColor","minHeight","borderWidth","boxShadow","borderColor","gray80","valueContainer","overflow","padding","justifyContent","placeholder","color","fontWeight","paddingLeft","position","clearIndicator","display","marginRight","dropdownIndicator","indicatorSeparator","multiValue","data","isException","errorColor","white","height","alignItems","margin","multiValueLabel","fontSize","multiValueRemove","cursor","menu","zIndex","menuList","width","option","black","input","REGEXPS","splitString","value","splits","specialHandle","regex","split","length","searchSuitableOptions","pastedValue","availableOptions","searchableKeys","rawPastedString","join","toLowerCase","sort","firstEl","secondEl","label","filter","reduce","prevValue","currValue","optionValue","String","search","condition","replace","map","splitValue","find","comparableValue","trim","Boolean","ClearIndicator","props","elementId","getStyles","innerProps","ref","restInnerProps","React","style","id","Close","COLOR","GRAY_DARK","size","SIZE","MEDIUM_SMALL","TagsInput","reactSelectElement","useRef","components","customStyles","errors","isAsync","isErrorLabelVisible","onChange","onInputChange","filterOption","options","promiseOptions","Promise","resolve","minHeightInput","currentValue","preparedStyled","base","state","isFunction","border","config","clearIndicatorProps","handleAsyncRequest","newValue","onPaste","e","pasteData","clipboardData","getData","pastedOptions","newInputOptions","acc","curVal","el","push","setTimeout","current","select","blur","asyncSelect","ReactAsyncSelect","loadOptions","ReactSelect","ErrorLabel"],"mappings":"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"}

package/dist/types.d.ts

@@ -9,6 +9,7 @@ export interface TagsInputProps {
     customStyles?: {
         control?: (value?: any, value2?: any) => void;
     };
+    actionColor: string;
     elementId: string;
     errors?: string[];
     isAsync?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@propellerads/tags-input",
-  "version": "3.3.0",
+  "version": "3.5.0",
   "main": "dist/index.js",
   "repository": "https://github.com/propellerads/ui-components",
   "author": "i.pasyuk@propellerads.net",
@@ -11,8 +11,7 @@
     "@propellerads/icon": "^3.4.0",
     "@propellerads/stylevariables": "^1.3.0",
     "lodash.isfunction": "^3.0.9",
-    "react-select": "2.4.3",
-    "styled-components": "^5.2.0"
+    "react-select": "2.4.3"
   },
   "typings": "dist/index.d.ts",
   "files": [
@@ -27,18 +26,18 @@
     "build": "tsdx build"
   },
   "peerDependencies": {
-    "react": ">=16"
+    "@types/react": "^17.0.2",
+    "@types/react-dom": "^17.0.2",
+    "@types/styled-components": "5.1.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "5.1.1"
   },
   "module": "dist/tags-input.esm.js",
   "devDependencies": {
-    "@types/react": "^16.9.46",
-    "@types/react-dom": "^16.9.8",
-    "@types/styled-components": "^5.1.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "tsdx": "^0.13.2",
     "tslib": "^2.0.1",
     "typescript": "^3.9.7"
   },
-  "gitHead": "d7120a4ee980bb71e2717497a4ee28cfab740bb2"
+  "gitHead": "60e12fbee9f680d868d22d915c82bb7aaf6a0447"
 }