v1.0.1

.storybook/preview.tsx

@@ -1,15 +1,3 @@
-// .storybook/preview.jsx
-import React from 'react';
-
-import {
-  Title,
-  Subtitle,
-  Description,
-  Primary,
-  Controls,
-  Stories,
-} from '@storybook/blocks';
-
 export default {
   parameters: {
     actions: { argTypesRegex: '^on[A-Z].*' },

README.md

@@ -49,11 +49,9 @@ NovaPoshta © address and warehouse selects. It contains two selects, which requ
 
 #### Script tag:
 
-Go to `/build` folder and download `np-select.umd.js` and `np-select.css`, `np-select.d.ts` if you want to have `.ts` types
+Go to `/build` folder and download `np-select.umd.js`, `np-select.d.ts` if you want to have `.ts` types
 
 ```html
-<link rel="stylesheet" type="text/css" href="np-select.css"/>
-
 <script type="text/javascript" src="np-select.umd.js"></script>
 ```
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "np-select",
   "description": "Nova Poshta city and warehouse selects.",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "main": "build/np-select.js",
   "scripts": {
     "build": "tsc && vite --config vite.config.js build && npm run build:dts",
@@ -45,6 +45,7 @@
     "storybook": "^7.1.0",
     "typescript": "^5.1.6",
     "vite": "^4.4.6",
+    "vite-plugin-css-injected-by-js": "^3.2.1",
     "vite-plugin-static-copy": "^0.17.0"
   }
 }

src/base-select/index.ts

@@ -50,6 +50,14 @@ export class NpBaseSelect {
     onMounted = () => {},
     apiKey,
   }: NpBaseSelectConfig) {
+    if (!root) {
+      throw new TypeError('root element is not passed or it is not valid');
+    }
+
+    if (!apiKey) {
+      console.error('apiKey is not passed');
+    }
+
     this.options = options.map(item => getOption(item));
     this.filtered = options.map(item => getOption(item));
     this.open = false;

src/index.ts

@@ -18,7 +18,7 @@ export const NpCitySelect = (config: NpCitySelectConfig) => {
       text: config.button?.text || 'Select City',
     },
     input: {
-      name: config.input?.name,
+      name: config.input?.name || 'city',
       placeholder: config.input?.placeholder || 'Select City',
     },
     placeholder: {
@@ -57,10 +57,10 @@ export const NpWarehouseSelect = (config: NpWarehouseSelectConfig) => {
     root: config.root,
     apiKey: config.apiKey,
     button: {
-      text: config.button.text || 'Select Warehouse',
+      text: config.button?.text || 'Select Warehouse',
     },
     input: {
-      name: config.input.name,
+      name: config.input?.name || 'warehouse',
       placeholder: config.input?.placeholder || 'Select Warehouse',
     },
     placeholder: {

vite.config.js

@@ -1,5 +1,6 @@
 import path from 'path';
 import { defineConfig } from 'vite';
+import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js';
 
 export default defineConfig({
   build: {
@@ -19,6 +20,7 @@ export default defineConfig({
       },
     },
   },
+  plugins: [cssInjectedByJsPlugin()],
   resolve: {
     alias: [{ find: '@', replacement: path.resolve(__dirname, 'src') }],
   },