slim-select 2.6.0 → 2.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/render.d.ts +1 -1
  2. package/dist/settings.d.ts +1 -0
  3. package/dist/slimselect.cjs.js +43 -9
  4. package/dist/slimselect.css +1 -1
  5. package/dist/slimselect.css.map +1 -1
  6. package/dist/slimselect.es.js +43 -9
  7. package/dist/slimselect.global.js +43 -9
  8. package/dist/slimselect.js +43 -9
  9. package/dist/slimselect.min.js +1 -1
  10. package/dist/slimselect.umd.js +43 -9
  11. package/dist/slimselect.umd.min.js +1 -1
  12. package/dist/store.d.ts +2 -1
  13. package/index.html +4 -0
  14. package/package.json +50 -26
  15. package/src/react/.eslintignore +2 -0
  16. package/src/react/.eslintrc.cjs +24 -0
  17. package/src/react/index.html +14 -0
  18. package/src/react/jestconfig.json +11 -0
  19. package/src/react/package.json +32 -0
  20. package/src/react/src/frameworkpage.tsx +133 -0
  21. package/src/react/src/index.ts +3 -0
  22. package/src/react/src/slimselect.tsx +148 -0
  23. package/src/react/tests/slimselect.test.tsx +52 -0
  24. package/src/react/tsconfig.json +37 -0
  25. package/src/react/tsconfig.node.json +10 -0
  26. package/src/react/vite.config.ts +55 -0
  27. package/src/slim-select/index.test.ts +2 -2
  28. package/src/slim-select/render.ts +39 -9
  29. package/src/slim-select/select.ts +3 -2
  30. package/src/slim-select/settings.ts +2 -0
  31. package/src/slim-select/slimselect.scss +3 -2
  32. package/src/slim-select/store.ts +20 -3
  33. package/src/vue/dist/slim-select/helpers.d.ts +5 -5
  34. package/src/vue/dist/slim-select/index.d.ts +46 -46
  35. package/src/vue/dist/slim-select/render.d.ts +120 -120
  36. package/src/vue/dist/slim-select/select.d.ts +28 -28
  37. package/src/vue/dist/slim-select/settings.d.ts +33 -32
  38. package/src/vue/dist/slim-select/store.d.ts +80 -79
  39. package/src/vue/dist/slimselectvue.es.js +1940 -1911
  40. package/src/vue/dist/slimselectvue.global.js +1940 -1911
  41. package/src/vue/dist/slimselectvue.ssr.js +1940 -1911
  42. package/src/vue/dist/vue/hello.d.ts +2 -2
  43. package/src/vue/dist/vue/slimselect.vue.d.ts +324 -317
  44. package/src/vue/slimselect.vue +2 -7
  45. package/tsconfig.json +1 -1
package/src/vue/dist/slim-select/settings.d.ts CHANGED
@@ -1,32 +1,33 @@
1
- /// <reference types="node" />
2
- export type SettingsPartial = Partial<Settings>;
3
- export default class Settings {
4
- id: string;
5
- style: string;
6
- class: string[];
7
- isMultiple: boolean;
8
- isOpen: boolean;
9
- isFullOpen: boolean;
10
- intervalMove: NodeJS.Timeout | null;
11
- disabled: boolean;
12
- alwaysOpen: boolean;
13
- showSearch: boolean;
14
- searchPlaceholder: string;
15
- searchText: string;
16
- searchingText: string;
17
- searchHighlight: boolean;
18
- closeOnSelect: boolean;
19
- contentLocation: HTMLElement;
20
- contentPosition: 'relative' | 'absolute';
21
- openPosition: 'auto' | 'up' | 'down';
22
- placeholderText: string;
23
- allowDeselect: boolean;
24
- hideSelected: boolean;
25
- showOptionTooltips: boolean;
26
- minSelected: number;
27
- maxSelected: number;
28
- timeoutDelay: number;
29
- maxValuesShown: number;
30
- maxValuesMessage: string;
31
- constructor(settings?: SettingsPartial);
32
- }
1
+ /// <reference types="node" />
2
+ export type SettingsPartial = Partial<Settings>;
3
+ export default class Settings {
4
+ id: string;
5
+ style: string;
6
+ class: string[];
7
+ isMultiple: boolean;
8
+ isOpen: boolean;
9
+ isFullOpen: boolean;
10
+ intervalMove: NodeJS.Timeout | null;
11
+ disabled: boolean;
12
+ alwaysOpen: boolean;
13
+ showSearch: boolean;
14
+ ariaLabel: string;
15
+ searchPlaceholder: string;
16
+ searchText: string;
17
+ searchingText: string;
18
+ searchHighlight: boolean;
19
+ closeOnSelect: boolean;
20
+ contentLocation: HTMLElement;
21
+ contentPosition: 'relative' | 'absolute';
22
+ openPosition: 'auto' | 'up' | 'down';
23
+ placeholderText: string;
24
+ allowDeselect: boolean;
25
+ hideSelected: boolean;
26
+ showOptionTooltips: boolean;
27
+ minSelected: number;
28
+ maxSelected: number;
29
+ timeoutDelay: number;
30
+ maxValuesShown: number;
31
+ maxValuesMessage: string;
32
+ constructor(settings?: SettingsPartial);
33
+ }
package/src/vue/dist/slim-select/store.d.ts CHANGED
@@ -1,79 +1,80 @@
1
- export type DataArray = DataObject[];
2
- export type DataObject = Optgroup | Option;
3
- export type DataArrayPartial = DataObjectPartial[];
4
- export type DataObjectPartial = OptgroupOptional | OptionOptional;
5
- type selectType = 'single' | 'multiple';
6
- export interface OptgroupOptional {
7
- id?: string;
8
- label: string;
9
- selectAll?: boolean;
10
- selectAllText?: string;
11
- closable?: 'off' | 'open' | 'close';
12
- options?: OptionOptional[];
13
- }
14
- export declare class Optgroup {
15
- id: string;
16
- label: string;
17
- selectAll: boolean;
18
- selectAllText: string;
19
- closable: 'off' | 'open' | 'close';
20
- options: Option[];
21
- constructor(optgroup: OptgroupOptional);
22
- }
23
- export interface OptionOptional {
24
- id?: string;
25
- value?: string;
26
- text: string;
27
- html?: string;
28
- selected?: boolean;
29
- display?: boolean;
30
- disabled?: boolean;
31
- mandatory?: boolean;
32
- placeholder?: boolean;
33
- class?: string;
34
- style?: string;
35
- data?: {
36
- [key: string]: string;
37
- };
38
- }
39
- export declare class Option {
40
- id: string;
41
- value: string;
42
- text: string;
43
- html: string;
44
- selected: boolean;
45
- display: boolean;
46
- disabled: boolean;
47
- placeholder: boolean;
48
- class: string;
49
- style: string;
50
- data: {
51
- [key: string]: string;
52
- };
53
- mandatory: boolean;
54
- constructor(option: OptionOptional);
55
- }
56
- export default class Store {
57
- private selectType;
58
- private data;
59
- constructor(type: selectType, data: DataArrayPartial);
60
- validateDataArray(data: DataArray | DataArrayPartial): Error | null;
61
- validateOption(option: Option | OptionOptional): Error | null;
62
- partialToFullData(data: DataArrayPartial): DataArray;
63
- setData(data: DataArray | DataArrayPartial): void;
64
- getData(): DataArray;
65
- getDataOptions(): Option[];
66
- addOption(option: OptionOptional): void;
67
- setSelectedBy(selectedType: 'id' | 'value', selectedValues: string[]): void;
68
- getSelected(): string[];
69
- getSelectedOptions(): Option[];
70
- getSelectedIDs(): string[];
71
- getOptgroupByID(id: string): Optgroup | null;
72
- getOptionByID(id: string): Option | null;
73
- search(search: string, searchFilter: (opt: Option, search: string) => boolean): DataArray;
74
- filter(filter: {
75
- (opt: Option): boolean;
76
- } | null, includeOptgroup: boolean): DataArray;
77
- getSelectType(): string;
78
- }
79
- export {};
1
+ export type DataArray = DataObject[];
2
+ export type DataObject = Optgroup | Option;
3
+ export type DataArrayPartial = DataObjectPartial[];
4
+ export type DataObjectPartial = OptgroupOptional | OptionOptional;
5
+ type selectType = 'single' | 'multiple';
6
+ export interface OptgroupOptional {
7
+ id?: string;
8
+ label: string;
9
+ selectAll?: boolean;
10
+ selectAllText?: string;
11
+ closable?: 'off' | 'open' | 'close';
12
+ options?: OptionOptional[];
13
+ }
14
+ export declare class Optgroup {
15
+ id: string;
16
+ label: string;
17
+ selectAll: boolean;
18
+ selectAllText: string;
19
+ closable: 'off' | 'open' | 'close';
20
+ options: Option[];
21
+ constructor(optgroup: OptgroupOptional);
22
+ }
23
+ export interface OptionOptional {
24
+ id?: string;
25
+ value?: string;
26
+ text: string;
27
+ html?: string;
28
+ selected?: boolean;
29
+ display?: boolean;
30
+ disabled?: boolean;
31
+ mandatory?: boolean;
32
+ placeholder?: boolean;
33
+ class?: string;
34
+ style?: string;
35
+ data?: {
36
+ [key: string]: string;
37
+ };
38
+ }
39
+ export declare class Option {
40
+ id: string;
41
+ value: string;
42
+ text: string;
43
+ html: string;
44
+ selected: boolean;
45
+ display: boolean;
46
+ disabled: boolean;
47
+ placeholder: boolean;
48
+ class: string;
49
+ style: string;
50
+ data: {
51
+ [key: string]: string;
52
+ };
53
+ mandatory: boolean;
54
+ constructor(option: OptionOptional);
55
+ }
56
+ export default class Store {
57
+ private selectType;
58
+ private data;
59
+ constructor(type: selectType, data: DataArrayPartial);
60
+ validateDataArray(data: DataArray | DataArrayPartial): Error | null;
61
+ validateOption(option: Option | OptionOptional): Error | null;
62
+ partialToFullData(data: DataArrayPartial): DataArray;
63
+ setData(data: DataArray | DataArrayPartial): void;
64
+ getData(): DataArray;
65
+ getDataOptions(): Option[];
66
+ addOption(option: OptionOptional): void;
67
+ setSelectedBy(selectedType: 'id' | 'value', selectedValues: string[]): void;
68
+ getSelected(): string[];
69
+ getSelectedOptions(): Option[];
70
+ getSelectedIDs(): string[];
71
+ getOptgroupByID(id: string): Optgroup | null;
72
+ getOptionByID(id: string): Option | null;
73
+ getSelectType(): string;
74
+ getFirstOption(): Option | null;
75
+ search(search: string, searchFilter: (opt: Option, search: string) => boolean): DataArray;
76
+ filter(filter: {
77
+ (opt: Option): boolean;
78
+ } | null, includeOptgroup: boolean): DataArray;
79
+ }
80
+ export {};