simp-select 1.0.1 → 1.0.2

package/dist/const/simpleSelection.const.d.ts

@@ -0,0 +1,6 @@
+import { ISimpleSelectLocale, ISimpleSelectOptions } from '../types/simpleSelect.types';
+export declare const simpleSelectLocale: ISimpleSelectLocale;
+export declare const simpleSelectionOptions: ISimpleSelectOptions;
+export declare const nameSelect = "SimSel";
+export declare const nameMark = "simple-select-init";
+export declare const initClass = "SimpleSel";

package/dist/simpleSelect.d.ts

@@ -0,0 +1,40 @@
+import { ISimpleSelectOptions, ISimpleSelectProps } from './types/simpleSelect.types';
+import { selectorType } from './types/item.types';
+import { SimpleSelectItem } from './simpleSelectItem';
+import './style.css';
+export default class SimpleSelect {
+    callCount: number;
+    countInit: number;
+    $selects: SimpleSelectItem[];
+    options: ISimpleSelectOptions;
+    nameMarkTransform: string;
+    dataNameMark: string;
+    isNative: boolean;
+    constructor(selector: selectorType, options?: ISimpleSelectProps);
+    detectMobile(): void;
+    private init;
+    createMethods(select: SimpleSelectItem): {
+        getInstance: () => HTMLSelectElement;
+        reload(): void;
+        update(): void;
+        detach(): void;
+    };
+    setMethods(select: SimpleSelectItem): void;
+    setMethodsClear(select: SimpleSelectItem): void;
+    private build;
+    private detach;
+    rebuild(selectsItems: SimpleSelectItem): void;
+    getSelects(): SimpleSelectItem[];
+    getSelectFirst(): {
+        getInstance: () => HTMLSelectElement;
+        reload(): void;
+        update(): void;
+        detach(): void;
+    };
+    getSelectById(id: string): {
+        getInstance: () => HTMLSelectElement;
+        reload(): void;
+        update(): void;
+        detach(): void;
+    } | null;
+}

package/dist/simpleSelectItem.d.ts

@@ -0,0 +1,49 @@
+/// <reference types="node" />
+import { IItemLocalOptions, ISimpleSelectOptions } from './types/simpleSelect.types';
+import { SimpleSelectItemDOM } from './simpleSelectItemDOM';
+export declare class SimpleSelectItem extends SimpleSelectItemDOM {
+    closeOutsideHandler: (e: MouseEvent) => void;
+    closeEscHandler: (e: KeyboardEvent) => void;
+    changeListener: (e: Event) => void;
+    searchHandler: (e: Event) => void;
+    clickToggleOpen: (e: MouseEvent | KeyboardEvent) => void;
+    triggerSetup: (e: MouseEvent) => void;
+    confirmOkHandler: (e: MouseEvent) => void;
+    confirmNoHandler: (e: MouseEvent) => void;
+    selectAllHandler: (e: MouseEvent) => void;
+    resetAllHandler: (e: MouseEvent) => void;
+    closeHandler: (e: MouseEvent) => void;
+    handleResize: (e: MediaQueryList | null) => void;
+    mql: MediaQueryList | null;
+    countOpen: number;
+    multiDebounceTime: number;
+    timeoutDebounceId: NodeJS.Timeout | null;
+    constructor(select: HTMLSelectElement, options: ISimpleSelectOptions, localOptions: IItemLocalOptions);
+    init(): void;
+    private handleResizeInit;
+    private initAfterDom;
+    debounce<T extends (...args: never[]) => void>(func: T, delay: number): (...args: Parameters<T>) => void;
+    confirmOkHandlerInit(e: MouseEvent): void;
+    confirmOkBuild(): void;
+    confirmNoHandlerInit(e: MouseEvent): void;
+    closeHandlerInit(e: MouseEvent): void;
+    selectAllHandlerInit(e: MouseEvent): void;
+    resetAllHandlerInit(e: MouseEvent): void;
+    triggerSetupInit(e: MouseEvent): void;
+    changeClickItem(item: HTMLLIElement): void;
+    multiDebounceChange(): void;
+    triggerInit(): void;
+    clickToggleOpenInit(e: MouseEvent | KeyboardEvent): void;
+    closeOutsideHandlerInit(e: MouseEvent): void;
+    closeEscHandlerInit(e: KeyboardEvent): void;
+    keyBoardChangeChecked(isDown: boolean): void;
+    searchHandlerInit(e: Event): void;
+    toggleOpenHandler(): void;
+    private changeListenerInit;
+    getSelect(): HTMLSelectElement;
+    protected handlerChangeChecked(): void;
+    protected createList(isCompare?: boolean): void;
+    private filterList;
+    inputSearchHandler(): void;
+    detachItem(): void;
+}

package/dist/simpleSelectItemDOM.d.ts

@@ -0,0 +1,57 @@
+import { IItemLocalOptions, ISimpleSelectOptions } from './types/simpleSelect.types';
+import { IOptionItem } from './types/item.types';
+export declare class SimpleSelectItemDOM {
+    options: ISimpleSelectOptions;
+    $select: HTMLSelectElement;
+    id: string;
+    titlePlaceholder: string;
+    isDisabled: boolean;
+    isMulti: boolean;
+    state: {
+        getState: (k?: string | undefined) => any;
+        setState: (k: string, val: any) => void;
+        subscribe(k: string, cb: any): () => void;
+        subscribeAll(cb: any): () => void;
+        unSubscribe(k: string, cb: any): void;
+    };
+    classSelectInit: string;
+    isNative: boolean;
+    elemWrap: HTMLDivElement;
+    elemTop: HTMLDivElement;
+    elemTopBody: HTMLDivElement;
+    elemDropDown: HTMLDivElement | null;
+    elemDropDownClose: HTMLButtonElement | null;
+    elemListBody: HTMLUListElement | null;
+    elemInputSearch: HTMLInputElement | null;
+    elemTitle: HTMLDivElement;
+    confirmOk: HTMLButtonElement | null;
+    confirmNo: HTMLButtonElement | null;
+    elemControl: HTMLDivElement | null;
+    elemSelectAll: HTMLButtonElement | null;
+    elemResetAll: HTMLButtonElement | null;
+    cloneClasses: string;
+    isShowCheckbox: boolean;
+    bodyLiHTMLBeforeFromSelect: null | string;
+    bodyLiHTMLAfterFromSelect: null | string;
+    isFloatWidth: boolean;
+    bodyOpenClass: string;
+    constructor(select: HTMLSelectElement, options: ISimpleSelectOptions, localOptions: IItemLocalOptions);
+    optionOverride(): void;
+    initDom(): void;
+    toggleTabIndex(isOpen: boolean): void;
+    updateHTML(): void;
+    private createHTML;
+    private createControlHTML;
+    private createIcon;
+    private createDropDown;
+    private createIsConfirmInMultiHTML;
+    private createTitleHTML;
+    protected createListHTML(): void;
+    private createInputHTML;
+    getChecked(): IOptionItem[];
+    private createLi;
+    private createLiBody;
+    protected handlerChangeChecked(): void;
+    protected createList(_isCompare: boolean): void;
+    protected inputSearchHandler(): void;
+}

package/dist/types/item.types.d.ts

@@ -0,0 +1,24 @@
+export interface IOptionItem {
+    id: string;
+    title: string;
+    value: string | null;
+    checked: boolean;
+    disabled: boolean;
+    position: number;
+    isShowFilter: boolean;
+}
+export interface IOptionItems {
+    idGroup: string;
+    isGroup: boolean;
+    titleGroup?: string;
+    isDisabledGroup?: boolean;
+    items: IOptionItem[];
+    isShowFilter: boolean;
+}
+export interface ICreateLiReturn {
+    result: string;
+    countShow: number;
+    countChecked: number;
+    countCheckedFull: number;
+}
+export type selectorType = string | HTMLSelectElement | NodeListOf<HTMLSelectElement> | HTMLSelectElement[];

package/dist/types/simpleSelect.types.d.ts

@@ -0,0 +1,44 @@
+import { SimpleSelectItem } from '../simpleSelectItem';
+export interface ISimpleSelectLocale {
+    noSearch: string;
+    searchText: string;
+    title: string;
+    selected: string;
+    all: string;
+    ok: string;
+    cansel: string;
+    resetAll: string;
+    selectAll: string;
+}
+export interface ISimpleSelectOptions {
+    countShowSelected: number;
+    isConfirmInMulti: boolean;
+    isConfirmInMultiOkClickOutside: boolean;
+    isSearch: boolean;
+    isSearchInDropdown: boolean;
+    nativeOnDevice: string[];
+    locale: ISimpleSelectLocale;
+    debounceTime?: number;
+    floatWidth?: number;
+    sepChars: string;
+    selectAll: boolean;
+    selectAllAfterClose: boolean;
+    resetAll: boolean;
+    resetAllAfterClose: boolean;
+    isCloneClass: boolean;
+    isUp: boolean;
+    detectNative?: () => boolean;
+    callbackInitialization?: (item: SimpleSelectItem) => void;
+    callbackInitialized?: (item: SimpleSelectItem) => void;
+    callbackOpen?: (item: SimpleSelectItem) => void;
+    callbackClose?: (item: SimpleSelectItem) => void;
+    callbackDestroyInit?: (item: SimpleSelectItem) => void;
+    callbackDestroy?: (item: SimpleSelectItem) => void;
+    callbackChangeSelect?: (e: Event, item: SimpleSelectItem) => void;
+    changeBodyLi?: (liBody: HTMLDivElement, option: HTMLOptionElement) => HTMLElement | string;
+}
+export interface IItemLocalOptions {
+    id: string;
+    isNative: boolean;
+}
+export type ISimpleSelectProps = Partial<ISimpleSelectOptions>;

package/dist/utils/simpleSelection.utils.d.ts

@@ -0,0 +1,10 @@
+import { IOptionItems } from '../types/item.types';
+export declare const toCamelCase: (input: string) => string;
+export declare const createDataAttr: (name: string) => string;
+export declare const ifTrueDataAttr: (attr: string | null) => boolean;
+export declare function triggerInputEvent(element: HTMLElement, type?: string): void;
+export declare const getCreateListItem: (item: HTMLSelectElement | HTMLOptGroupElement, idGroup: string, isGroup: boolean) => IOptionItems;
+export declare const getClass: (cls: string, mod?: boolean, classInit?: string) => string;
+export declare const compareObj: <T1, T2>(obj1: T1, obj2: T2) => boolean;
+export declare const cloneObj: <T>(obj: T) => T;
+export declare const createButton: () => HTMLButtonElement;

package/dist/utils/store.d.ts

@@ -0,0 +1,7 @@
+export declare function store<T>(obj: T): {
+    getState: (k?: string) => any;
+    setState: (k: string, val: any) => void;
+    subscribe(k: string, cb: any): () => void;
+    subscribeAll(cb: any): () => void;
+    unSubscribe(k: string, cb: any): void;
+};

package/package.json

@@ -1,9 +1,9 @@
 {
 	"name": "simp-select",
-	"version": "1.0.1",
+	"version": "1.0.2",
 	"description": "simp-select - this plugin replaces the select",
 	"main": "dist/simpleSelect.js",
-	"types": "src/types/simpleSelect.types.ts",
+	"types": "dist/simpleSelect.d.ts",
 	"module": "dist/simpleSelect.js",
 	"prepublish": "npm run build",
 	"scripts": {

package/tsconfig.json

@@ -3,7 +3,7 @@
 		"target": "ESNext",
 		"module": "CommonJS",
 		"lib": ["ESNext", "dom"],
-//		"declaration": true,
+		"declaration": true,
 		"outDir": "dist",
 		"strict": true,
 		"esModuleInterop": true