Rename TagInput component

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/**",

src/components/TagInput.tsx → src/components/MultiSelectCreatable.tsx

@@ -13,22 +13,30 @@ 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) => ({
   label,
   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

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'

stories/TagInput.stories.tsx → stories/MultiSelectCreatable.stories.tsx

@@ -1,26 +1,27 @@
 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
 
 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>
   )