Merge pull request #7 from rvikunwar/new_version

New version

Author: rvikunwar

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-tags-js",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "A flexible and customizable React component for tag selection.",
   "source": "src/index.ts",
   "main": "dist/index.cjs",

src/Close.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { tagValue } from './interface';
+import { tagValue } from './';
 
 type onClear = (value: tagValue) => void;
 

src/ReactInputTags.tsx

@@ -1,6 +1,6 @@
 import React, { ChangeEvent, FC, KeyboardEvent, useEffect, useRef, useState } from "react";
 import Tag from "./Tag";
-import { ReactInputTagsProps, TagOptions, tagValue } from "./interface";
+import { ReactInputTagsProps, TagOptions, tagValue } from "./index";
 
 export const ReactInputTags: FC<ReactInputTagsProps> = ({
   tags,

src/Tag.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { TagInterface, tagValue } from "./interface";
+import { TagInterface, tagValue } from "./";
 import Close from "./Close";
 
 interface TagProps extends TagInterface {

src/index.ts

@@ -1,4 +1,39 @@
 import { ReactInputTags } from './ReactInputTags';
 import './style/index.css'
 
+export type tagValue = string | number;
+export type onChange = (tags: TagInterface[], tag?: TagInterface) => void;
+
+export interface TagOptions {
+    value: tagValue
+    label: tagValue
+}
+
+export interface TagInterface {
+    value: tagValue
+    label: tagValue
+    tagColor?: string;
+    textColor?: string;
+    readOnly?: boolean;
+}
+
+export interface StyleInterface {
+    mainContainer?: string;
+    tag?: string;
+    input?: string;
+    optionContainer?: string;
+    option?: string;
+    selectedOption?: string;
+}
+
+export interface ReactInputTagsProps {
+    tags: TagInterface[];
+    onChange: onChange;
+    options?: TagOptions[];
+    creatable?: boolean;
+    style?: StyleInterface;
+    renderInput?: boolean;
+    clearOnBackSpace? : boolean
+}
+
 export default ReactInputTags;