# onedionys-search-bar-component

> One Dionys (Search Bar Component) - A component to add a search feature in a web application.

Latest version **5.0.0** (published 2024-03-31) · ISC license · 0 weekly downloads

## Install

```sh
npm install onedionys-search-bar-component
pnpm add onedionys-search-bar-component
yarn add onedionys-search-bar-component
bun add onedionys-search-bar-component
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 5.0.0 |
| Published | 2024-03-31 |
| First published | 2024-03-07 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 132 |
| Unpacked size | 12 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 11 |
| Author | One Dionys |
| Maintainers | onedionys, onedionysx |
| Keywords | onedionys, tea, package-manager, search-bar-component |

## Links

- npm: https://www.npmjs.com/package/onedionys-search-bar-component
- Repository: https://github.com/onedionys/onedionys-search-bar-component
- Homepage: https://github.com/onedionys/onedionys-search-bar-component#readme
- Issues: https://github.com/onedionys/onedionys-search-bar-component/issues
- npm.io page: https://npm.io/package/onedionys-search-bar-component

## Dependencies (132)

- [xstea](https://npm.io/package/xstea.md) ^1.1.4
- [jquery](https://npm.io/package/jquery.md) ^3.7.1
- [lodash](https://npm.io/package/lodash.md) ^4.17.21
- [mafiozo](https://npm.io/package/mafiozo.md) ^1.1.4
- [alphonix](https://npm.io/package/alphonix.md) ^1.1.4
- [babisida](https://npm.io/package/babisida.md) ^1.1.3
- [hyper212](https://npm.io/package/hyper212.md) ^1.1.4
- [noteapro](https://npm.io/package/noteapro.md) ^1.1.4
- [gassefals](https://npm.io/package/gassefals.md) ^1.1.4
- [app_nodejs](https://npm.io/package/app_nodejs.md) ^1.1.4
- [montea-app](https://npm.io/package/montea-app.md) ^1.1.2
- [aefkaaa-tea](https://npm.io/package/aefkaaa-tea.md) ^0.1.0
- [kontol-lodon](https://npm.io/package/kontol-lodon.md) ^1.1.3
- [gozillaankara](https://npm.io/package/gozillaankara.md) ^1.1.4
- [only-learning](https://npm.io/package/only-learning.md) ^1.0.9
- [diagnose-healthy](https://npm.io/package/diagnose-healthy.md) ^1.1.3
- [returndaoproject](https://npm.io/package/returndaoproject.md) ^1.1.4
- [onedionys-animal-cat](https://npm.io/package/onedionys-animal-cat.md) ^1.0.0
- [onedionys-animal-dog](https://npm.io/package/onedionys-animal-dog.md) ^1.0.0
- [onedionys-animal-fox](https://npm.io/package/onedionys-animal-fox.md) ^1.0.0
- [onedionys-animal-bear](https://npm.io/package/onedionys-animal-bear.md) ^1.0.0
- [onedionys-animal-deer](https://npm.io/package/onedionys-animal-deer.md) ^1.0.0
- [onedionys-animal-lion](https://npm.io/package/onedionys-animal-lion.md) ^1.0.0
- [onedionys-animal-wolf](https://npm.io/package/onedionys-animal-wolf.md) ^1.0.0
- [onedionys-http-client](https://npm.io/package/onedionys-http-client.md) ^1.0.0
- [onedionys-ajax-wrapper](https://npm.io/package/onedionys-ajax-wrapper.md) ^1.0.2
- [onedionys-animal-koala](https://npm.io/package/onedionys-animal-koala.md) ^1.0.0
- [onedionys-animal-panda](https://npm.io/package/onedionys-animal-panda.md) ^1.0.0
- [onedionys-animal-tiger](https://npm.io/package/onedionys-animal-tiger.md) ^1.0.0
- [onedionys-animal-zebra](https://npm.io/package/onedionys-animal-zebra.md) ^1.0.0
- [onedionys-data-storage](https://npm.io/package/onedionys-data-storage.md) ^1.1.0
- [onedionys-montea-magic](https://npm.io/package/onedionys-montea-magic.md) ^1.0.0
- [onedionys-shop-builder](https://npm.io/package/onedionys-shop-builder.md) ^2.5.1
- [onedionys-string-utils](https://npm.io/package/onedionys-string-utils.md) ^1.0.0
- [onedionys-animal-monkey](https://npm.io/package/onedionys-animal-monkey.md) ^1.0.0
- [onedionys-animal-rabbit](https://npm.io/package/onedionys-animal-rabbit.md) ^1.0.0
- [onedionys-event-emitter](https://npm.io/package/onedionys-event-emitter.md) ^1.0.0
- [onedionys-animal-giraffe](https://npm.io/package/onedionys-animal-giraffe.md) ^1.0.0
- [onedionys-animal-gorilla](https://npm.io/package/onedionys-animal-gorilla.md) ^1.0.0
- [onedionys-date-languange](https://npm.io/package/onedionys-date-languange.md) ^2.5.1
- [onedionys-math-utilities](https://npm.io/package/onedionys-math-utilities.md) ^1.0.0
- [onedionys-scrape-twitter](https://npm.io/package/onedionys-scrape-twitter.md) ^1.0.0
- [onedionys-animal-elephant](https://npm.io/package/onedionys-animal-elephant.md) ^1.0.1
- [onedionys-animal-kangaroo](https://npm.io/package/onedionys-animal-kangaroo.md) ^1.0.0
- [onedionys-cors-middleware](https://npm.io/package/onedionys-cors-middleware.md) ^1.0.0
- [onedionys-routing-library](https://npm.io/package/onedionys-routing-library.md) ^1.0.0
- [onedionys-template-engine](https://npm.io/package/onedionys-template-engine.md) ^1.0.0
- [onedionys-web-font-loader](https://npm.io/package/onedionys-web-font-loader.md) ^1.0.0
- [onedionys-number-languange](https://npm.io/package/onedionys-number-languange.md) ^2.5.0
- [onedionys-state-management](https://npm.io/package/onedionys-state-management.md) ^1.0.0
- [onedionys-animal-rhinoceros](https://npm.io/package/onedionys-animal-rhinoceros.md) ^1.0.0
- [onedionys-animation-library](https://npm.io/package/onedionys-animation-library.md) ^1.0.0
- [onedionys-clipboard-manager](https://npm.io/package/onedionys-clipboard-manager.md) ^1.0.0
- [onedionys-cookie-management](https://npm.io/package/onedionys-cookie-management.md) ^1.0.0
- [onedionys-promise-utilities](https://npm.io/package/onedionys-promise-utilities.md) ^1.0.0
- [onedionys-ui-theme-switcher](https://npm.io/package/onedionys-ui-theme-switcher.md) ^1.0.0
- [onedionys-websocket-wrapper](https://npm.io/package/onedionys-websocket-wrapper.md) ^1.0.0
- [onedionys-color-manipulation](https://npm.io/package/onedionys-color-manipulation.md) ^1.0.0
- [onedionys-form-input-masking](https://npm.io/package/onedionys-form-input-masking.md) ^1.0.0
- [onedionys-input-autocomplete](https://npm.io/package/onedionys-input-autocomplete.md) ^1.0.0
- [onedionys-validation-library](https://npm.io/package/onedionys-validation-library.md) ^1.0.0
- [onedionys-animal-hippopotamus](https://npm.io/package/onedionys-animal-hippopotamus.md) ^1.0.0
- [onedionys-date-time-utilities](https://npm.io/package/onedionys-date-time-utilities.md) ^1.0.0
- [onedionys-image-cropping-tool](https://npm.io/package/onedionys-image-cropping-tool.md) ^1.0.0
- [onedionys-lazy-loading-images](https://npm.io/package/onedionys-lazy-loading-images.md) ^1.0.0
- [onedionys-notification-system](https://npm.io/package/onedionys-notification-system.md) ^1.0.0
- [onedionys-scrolling-utilities](https://npm.io/package/onedionys-scrolling-utilities.md) ^1.0.0
- [onedionys-user-authentication](https://npm.io/package/onedionys-user-authentication.md) ^1.0.0
- [onedionys-drag-drop-components](https://npm.io/package/onedionys-drag-drop-components.md) ^1.0.0
- [onedionys-localization-library](https://npm.io/package/onedionys-localization-library.md) ^1.0.0
- [onedionys-localization-manager](https://npm.io/package/onedionys-localization-manager.md) ^1.0.0
- [onedionys-pagination-component](https://npm.io/package/onedionys-pagination-component.md) ^1.0.0
- [onedionys-analytics-integration](https://npm.io/package/onedionys-analytics-integration.md) ^1.0.0
- [onedionys-file-upload-component](https://npm.io/package/onedionys-file-upload-component.md) ^1.0.0
- [onedionys-static-site-generator](https://npm.io/package/onedionys-static-site-generator.md) ^1.0.0
- [onedionys-cookie-consent-manager](https://npm.io/package/onedionys-cookie-consent-manager.md) ^1.0.0
- [onedionys-css-class-manipulation](https://npm.io/package/onedionys-css-class-manipulation.md) ^1.0.0
- [onedionys-dom-mutation-observers](https://npm.io/package/onedionys-dom-mutation-observers.md) ^1.0.0
- [onedionys-email-template-builder](https://npm.io/package/onedionys-email-template-builder.md) ^1.0.0
- [onedionys-event-handling-library](https://npm.io/package/onedionys-event-handling-library.md) ^1.0.0
- [onedionys-form-wizard-components](https://npm.io/package/onedionys-form-wizard-components.md) ^1.0.0
- [onedionys-formatted-input-fields](https://npm.io/package/onedionys-formatted-input-fields.md) ^1.0.0
- [onedionys-modal-dialog-component](https://npm.io/package/onedionys-modal-dialog-component.md) ^1.0.0
- [onedionys-progress-bar-component](https://npm.io/package/onedionys-progress-bar-component.md) ^1.0.0
- [onedionys-real-time-data-syncing](https://npm.io/package/onedionys-real-time-data-syncing.md) ^1.0.0
- [onedionys-text-parsing-utilities](https://npm.io/package/onedionys-text-parsing-utilities.md) ^1.0.0
- [onedionys-data-formatting-helpers](https://npm.io/package/onedionys-data-formatting-helpers.md) ^1.0.0
- [onedionys-dom-traversal-utilities](https://npm.io/package/onedionys-dom-traversal-utilities.md) ^1.0.0
- [onedionys-form-handling-utilities](https://npm.io/package/onedionys-form-handling-utilities.md) ^1.0.0
- [onedionys-gdpr-compliance-toolkit](https://npm.io/package/onedionys-gdpr-compliance-toolkit.md) ^1.0.0
- [onedionys-image-compression-tools](https://npm.io/package/onedionys-image-compression-tools.md) ^1.0.0
- [onedionys-image-gallery-component](https://npm.io/package/onedionys-image-gallery-component.md) ^1.0.0
- [onedionys-image-loading-utilities](https://npm.io/package/onedionys-image-loading-utilities.md) ^1.0.0
- [onedionys-lazy-loading-components](https://npm.io/package/onedionys-lazy-loading-components.md) ^1.0.0
- [onedionys-seo-friendly-pagination](https://npm.io/package/onedionys-seo-friendly-pagination.md) ^1.0.0
- [onedionys-web-storage-abstraction](https://npm.io/package/onedionys-web-storage-abstraction.md) ^1.0.0
- [onedionys-code-splitting-utilities](https://npm.io/package/onedionys-code-splitting-utilities.md) ^1.0.0
- [onedionys-data-anonymization-tools](https://npm.io/package/onedionys-data-anonymization-tools.md) ^1.0.0
- [onedionys-dom-manipulation-helpers](https://npm.io/package/onedionys-dom-manipulation-helpers.md) ^1.1.0
- [onedionys-error-handling-utilities](https://npm.io/package/onedionys-error-handling-utilities.md) ^1.0.0
- [onedionys-feature-toggle-utilities](https://npm.io/package/onedionys-feature-toggle-utilities.md) ^1.0.0
- [onedionys-load-balancer-middleware](https://npm.io/package/onedionys-load-balancer-middleware.md) ^1.0.0
- [onedionys-pdf-generation-utilities](https://npm.io/package/onedionys-pdf-generation-utilities.md) ^1.0.0
- [onedionys-seo-optimization-helpers](https://npm.io/package/onedionys-seo-optimization-helpers.md) ^1.0.0
- [onedionys-social-sharing-utilities](https://npm.io/package/onedionys-social-sharing-utilities.md) ^1.0.0
- [onedionys-web-performance-analyzer](https://npm.io/package/onedionys-web-performance-analyzer.md) ^1.0.0
- [onedionys-api-rate-limiting-handler](https://npm.io/package/onedionys-api-rate-limiting-handler.md) ^1.0.0
- [onedionys-data-encryption-utilities](https://npm.io/package/onedionys-data-encryption-utilities.md) ^1.0.0
- [onedionys-responsive-design-helpers](https://npm.io/package/onedionys-responsive-design-helpers.md) ^1.0.0
- [onedionys-secure-password-generator](https://npm.io/package/onedionys-secure-password-generator.md) ^1.0.0
- [onedionys-web-accessibility-checker](https://npm.io/package/onedionys-web-accessibility-checker.md) ^1.0.0
- [onedionys-web-accessibility-helpers](https://npm.io/package/onedionys-web-accessibility-helpers.md) ^1.0.0
- [onedionys-csrf-protection-middleware](https://npm.io/package/onedionys-csrf-protection-middleware.md) ^1.0.0
- [onedionys-database-abstraction-layer](https://npm.io/package/onedionys-database-abstraction-layer.md) ^1.0.0
- [onedionys-debounce-throttle-functions](https://npm.io/package/onedionys-debounce-throttle-functions.md) ^1.0.0
- [onedionys-responsive-image-components](https://npm.io/package/onedionys-responsive-image-components.md) ^1.0.0
- [onedionys-responsive-table-components](https://npm.io/package/onedionys-responsive-table-components.md) ^1.0.0
- [onedionys-charting-library-integration](https://npm.io/package/onedionys-charting-library-integration.md) ^1.0.0
- [onedionys-code-documentation-generator](https://npm.io/package/onedionys-code-documentation-generator.md) ^1.0.0
- [onedionys-client-side-routing-utilities](https://npm.io/package/onedionys-client-side-routing-utilities.md) ^1.0.0
- [onedionys-jwt-authentication-middleware](https://npm.io/package/onedionys-jwt-authentication-middleware.md) ^1.0.0
- [onedionys-markdown-rendering-components](https://npm.io/package/onedionys-markdown-rendering-components.md) ^1.0.0
- [onedionys-progressive-web-app-utilities](https://npm.io/package/onedionys-progressive-web-app-utilities.md) ^1.0.0
- [onedionys-timezone-conversion-utilities](https://npm.io/package/onedionys-timezone-conversion-utilities.md) ^1.0.0
- [onedionys-user-role-permission-management](https://npm.io/package/onedionys-user-role-permission-management.md) ^1.0.0
- [onedionys-authentication-tokens-management](https://npm.io/package/onedionys-authentication-tokens-management.md) ^1.0.0
- [onedionys-social-media-meta-tags-generator](https://npm.io/package/onedionys-social-media-meta-tags-generator.md) ^1.0.0
- [onedionys-content-security-policy-generator](https://npm.io/package/onedionys-content-security-policy-generator.md) ^1.0.0
- [onedionys-internationalization-i18n-support](https://npm.io/package/onedionys-internationalization-i18n-support.md) ^1.0.0
- [onedionys-web-push-notification-integration](https://npm.io/package/onedionys-web-push-notification-integration.md) ^1.0.0
- [onedionys-error-reporting-service-integration](https://npm.io/package/onedionys-error-reporting-service-integration.md) ^1.0.0
- [onedionys-content-delivery-network-integration](https://npm.io/package/onedionys-content-delivery-network-integration.md) ^1.0.0

## Alternatives

- [jsforce](https://npm.io/package/jsforce.md) — 851.2K weekly downloads
- [react-native-qrcode-svg](https://npm.io/package/react-native-qrcode-svg.md) — 693.5K weekly downloads
- [@salesforce/plugin-data](https://npm.io/package/@salesforce/plugin-data.md) — 394.9K weekly downloads
- [@backstage/plugin-search-common](https://npm.io/package/@backstage/plugin-search-common.md) — 308.5K weekly downloads
- [@chain-registry/types](https://npm.io/package/@chain-registry/types.md) — 38.4K weekly downloads

## Recent versions

- 5.0.0 (latest) — 2024-03-31
- 4.0.2 — 2024-03-18
- 4.0.1 — 2024-03-12
- 4.0.0 — 2024-03-11
- 1.0.1 — 2024-03-11
- 1.0.0 — 2024-03-07

## README

<h1 align="center">Welcome to One Dionys - Search Bar Component! 👋 </h1>

<p align="center">A component to add a search feature in a web application. 💖 </p>

<p align="center">
<img src="https://img.shields.io/github/contributors/onedionys/onedionys-search-bar-component?style=flat-square">
<img src="https://img.shields.io/github/issues/onedionys/onedionys-search-bar-component?style=flat-square">
<img src="https://img.shields.io/github/stars/onedionys/onedionys-search-bar-component?style=flat-square"> 
<img src="https://img.shields.io/github/forks/onedionys/onedionys-search-bar-component?style=flat-square">
<img src="https://img.shields.io/github/last-commit/onedionys/onedionys-search-bar-component.svg?style=flat-square">
<img src="https://img.shields.io/github/languages/code-size/onedionys/onedionys-search-bar-component?style=flat-square">
<img src="https://img.shields.io/github/license/onedionys/onedionys-search-bar-component?style=flat-square">
</p>

## 💾 Requirements

* `Web Browser` - Can be used as an emulator to build applications. Example [Chrome, Firefox, Safari & Opera].
* `Internet` - Because many use CDN and to make it easier to find solutions to all problems.

## 🎯 How To Use

#### Example Syntax

```javascript
const SearchBar = require('search-bar-component');

const searchBar = new SearchBar();

searchBar.onSearch(query => {
  console.log('Search query:', query);
});

searchBar.handleInput('example');
// Output: Search query: example
```

#### Explanation

* `onSearch(callback)`: Registers a callback function to be executed when a search query is entered.
* `handleInput(query)`: Triggers the registered callback functions with the entered search query.

#### Return Value

* `onSearch(callback)`: No return value.
* `handleInput(query)`: No return value.

## 📆 Release Date

* v1.0.0 : 08 March 2024
* v1.0.1 : 11 March 2024
* v4.0.0 : 11 March 2024
* v4.0.1 : 13 March 2024
* v4.0.2 : 18 March 2024
* v5.0.0 : 31 March 2024

## 🧑 Author

* Facebook : <a href="https://www.facebook.com/theonedionys"> Oned Ionys</a>
* Instagram : <a href="https://www.instagram.com/onedionys/"> @onedionys</a>
* Twitter : <a href="https://twitter.com/onedionys"> @onedionys</a>
* LinkedIn :  <a href="https://www.linkedin.com/in/onedionys/"> @onedionys</a>

## 📝 License

* Copyright © 2024 One Dionys
* **One Dionys - Search Bar Component is an open source project licensed under the MIT license**

## ☕️ Suppport & Donation

Love One Dionys - Search Bar Component? Support this project by donating or sharing with others in need.

<a href="https://www.buymeacoffee.com/onedionys"><img src="https://img.shields.io/badge/Buy_Me_A_Coffee-FFDD00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black"/> </a>

**Made with ❤️ One Dionys**

---
_Source: https://npm.io/package/onedionys-search-bar-component · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._