Run prettier over everything and fix some imports

This commit is contained in:
Ryan Gossiaux
2021-12-13 18:22:16 -08:00
parent 3bf974a654
commit 82b138f0ae
63 changed files with 3317 additions and 3319 deletions

View File

@@ -1,17 +1,16 @@
<script lang="ts" context="module">
import { getContext, setContext } from "svelte";
import { writable, Writable } from "svelte/store";
const FORCE_PORTAL_ROOT_CONTEXT_NAME =
"headlessui-force-portal-root-context";
import { getContext, setContext } from "svelte";
import { writable, Writable } from "svelte/store";
const FORCE_PORTAL_ROOT_CONTEXT_NAME = "headlessui-force-portal-root-context";
export function usePortalRoot(): Writable<boolean> | undefined {
return getContext(FORCE_PORTAL_ROOT_CONTEXT_NAME);
}
export function usePortalRoot(): Writable<boolean> | undefined {
return getContext(FORCE_PORTAL_ROOT_CONTEXT_NAME);
}
</script>
<script lang="ts">
export let force: boolean;
setContext(FORCE_PORTAL_ROOT_CONTEXT_NAME, writable(force));
export let force: boolean;
setContext(FORCE_PORTAL_ROOT_CONTEXT_NAME, writable(force));
</script>
<slot />

View File

@@ -1,42 +1,39 @@
<script lang="ts" context="module">
export enum StackMessage {
Add,
Remove,
}
export enum StackMessage {
Add,
Remove,
}
</script>
<script lang="ts">
import { getContext, setContext } from "svelte";
import { writable, Writable } from "svelte/store";
type OnUpdate = (
message: StackMessage,
element: HTMLElement | null
) => void;
import { getContext, setContext } from "svelte";
import { writable, Writable } from "svelte/store";
type OnUpdate = (message: StackMessage, element: HTMLElement | null) => void;
export let onUpdate: OnUpdate | undefined;
export let element: HTMLElement | null;
export let onUpdate: OnUpdate | undefined;
export let element: HTMLElement | null;
let parentUpdateStore: Writable<OnUpdate> | undefined =
getContext("StackContext");
let notifyStore: Writable<OnUpdate> = writable(() => {});
setContext("StackContext", notifyStore);
let parentUpdateStore: Writable<OnUpdate> | undefined =
getContext("StackContext");
let notifyStore: Writable<OnUpdate> = writable(() => {});
setContext("StackContext", notifyStore);
$: notifyStore.set((...args: Parameters<OnUpdate>) => {
// Notify our layer
onUpdate?.(...args);
$: notifyStore.set((...args: Parameters<OnUpdate>) => {
// Notify our layer
onUpdate?.(...args);
// Notify the parent
$parentUpdateStore?.(...args);
});
// Notify the parent
$parentUpdateStore?.(...args);
});
$: _cleanup = (() => {
if (_cleanup) {
_cleanup();
}
if (!element) return null;
$notifyStore(StackMessage.Add, element);
return () => $notifyStore(StackMessage.Remove, element);
})();
$: _cleanup = (() => {
if (_cleanup) {
_cleanup();
}
if (!element) return null;
$notifyStore(StackMessage.Add, element);
return () => $notifyStore(StackMessage.Remove, element);
})();
</script>
<slot />

View File

@@ -1,7 +1,7 @@
export function contains(containers: Set<HTMLElement>, element: HTMLElement) {
for (let container of containers) {
if (container.contains(element)) return true
}
for (let container of containers) {
if (container.contains(element)) return true;
}
return false
return false;
}

View File

@@ -2,20 +2,19 @@ import { getContext, setContext } from "svelte";
import type { Writable } from "svelte/store";
export enum State {
Open,
Closed,
Open,
Closed,
}
const OPEN_CLOSED_CONTEXT_NAME = "OpenClosed";
export function hasOpenClosed() {
return useOpenClosed() !== undefined
return useOpenClosed() !== undefined;
}
export function useOpenClosed(): Writable<State> | undefined {
return getContext(OPEN_CLOSED_CONTEXT_NAME);
return getContext(OPEN_CLOSED_CONTEXT_NAME);
}
export function useOpenClosedProvider(value: Writable<State>) {
setContext(OPEN_CLOSED_CONTEXT_NAME, value);
setContext(OPEN_CLOSED_CONTEXT_NAME, value);
}