From 80ed7a02b3afaaf8b7bb307acb3b30ab9e6547bd Mon Sep 17 00:00:00 2001
From: majakomel <maja.komel@gmail.com>
Date: Thu, 12 Oct 2023 13:24:13 +0200
Subject: [PATCH] Rename TagInput component

---
 package.json                                   |  4 ++--
 .../{TagInput.tsx => MultiSelectCreatable.tsx} | 18 +++++++++++++-----
 src/index.ts                                   |  2 +-
 ...es.tsx => MultiSelectCreatable.stories.tsx} | 11 ++++++-----
 4 files changed, 22 insertions(+), 13 deletions(-)
 rename src/components/{TagInput.tsx => MultiSelectCreatable.tsx} (91%)
 rename stories/{TagInput.stories.tsx => MultiSelectCreatable.stories.tsx} (58%)

diff --git a/package.json b/package.json
index b2bf9106..3a448aa5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ooni-components",
-  "version": "1.0.0-alpha.20",
+  "version": "1.0.0-alpha.21",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
@@ -103,7 +103,7 @@
     "lint": "eslint --ignore-path .gitignore --ignore-pattern '/components/icons/*' .",
     "release": "yarn run build && yarn publish --new-version $npm_package_version",
     "release:win": "yarn run build && yarn publish --new-version %npm_package_version%",
-    "release:alpha": "yarn publish --tag alpha",
+    "release:alpha": "yarn run build && yarn publish --tag alpha --new-version $npm_package_version",
     "eslint": "esw src/**",
     "eslint-watch": "esw -w --changed src/**",
     "eslint-watch-quiet": "esw -w --quiet --changed src/**",
diff --git a/src/components/TagInput.tsx b/src/components/MultiSelectCreatable.tsx
similarity index 91%
rename from src/components/TagInput.tsx
rename to src/components/MultiSelectCreatable.tsx
index c2925e07..83898cc4 100644
--- a/src/components/TagInput.tsx
+++ b/src/components/MultiSelectCreatable.tsx
@@ -13,12 +13,13 @@ interface Option {
   readonly value: string
 }
 
-export interface SelectProps extends Omit<SP, 'value' | 'onChange'> {
+export interface MultiSelectCreatableProps
+  extends Omit<SP, 'value' | 'onChange'> {
   label?: string
   placeholder?: string
   value: MultiValue<Option>
   onChange: (obj: MultiValue<Option>) => void
-  error: string
+  error?: string
 }
 
 const createOption = (label: string) => ({
@@ -26,9 +27,16 @@ const createOption = (label: string) => ({
   value: label,
 })
 
-const TagInput = forwardRef(
+const MultiSelectCreatable = forwardRef(
   (
-    { label, name, value: initialValue, onChange, error, ...rest }: SelectProps,
+    {
+      label,
+      name,
+      value: initialValue,
+      onChange,
+      error,
+      ...rest
+    }: MultiSelectCreatableProps,
     ref,
   ) => {
     const [inputValue, setInputValue] = React.useState('')
@@ -121,4 +129,4 @@ const TagInput = forwardRef(
   },
 )
 
-export default TagInput
+export default MultiSelectCreatable
diff --git a/src/index.ts b/src/index.ts
index b62991a8..616eb051 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -23,5 +23,5 @@ export { default as Image } from './components/Image'
 export { default as Select } from './components/Select'
 export { default as Checkbox } from './components/Checkbox'
 export { default as Label } from './components/Label'
-export { default as TagInput } from './components/TagInput'
+export { default as MultiSelectCreatable } from './components/MultiSelectCreatable'
 export { default as MultiSelect } from './components/MultiSelect'
diff --git a/stories/TagInput.stories.tsx b/stories/MultiSelectCreatable.stories.tsx
similarity index 58%
rename from stories/TagInput.stories.tsx
rename to stories/MultiSelectCreatable.stories.tsx
index c2bf6d85..0abaec15 100644
--- a/stories/TagInput.stories.tsx
+++ b/stories/MultiSelectCreatable.stories.tsx
@@ -1,13 +1,13 @@
 import React from 'react'
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta } from '@storybook/react'
 import { action } from '@storybook/addon-actions'
 
 import Box from '../src/components/Box'
-import TagInput from '../src/components/TagInput'
+import MultiSelectCreatable from '../src/components/MultiSelectCreatable'
 
 const meta: Meta = {
-  title: 'Components/TagInput',
-  component: TagInput,
+  title: 'Components/MultiSelectCreatable',
+  component: MultiSelectCreatable,
 }
 
 export default meta
@@ -15,12 +15,13 @@ export default meta
 export const Default = () => {
   return (
     <Box>
-      <TagInput
+      <MultiSelectCreatable
         id="tags"
         name="tags"
         label="Tags"
         my={3}
         value={[{ label: 'orange', value: 'orange' }]}
+        onChange={(val) => console.log(val)}
       />
     </Box>
   )