intelliwaketssveltekitv25 0.1.62 → 0.1.64
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.
- package/dist/Definitions.d.ts +5 -1
- package/dist/Definitions.js +24 -21
- package/dist/MultiSelect.svelte +8 -7
- package/dist/MultiSelect.svelte.d.ts +49 -38
- package/package.json +1 -1
package/dist/Definitions.d.ts
CHANGED
|
@@ -104,7 +104,7 @@ export declare const MasterDetailSubItemBuild: (item: TListGroupItem, items: TLi
|
|
|
104
104
|
disabled?: boolean | null;
|
|
105
105
|
search?: string;
|
|
106
106
|
feature?: string | null;
|
|
107
|
-
otherFilter?: (
|
|
107
|
+
otherFilter?: (item: TListGroupItem) => boolean;
|
|
108
108
|
}) => TListGroupItem;
|
|
109
109
|
export interface ITabHref {
|
|
110
110
|
faProps?: IFAProps;
|
|
@@ -159,3 +159,7 @@ export declare const ShowMessageBox: Pick<Writable<IMessageBoxStore[]>, "subscri
|
|
|
159
159
|
export type TChatBubblePosition = 'Right' | 'Left' | 'Top' | 'Bottom';
|
|
160
160
|
export type TDropDownControlPosition = 'Right' | 'Left' | 'Center' | 'CenterForce' | null;
|
|
161
161
|
export type TDropDownControlDrop = 'Up' | 'Down' | null;
|
|
162
|
+
export type TGenericMultiSelect = {
|
|
163
|
+
name?: string | null;
|
|
164
|
+
id?: string | number | null;
|
|
165
|
+
} & Record<string, any>;
|
package/dist/Definitions.js
CHANGED
|
@@ -5,30 +5,31 @@ export const MasterDetailSubItemBuild = (item, items, collapsedValues, options)
|
|
|
5
5
|
...item,
|
|
6
6
|
collapsed: (collapsedValues ?? []).includes(item.value),
|
|
7
7
|
subs: items
|
|
8
|
-
.filter(sub_item => !!sub_item.parent_value && sub_item.parent_value === item.value)
|
|
8
|
+
.filter((sub_item) => !!sub_item.parent_value && sub_item.parent_value === item.value)
|
|
9
9
|
.sort((a, b) => SortCompareNull(!b.disabled, !a.disabled) ??
|
|
10
10
|
SortCompareNull(a.title, b.title) ??
|
|
11
11
|
SortCompare(a.value, b.value))
|
|
12
|
-
.map(sub_item => MasterDetailSubItemBuild(sub_item, items, collapsedValues, options))
|
|
13
|
-
.filter(sub_item => SearchRow(sub_item, options?.search ?? '') &&
|
|
12
|
+
.map((sub_item) => MasterDetailSubItemBuild(sub_item, items, collapsedValues, options))
|
|
13
|
+
.filter((sub_item) => SearchRow(sub_item, options?.search ?? '') &&
|
|
14
14
|
(!!(sub_item.subs ?? []).length ||
|
|
15
|
-
((options?.disabled === undefined
|
|
16
|
-
|
|
17
|
-
(
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
15
|
+
((options?.disabled === undefined
|
|
16
|
+
? !!options?.start_date && !!options?.end_date
|
|
17
|
+
? (!sub_item.start_date ||
|
|
18
|
+
DateCompare(sub_item.start_date, 'IsSameOrBefore', options.end_date, 'day')) &&
|
|
19
|
+
(!sub_item.end_date ||
|
|
20
|
+
DateCompare(sub_item.end_date, 'IsSameOrAfter', options.start_date, 'day'))
|
|
21
|
+
: (options?.disabled ?? null) === null || sub_item.disabled === options?.disabled
|
|
22
|
+
: (options?.disabled ?? null) === null || sub_item.disabled === options?.disabled) &&
|
|
22
23
|
(!options?.feature || ToArray(sub_item.feature).includes(options.feature)))))
|
|
23
|
-
.filter(user => !options?.otherFilter || options.otherFilter(user))
|
|
24
|
+
.filter((user) => !options?.otherFilter || options.otherFilter(user))
|
|
24
25
|
};
|
|
25
26
|
};
|
|
26
27
|
const storeActivityOverlay = () => {
|
|
27
28
|
const { subscribe, set, update } = writable(0);
|
|
28
29
|
return {
|
|
29
30
|
subscribe,
|
|
30
|
-
show: () => update(prevState => prevState < 0 ? 1 : prevState + 1),
|
|
31
|
-
hide: () => update(prevState => prevState < 2 ? 0 : prevState - 1),
|
|
31
|
+
show: () => update((prevState) => (prevState < 0 ? 1 : prevState + 1)),
|
|
32
|
+
hide: () => update((prevState) => (prevState < 2 ? 0 : prevState - 1)),
|
|
32
33
|
reset: () => set(0)
|
|
33
34
|
};
|
|
34
35
|
};
|
|
@@ -37,16 +38,18 @@ const storeMessageBox = () => {
|
|
|
37
38
|
const { subscribe, set, update } = writable([]);
|
|
38
39
|
return {
|
|
39
40
|
subscribe,
|
|
40
|
-
show: (message) => update(prevState => [
|
|
41
|
-
...prevState.filter(pS => pS.message !== (typeof message === 'object' ? message.message : message)),
|
|
42
|
-
typeof message === 'object'
|
|
43
|
-
{
|
|
41
|
+
show: (message) => update((prevState) => [
|
|
42
|
+
...prevState.filter((pS) => pS.message !== (typeof message === 'object' ? message.message : message)),
|
|
43
|
+
typeof message === 'object'
|
|
44
|
+
? {
|
|
44
45
|
...message,
|
|
45
|
-
dismissAt: message.dismissAt === undefined
|
|
46
|
-
|
|
47
|
-
|
|
46
|
+
dismissAt: message.dismissAt === undefined
|
|
47
|
+
? DateParseTS('now', { seconds: 3 })
|
|
48
|
+
: message.dismissAt
|
|
49
|
+
}
|
|
50
|
+
: { message: message, dismissAt: DateParseTS('now', { seconds: 3 }) }
|
|
48
51
|
]),
|
|
49
|
-
hide: (message) => update(prevState => prevState.filter(pS => !ToArray(message).includes(pS.message))),
|
|
52
|
+
hide: (message) => update((prevState) => prevState.filter((pS) => !ToArray(message).includes(pS.message))),
|
|
50
53
|
reset: () => set([])
|
|
51
54
|
};
|
|
52
55
|
};
|
package/dist/MultiSelect.svelte
CHANGED
|
@@ -1,18 +1,17 @@
|
|
|
1
|
+
<!--suppress JSDeprecatedSymbols -->
|
|
1
2
|
<script lang='ts'>
|
|
2
3
|
import { DeepEqual, SearchRows } from '@solidbasisventures/intelliwaketsfoundation'
|
|
3
4
|
import DropDownControl from './DropDownControl.svelte'
|
|
4
5
|
import { onMount, tick } from 'svelte'
|
|
5
|
-
import { ShowMessageBox } from './Definitions'
|
|
6
|
+
import { ShowMessageBox, type TGenericMultiSelect } from './Definitions'
|
|
6
7
|
import DisplayHTML from './DisplayHTML.svelte'
|
|
7
8
|
import { type ActionArray, useActions } from './useActions'
|
|
8
9
|
|
|
9
|
-
|
|
10
|
-
type T = globalThis.$$Generic<{
|
|
11
|
-
name?: string | null,
|
|
12
|
-
id?: string | number | null
|
|
13
|
-
} & Record<string, any>>
|
|
10
|
+
type T = $$Generic<TGenericMultiSelect>
|
|
14
11
|
|
|
12
|
+
// eslint-disable-next-line no-undef
|
|
15
13
|
let {
|
|
14
|
+
id = undefined,
|
|
16
15
|
show = $bindable(false),
|
|
17
16
|
use = [],
|
|
18
17
|
possibles,
|
|
@@ -43,6 +42,7 @@
|
|
|
43
42
|
parentDivElement = null,
|
|
44
43
|
form = undefined
|
|
45
44
|
}: {
|
|
45
|
+
id?: string
|
|
46
46
|
show?: boolean
|
|
47
47
|
use?: ActionArray
|
|
48
48
|
possibles: T[]
|
|
@@ -303,7 +303,8 @@
|
|
|
303
303
|
</div>
|
|
304
304
|
{/each}
|
|
305
305
|
{#if !disable && (isMulti || !selected.length)}
|
|
306
|
-
<input
|
|
306
|
+
<input {id}
|
|
307
|
+
type='text'
|
|
307
308
|
use:useActions={use}
|
|
308
309
|
tabindex={-1}
|
|
309
310
|
{placeholder}
|
|
@@ -1,40 +1,51 @@
|
|
|
1
|
+
import { type TGenericMultiSelect } from './Definitions';
|
|
1
2
|
import { type ActionArray } from './useActions';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
|
|
3
|
+
declare class __sveltets_Render<T extends TGenericMultiSelect> {
|
|
4
|
+
props(): {
|
|
5
|
+
id?: string;
|
|
6
|
+
show?: boolean;
|
|
7
|
+
use?: ActionArray;
|
|
8
|
+
possibles: T[];
|
|
9
|
+
selected?: T[] | undefined;
|
|
10
|
+
selectedIDs?: (number | string)[] | undefined;
|
|
11
|
+
created?: T[] | undefined;
|
|
12
|
+
existing?: T[] | undefined;
|
|
13
|
+
name?: string | null;
|
|
14
|
+
placeholder?: string;
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
readonly?: boolean;
|
|
17
|
+
required?: boolean;
|
|
18
|
+
invalid?: boolean;
|
|
19
|
+
isMulti?: boolean;
|
|
20
|
+
allowClearAll?: boolean;
|
|
21
|
+
createPrefix?: string;
|
|
22
|
+
create?: ((value: string) => T | null) | undefined;
|
|
23
|
+
createValid?: ((value: string) => boolean | string) | undefined;
|
|
24
|
+
displayValue?: ((item: T) => string | number) | undefined;
|
|
25
|
+
idValue?: ((item: T) => any) | undefined;
|
|
26
|
+
/** Compute the value of the "key" in the "each" statements to make them unique */
|
|
27
|
+
keyValue?: ((item: T, idx?: number) => any) | undefined;
|
|
28
|
+
inputValue?: ((item: T) => any) | undefined;
|
|
29
|
+
sameSize?: boolean;
|
|
30
|
+
resizeTS?: number;
|
|
31
|
+
autoFocus?: boolean;
|
|
32
|
+
zIndex?: number;
|
|
33
|
+
bodyClass?: string;
|
|
34
|
+
parentDivElement?: HTMLDivElement | null;
|
|
35
|
+
form?: string | undefined;
|
|
36
|
+
};
|
|
37
|
+
events(): {};
|
|
38
|
+
slots(): {};
|
|
39
|
+
bindings(): "show" | "selected" | "selectedIDs" | "created" | "existing";
|
|
40
|
+
exports(): {};
|
|
41
|
+
}
|
|
42
|
+
interface $$IsomorphicComponent {
|
|
43
|
+
new <T extends TGenericMultiSelect>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
|
|
44
|
+
$$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
|
|
45
|
+
} & ReturnType<__sveltets_Render<T>['exports']>;
|
|
46
|
+
<T extends TGenericMultiSelect>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
|
|
47
|
+
z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
|
|
48
|
+
}
|
|
49
|
+
declare const MultiSelect: $$IsomorphicComponent;
|
|
50
|
+
type MultiSelect<T extends TGenericMultiSelect> = InstanceType<typeof MultiSelect<T>>;
|
|
40
51
|
export default MultiSelect;
|