@dosgato/dialog 0.0.1 → 0.0.2
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/FieldChooserLink.svelte +3 -4
- package/Form.svelte +2 -3
- package/Form.svelte.d.ts +0 -1
- package/chooser/Asset.svelte +2 -2
- package/chooser/AssetFolder.svelte +2 -2
- package/chooser/Chooser.svelte +4 -4
- package/chooser/Chooser.svelte.d.ts +1 -1
- package/chooser/ChooserAPI.d.ts +1 -0
- package/chooser/ChooserAPI.js +1 -1
- package/chooser/ChooserStore.d.ts +1 -1
- package/chooser/ChooserStore.js +1 -1
- package/chooser/Page.svelte +2 -2
- package/package.json +1 -1
package/FieldChooserLink.svelte
CHANGED
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
<script context="module">export {};
|
|
2
2
|
</script>
|
|
3
3
|
<script >import { FORM_CONTEXT } from '@txstate-mws/svelte-forms';
|
|
4
|
-
import { getContext
|
|
4
|
+
import { getContext } from 'svelte';
|
|
5
5
|
import { randomid } from 'txstate-utils';
|
|
6
|
-
import { Chooser, ChooserStore,
|
|
6
|
+
import { Chooser, ChooserStore, CHOOSER_API_CONTEXT } from './chooser';
|
|
7
7
|
import Details from './chooser/Details.svelte';
|
|
8
8
|
import Thumbnail from './chooser/Thumbnail.svelte';
|
|
9
9
|
import FieldStandard from './FieldStandard.svelte';
|
|
10
|
-
import { ASSET_API_CONTEXT } from './Form.svelte';
|
|
11
10
|
export let id = undefined;
|
|
12
11
|
export let path;
|
|
13
12
|
export let label = '';
|
|
@@ -24,7 +23,7 @@ export let initialSource = undefined;
|
|
|
24
23
|
export let initialPath = undefined;
|
|
25
24
|
const formStore = getContext(FORM_CONTEXT);
|
|
26
25
|
const value = formStore.getField(path);
|
|
27
|
-
const chooserClient = getContext(
|
|
26
|
+
const chooserClient = getContext(CHOOSER_API_CONTEXT);
|
|
28
27
|
const store = new ChooserStore(chooserClient);
|
|
29
28
|
const descid = randomid();
|
|
30
29
|
let modalshown = false;
|
package/Form.svelte
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
<script context="module">export const ASSET_API_CONTEXT = {};
|
|
2
|
-
</script>
|
|
3
1
|
<script >import { Form, FormStore } from '@txstate-mws/svelte-forms';
|
|
4
2
|
import { createEventDispatcher, setContext } from 'svelte';
|
|
3
|
+
import { CHOOSER_API_CONTEXT } from './chooser';
|
|
5
4
|
let className = '';
|
|
6
5
|
export { className as class };
|
|
7
6
|
export let submit = undefined;
|
|
@@ -12,7 +11,7 @@ export let chooserClient = undefined;
|
|
|
12
11
|
export let autocomplete = undefined;
|
|
13
12
|
export let name = undefined;
|
|
14
13
|
export let preload = undefined;
|
|
15
|
-
setContext(
|
|
14
|
+
setContext(CHOOSER_API_CONTEXT, chooserClient);
|
|
16
15
|
const dispatch = createEventDispatcher();
|
|
17
16
|
function onCancel() {
|
|
18
17
|
dispatch('close');
|
package/Form.svelte.d.ts
CHANGED
package/chooser/Asset.svelte
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<script >import { modifierKey } from '@txstate-mws/svelte-components';
|
|
2
2
|
import { createEventDispatcher, getContext } from 'svelte';
|
|
3
3
|
import { hashid } from 'txstate-utils';
|
|
4
|
-
import {
|
|
4
|
+
import { CHOOSER_STORE_CONTEXT } from './ChooserStore';
|
|
5
5
|
import FileIcon from '../FileIcon.svelte';
|
|
6
6
|
export let asset;
|
|
7
7
|
export let level;
|
|
@@ -10,7 +10,7 @@ export let setsize;
|
|
|
10
10
|
export let next;
|
|
11
11
|
export let prev;
|
|
12
12
|
export let parent = undefined;
|
|
13
|
-
const store = getContext(
|
|
13
|
+
const store = getContext(CHOOSER_STORE_CONTEXT);
|
|
14
14
|
$: id = hashid(asset.id);
|
|
15
15
|
$: haveFocus = $store?.focus === asset.id;
|
|
16
16
|
$: isPreview = $store.preview?.id === asset.id;
|
|
@@ -4,7 +4,7 @@ import folderSyncOutline from '@iconify/icons-mdi/folder-sync-outline.js';
|
|
|
4
4
|
import { modifierKey } from '@txstate-mws/svelte-components';
|
|
5
5
|
import { createEventDispatcher, getContext } from 'svelte';
|
|
6
6
|
import { hashid } from 'txstate-utils';
|
|
7
|
-
import {
|
|
7
|
+
import { CHOOSER_STORE_CONTEXT } from './ChooserStore';
|
|
8
8
|
import Asset from './Asset.svelte';
|
|
9
9
|
import Icon from '../Icon.svelte';
|
|
10
10
|
export let folder;
|
|
@@ -14,7 +14,7 @@ export let setsize;
|
|
|
14
14
|
export let next;
|
|
15
15
|
export let prev;
|
|
16
16
|
export let parent = undefined;
|
|
17
|
-
const store = getContext(
|
|
17
|
+
const store = getContext(CHOOSER_STORE_CONTEXT);
|
|
18
18
|
$: open = folder.open && folder.children?.length;
|
|
19
19
|
$: nextlevel = level + 1;
|
|
20
20
|
$: id = hashid(folder.id);
|
package/chooser/Chooser.svelte
CHANGED
|
@@ -7,13 +7,13 @@ import { hashid, randomid } from 'txstate-utils';
|
|
|
7
7
|
import Asset from './Asset.svelte';
|
|
8
8
|
import AssetFolder from './AssetFolder.svelte';
|
|
9
9
|
import ButtonGroup from '../ButtonGroup.svelte';
|
|
10
|
-
import {
|
|
10
|
+
import { CHOOSER_API_CONTEXT } from './ChooserAPI';
|
|
11
|
+
import { CHOOSER_STORE_CONTEXT, ChooserStore } from './ChooserStore';
|
|
11
12
|
import Details from './Details.svelte';
|
|
12
13
|
import Icon from '../Icon.svelte';
|
|
13
14
|
import Page from './Page.svelte';
|
|
14
15
|
import Thumbnail from './Thumbnail.svelte';
|
|
15
|
-
|
|
16
|
-
const chooserClient = getContext(ASSET_API_CONTEXT);
|
|
16
|
+
const chooserClient = getContext(CHOOSER_API_CONTEXT);
|
|
17
17
|
export let label = undefined;
|
|
18
18
|
export let images = false;
|
|
19
19
|
export let pages = false;
|
|
@@ -24,7 +24,7 @@ export let initialSource = undefined;
|
|
|
24
24
|
export let initialPath = undefined;
|
|
25
25
|
export let activeSources = undefined;
|
|
26
26
|
export let store = new ChooserStore(chooserClient);
|
|
27
|
-
setContext(
|
|
27
|
+
setContext(CHOOSER_STORE_CONTEXT, store);
|
|
28
28
|
$: if (!pages && !assets)
|
|
29
29
|
assets = true;
|
|
30
30
|
$: activeTypes = [...(assets ? ['asset'] : []), ...(pages ? ['page'] : [])];
|
package/chooser/ChooserAPI.d.ts
CHANGED
package/chooser/ChooserAPI.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export const CHOOSER_API_CONTEXT = {};
|
|
@@ -45,7 +45,7 @@ export interface ChooserStoreOptions {
|
|
|
45
45
|
interface InternalStoreOptions extends Omit<ChooserStoreOptions, 'activeSources'> {
|
|
46
46
|
activeSources?: Set<string>;
|
|
47
47
|
}
|
|
48
|
-
export declare const
|
|
48
|
+
export declare const CHOOSER_STORE_CONTEXT: {};
|
|
49
49
|
export declare function combinePath(path: string, name: string): string;
|
|
50
50
|
export declare function bytesToHuman(bytes: number): string;
|
|
51
51
|
export declare class ChooserStore extends SafeStore<IAssetStore> {
|
package/chooser/ChooserStore.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { SafeStore } from '@txstate-mws/svelte-store';
|
|
2
2
|
import { findIndex, isNotBlank } from 'txstate-utils';
|
|
3
|
-
export const
|
|
3
|
+
export const CHOOSER_STORE_CONTEXT = {};
|
|
4
4
|
const nofilter = (x) => true;
|
|
5
5
|
export function combinePath(path, name) {
|
|
6
6
|
if (path.endsWith('/'))
|
package/chooser/Page.svelte
CHANGED
|
@@ -3,7 +3,7 @@ import fileSyncOutline from '@iconify/icons-mdi/file-sync-outline.js';
|
|
|
3
3
|
import { modifierKey } from '@txstate-mws/svelte-components';
|
|
4
4
|
import { createEventDispatcher, getContext } from 'svelte';
|
|
5
5
|
import { hashid } from 'txstate-utils';
|
|
6
|
-
import {
|
|
6
|
+
import { CHOOSER_STORE_CONTEXT } from './ChooserStore';
|
|
7
7
|
import Icon from '../Icon.svelte';
|
|
8
8
|
export let page;
|
|
9
9
|
export let level;
|
|
@@ -12,7 +12,7 @@ export let setsize;
|
|
|
12
12
|
export let next;
|
|
13
13
|
export let prev;
|
|
14
14
|
export let parent = undefined;
|
|
15
|
-
const store = getContext(
|
|
15
|
+
const store = getContext(CHOOSER_STORE_CONTEXT);
|
|
16
16
|
$: open = page.open && page.children?.length;
|
|
17
17
|
$: nextlevel = level + 1;
|
|
18
18
|
$: id = hashid(page.id);
|