added removeIcon props (#45)

Co-authored-by: Sergey Andreev <sergey.and@okwork.io>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cadolabs/sphere-ui",
-  "version": "4.1.0",
+  "version": "4.1.1",
   "main": "dist/index.js",
   "license": "MIT",
   "repository": "https://github.com/Cado-Labs/sphere-ui",

src/components/MultiSelect/index.js

@@ -29,6 +29,7 @@ export const MultiSelect = React.forwardRef(({
   id = null,
   disabled = false,
   showClear = false,
+  removeIcon = false,
 }, ref) => {
   const multiselectRef = useRef(ref)
 
@@ -108,6 +109,7 @@ export const MultiSelect = React.forwardRef(({
       selectedItemsLabel={selectedItemsLabel}
       showClear={showClear}
       display={display}
+      removeIcon={removeIcon}
     />
   )
 })

storybook/i18n/locales/stories/multiselect/en.yml

@@ -24,3 +24,4 @@ props:
   selectedItemsLabel: Function that gets an item in the value and returns the content for it.
   showClear: Displays an icon to clear the value.
   display: Used mode to display the selected item. Valid values are 'comma' and 'chip'.
+  removeIcon: Icon of the remove chip element.

storybook/stories/form/MultiSelect/multiSelect.js

@@ -65,6 +65,7 @@ export const multiSelect = {
     { name: "selectedItemsLabel", type: "string", description: `${I18N_PREFIX}.props.selectedItemsLabel` },
     { name: "showClear", type: "boolean", default: false, description: `${I18N_PREFIX}.props.showClear` },
     { name: "display", type: "string", description: `${I18N_PREFIX}.props.display` },
+    { name: "removeIcon", type: "any", default: false, description: `${I18N_PREFIX}.props.removeIcon` },
   ],
   eventDescriptionProps: [
     { name: "onChange", params: onChangeParams, description: `${I18N_PREFIX}.props.onChange` },