Merge pull request #28 from apuc/fix-errors-in-style

Fixed errors in working for to React

README.md

@@ -1,6 +1,6 @@
 # CG-SELECT
 
-## version ~ 0.1.0
+## version ~ 0.1.002
 
 Этот компонент позволяет создать кастомный селект. Он предлагает более гибкую настройку и использование селекта.
 Доступна кастомизация, мультивыбор и живой поиск по елементам.

src/cg-dropdown.js

@@ -309,9 +309,10 @@ export class DropDown {
 
     const elem = document.querySelector(options.selector);
 
-    if (!elem) {
-      throw new Error(`Element with selector ${options.selector}`);
-    }
+    //TODO: для теста в реакте нужно пересмотреть необходимость этой проверки!
+    // if (!elem) {
+    //   throw new Error(`Element with selector ${options.selector}`);
+    // }
 
     this.#element = elem;
 
@@ -396,8 +397,6 @@ export class DropDown {
    */
   #render(select) {
     const { styles, multiselect, searchMode, multiselectTag, darkTheme, language } = this.#options;
-    const { list, search } = styles;
-
     const random = Math.random().toString(36).substring(2, 10);
 
     if (select || (select && styles)) {
@@ -419,6 +418,7 @@ export class DropDown {
       } else {
         intputSearch = createInputSearch(random, en.placeholder);
       }
+      const { search } = styles;
       customStylesFormat(search, intputSearch);
       ulList.appendChild(intputSearch);
     }
@@ -426,6 +426,7 @@ export class DropDown {
     ulList.classList.add('list');
 
     if (styles) {
+      const { list } = styles;
       customStylesFormat(list, ulList);
     }
 

src/index.html

@@ -230,7 +230,6 @@
             <span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">DropDown</span>({
               selector: <span class="code__string">'.cg-dropdown_checkboxDisable',</span> 
               placeholder: <span class="code__string">'Выберите авто',</span> 
-              lable: <span class="code__string">'EXAMPLE',</span> 
               searchMode: <span class="code__keyword">true,</span>
               items: [
                 <span class="code__string">'BMW',</span>