@configura/web-ui 1.4.0 → 1.5.0-alpha.0

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.4.0",
+	"version": "1.5.0-alpha.0",
 	"license": "Apache-2.0",
 	"type": "module",
 	"main": "dist/index.js",
@@ -32,7 +32,7 @@
 		]
 	},
 	"dependencies": {
-		"@configura/web-api": "^1.4.0"
+		"@configura/web-api": "^1.5.0-alpha.0"
 	},
 	"devDependencies": {
 		"@babel/preset-env": "^7.14.4",
@@ -64,5 +64,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "17dac8cfe54d809165a54f8a0792fdd23fef57f9"
+	"gitHead": "6e24920b36ac225b17fcb519c0f4b7c6af924fbd"
 }