@configura/web-ui 1.6.1-alpha.5 → 2.0.0-alpha.0

package/dist/scss/icons/_error-icon.scss

@@ -1,24 +1,24 @@
-@use "../mixins";
-
-@mixin classes($color) {
-	.cfgErrorIcon {
-		/* The distance-units inside the icon are px even though everything
-		   else is relative units. The SVG has its own coordinate space. */
-
-		@include mixins.cfgRootStyles;
-
-		display: inline-block;
-		width: 100%;
-		height: 100%;
-
-		path,
-		circle {
-			stroke: $color;
-			stroke-linecap: round;
-			stroke-linejoin: round;
-			stroke-width: 1.5;
-		}
-
-		@content;
-	}
-}
+@use "../mixins";
+
+@mixin classes($color) {
+	.cfgErrorIcon {
+		/* The distance-units inside the icon are px even though everything
+		   else is relative units. The SVG has its own coordinate space. */
+
+		@include mixins.cfgRootStyles;
+
+		display: inline-block;
+		width: 100%;
+		height: 100%;
+
+		path,
+		circle {
+			stroke: $color;
+			stroke-linecap: round;
+			stroke-linejoin: round;
+			stroke-width: 1.5;
+		}
+
+		@content;
+	}
+}

package/dist/scss/web-ui.scss

@@ -1,11 +1,11 @@
-/**
-* Web UI Styling
-*/
-
-@use "themed";
-
-@include themed.themed(themed.$lightTheme);
-
-.cfgDarkTheme {
-	@include themed.themed(themed.$darkTheme);
-}
+/**
+* Web UI Styling
+*/
+
+@use "themed";
+
+@include themed.themed(themed.$lightTheme);
+
+.cfgDarkTheme {
+	@include themed.themed(themed.$darkTheme);
+}

package/dist/useObservable.d.ts

@@ -1,5 +1,5 @@
-import { Observable } from "@configura/web-utilities";
-import { Dispatch, SetStateAction } from "react";
-export declare function useObservableWithCallback<T>(o: Observable<T> | undefined | null | false, callback: ((x: T) => void) | undefined): void;
-export declare function useObservableState<T>(o: Observable<T> | undefined, initValue: T): [T, Dispatch<SetStateAction<T>>];
+import { Observable } from "@configura/web-utilities";
+import { Dispatch, SetStateAction } from "react";
+export declare function useObservableWithCallback<T>(o: Observable<T> | undefined | null | false, callback: ((x: T) => void) | undefined): void;
+export declare function useObservableState<T>(o: Observable<T> | undefined, initValue: T): [T, Dispatch<SetStateAction<T>>];
 //# sourceMappingURL=useObservable.d.ts.map

package/dist/useObservable.js

@@ -1,18 +1,18 @@
-import { useEffect, useState } from "react";
-export function useObservableWithCallback(o, callback) {
-    useEffect(() => {
-        if (o === undefined || o === null || o === false || callback === undefined) {
-            return;
-        }
-        o.listen(callback);
-        return () => {
-            o.stopListen(callback);
-        };
-    }, [o, callback]);
-}
-export function useObservableState(o, initValue) {
-    const state = useState(initValue);
-    const [, set] = state;
-    useObservableWithCallback(o, set);
-    return state;
-}
+import { useEffect, useState } from "react";
+export function useObservableWithCallback(o, callback) {
+    useEffect(() => {
+        if (o === undefined || o === null || o === false || callback === undefined) {
+            return;
+        }
+        o.listen(callback);
+        return () => {
+            o.stopListen(callback);
+        };
+    }, [o, callback]);
+}
+export function useObservableState(o, initValue) {
+    const state = useState(initValue);
+    const [, set] = state;
+    useObservableWithCallback(o, set);
+    return state;
+}

package/dist/useRerender.d.ts

@@ -1,2 +1,2 @@
-export declare function useRerender(): () => void;
+export declare function useRerender(): () => void;
 //# sourceMappingURL=useRerender.d.ts.map

package/dist/useRerender.js

@@ -1,5 +1,5 @@
-import { useCallback, useState } from "react";
-export function useRerender() {
-    const [, updateState] = useState({});
-    return useCallback(() => updateState({}), []);
-}
+import { useCallback, useState } from "react";
+export function useRerender() {
+    const [, updateState] = useState({});
+    return useCallback(() => updateState({}), []);
+}

package/dist/useResize.d.ts

@@ -1,7 +1,7 @@
-interface Size {
-    width: number;
-    height: number;
-}
-export declare function useResize(element?: Element): [Size, () => void];
-export {};
+interface Size {
+    width: number;
+    height: number;
+}
+export declare function useResize(element?: Element): [Size, () => void];
+export {};
 //# sourceMappingURL=useResize.d.ts.map

package/dist/useResize.js

@@ -1,47 +1,47 @@
-import { useCallback, useEffect, useMemo, useState } from "react";
-function getSize(element) {
-    let { innerWidth, innerHeight } = window;
-    if (element) {
-        const rect = element.getBoundingClientRect();
-        innerHeight = rect.height;
-        innerWidth = rect.width;
-    }
-    return { width: innerWidth, height: innerHeight };
-}
-export function useResize(element) {
-    const [size, setSize] = useState(() => getSize(element));
-    const refresh = useCallback(() => {
-        const current = getSize(element);
-        if (current.height === size.height && current.width === size.width) {
-            return;
-        }
-        setSize(current);
-    }, [element, size.height, size.width]);
-    useEffect(refresh, [element, refresh]);
-    const resizeObserver = useMemo(() => {
-        if ("ResizeObserver" in window) {
-            return new ResizeObserver(refresh);
-        }
-        return undefined;
-    }, [refresh]);
-    useEffect(() => {
-        if (element === undefined) {
-            return;
-        }
-        if (resizeObserver === undefined) {
-            window.addEventListener("resize", refresh);
-        }
-        else {
-            resizeObserver.observe(element);
-        }
-        return () => {
-            if (resizeObserver === undefined) {
-                window.removeEventListener("resize", refresh);
-            }
-            else {
-                resizeObserver.unobserve(element);
-            }
-        };
-    }, [resizeObserver, element, refresh]);
-    return [size, refresh];
-}
+import { useCallback, useEffect, useMemo, useState } from "react";
+function getSize(element) {
+    let { innerWidth, innerHeight } = window;
+    if (element) {
+        const rect = element.getBoundingClientRect();
+        innerHeight = rect.height;
+        innerWidth = rect.width;
+    }
+    return { width: innerWidth, height: innerHeight };
+}
+export function useResize(element) {
+    const [size, setSize] = useState(() => getSize(element));
+    const refresh = useCallback(() => {
+        const current = getSize(element);
+        if (current.height === size.height && current.width === size.width) {
+            return;
+        }
+        setSize(current);
+    }, [element, size.height, size.width]);
+    useEffect(refresh, [element, refresh]);
+    const resizeObserver = useMemo(() => {
+        if ("ResizeObserver" in window) {
+            return new ResizeObserver(refresh);
+        }
+        return undefined;
+    }, [refresh]);
+    useEffect(() => {
+        if (element === undefined) {
+            return;
+        }
+        if (resizeObserver === undefined) {
+            window.addEventListener("resize", refresh);
+        }
+        else {
+            resizeObserver.observe(element);
+        }
+        return () => {
+            if (resizeObserver === undefined) {
+                window.removeEventListener("resize", refresh);
+            }
+            else {
+                resizeObserver.unobserve(element);
+            }
+        };
+    }, [resizeObserver, element, refresh]);
+    return [size, refresh];
+}

package/dist/useSelected.d.ts

@@ -1,3 +1,3 @@
-import { CfgOption } from "@configura/web-api";
-export declare function useSelected(option: CfgOption): boolean;
+import { CfgOption } from "@configura/web-api";
+export declare function useSelected(option: CfgOption): boolean;
 //# sourceMappingURL=useSelected.d.ts.map

package/dist/useSelected.js

@@ -1,13 +1,13 @@
-import { useEffect, useState } from "react";
-export function useSelected(option) {
-    const [selected, setSelected] = useState(option.selected);
-    useEffect(() => {
-        setSelected(option.selected);
-    }, [option]);
-    useEffect(() => {
-        const listener = () => setSelected(option.selected);
-        option.listenForChange(listener);
-        return () => option.stopListenForChange(listener);
-    }, [option]);
-    return selected;
-}
+import { useEffect, useState } from "react";
+export function useSelected(option) {
+    const [selected, setSelected] = useState(option.selected);
+    useEffect(() => {
+        setSelected(option.selected);
+    }, [option]);
+    useEffect(() => {
+        const listener = () => setSelected(option.selected);
+        option.listenForChange(listener);
+        return () => option.stopListenForChange(listener);
+    }, [option]);
+    return selected;
+}

package/dist/useUniqueId.d.ts

@@ -1,2 +1,2 @@
-export declare const useUuid: () => string;
+export declare const useUuid: () => string;
 //# sourceMappingURL=useUniqueId.d.ts.map

package/dist/useUniqueId.js

@@ -1,7 +1,7 @@
-import { useMemo } from "react";
-import { v4 } from "uuid";
-export const useUuid = () => {
-    return useMemo(() => {
-        return `${v4()}`;
-    }, []);
-};
+import { useMemo } from "react";
+import { v4 } from "uuid";
+export const useUuid = () => {
+    return useMemo(() => {
+        return `${v4()}`;
+    }, []);
+};

package/dist/utilities.d.ts

@@ -1,6 +1,6 @@
-import { CSSProperties } from "react";
-export declare type CssProps = {
-    className?: string;
-    style?: CSSProperties;
-};
+import { CSSProperties } from "react";
+export declare type CssProps = {
+    className?: string;
+    style?: CSSProperties;
+};
 //# sourceMappingURL=utilities.d.ts.map

package/dist/utilities.js

@@ -1 +1 @@
-export {};
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@configura/web-ui",
-	"version": "1.6.1-alpha.5",
+	"version": "2.0.0-alpha.0",
 	"license": "Apache-2.0",
 	"type": "module",
 	"main": "dist/index.js",
@@ -32,7 +32,7 @@
 		]
 	},
 	"dependencies": {
-		"@configura/web-api": "1.6.1-alpha.5"
+		"@configura/web-api": "2.0.0-alpha.0"
 	},
 	"devDependencies": {
 		"@babel/preset-env": "^7.14.4",
@@ -64,5 +64,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "6fba3fe5dd83d77fb9d6af90389a6c46b7bbf161"
+	"gitHead": "b802ecc481c41f8dd8342dc6eaf5010a86f0f85d"
 }