react-animated-select 0.5.6 → 0.6.6

package/index.d.ts

@@ -24,7 +24,7 @@ export interface SelectProps {
     loading?: boolean
     error?: boolean
 
-    placeholder?: string
+    placeholder?: ElementType | string | ReactNode
     emptyText?: string
     disabledText?: string
     loadingText?: string
@@ -39,10 +39,11 @@ export interface SelectProps {
     optionsClassName?: string
     style?: CSSProperties
     
-    ArrowIcon?: ElementType | string | ReactNode
-    ClearIcon?: ElementType | string | ReactNode
-    DelIcon?: ElementType | string | ReactNode
-    CheckIcon?: ElementType | string | ReactNode
+    OpenIcon?: ElementType | string | ReactNode | boolean
+    ClearIcon?: ElementType | string | ReactNode | boolean
+    DelIcon?: ElementType | string | ReactNode | boolean
+    Checkmark?: ElementType | string | ReactNode | boolean
+    Checkbox?: ElementType | string | ReactNode | boolean
 
     hasMore?: boolean
     loadMore?: () => void
@@ -54,6 +55,10 @@ export interface SelectProps {
     
     childrenFirst?: boolean
     groupsClosed?: boolean
+    deleteInline?: boolean
+    showDelete?: boolean
+    onClose?: () => void
+    onOpen?: () => void
 }
 
 export const Select: FC<SelectProps>
@@ -61,6 +66,8 @@ export const Select: FC<SelectProps>
 export interface OptionProps {
     value?: any
     id?: any
+    label?: any
+    name?: any
     children?: ReactNode
     disabled?: boolean
     className?: string
@@ -71,8 +78,11 @@ export const Option: FC<OptionProps>
 export interface OptGroupProps {
     value?: any
     id?: any
+    children?: ReactNode
+    disabled?: boolean
     name?: any
     label?: any
+    className?: string
 }
 
 export const OptGroup: FC<OptGroupProps>

package/package.json

@@ -1,9 +1,18 @@
 {
   "name": "react-animated-select",
-  "version": "0.5.6",
+  "version": "0.6.6",
   "type": "module",
-  "author": "l1nway (https://github.com/l1nway/)",
+  "author": {
+    "name": "l1nway",
+    "email": "l1nway@icloud.com",
+    "url": "https://github.com/l1nway/"
+    },
   "description": "Animated, accessible, and flexible select component for React",
+  "files": [
+    "dist",
+    "index.d.ts",
+    "README.md"
+  ],
   "keywords": [
     "react",
     "select",
@@ -34,9 +43,7 @@
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
-  },
-  "dependencies": {
+    "react-dom": ">=16.8.0",
     "react-transition-group": "^4.4.5"
   },
   "devDependencies": {

package/.github/workflows/publish.yml

@@ -1,32 +0,0 @@
-name: Publish to NPM
-
-on:
-  release:
-    types: [created]
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    permissions:
-      contents: read
-      id-token: write
-    
-    steps:
-      - uses: actions/checkout@v4
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: '20'
-          registry-url: 'https://registry.npmjs.org'
-
-      - name: Install dependencies
-        run: npm install
-
-      - name: Build project
-        run: npm run build
-
-      - name: Publish to NPM
-        run: npm publish --provenance --access public
-        env:
-          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

package/demo/README.md

@@ -1,16 +0,0 @@
-# React + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## React Compiler
-
-The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.

package/demo/eslint.config.js

@@ -1,29 +0,0 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import {defineConfig, globalIgnores} from 'eslint/config'
-
-export default defineConfig([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{js,jsx}'],
-    extends: [
-      js.configs.recommended,
-      reactHooks.configs.flat.recommended,
-      reactRefresh.configs.vite,
-    ],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-      parserOptions: {
-        ecmaVersion: 'latest',
-        ecmaFeatures: {jsx: true},
-        sourceType: 'module',
-      },
-    },
-    rules: {
-      'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
-    },
-  },
-])

package/demo/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>demo</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.jsx"></script>
-  </body>
-</html>