@configura/web-ui 2.1.0-alpha.1 → 2.1.0-alpha.3

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,3 +1,3 @@
-import { useMemo } from "react";
-import { v4 } from "uuid";
-export const useUuid = () => useMemo(() => `${v4()}`, []);
+import { useMemo } from "react";
+import { v4 } from "uuid";
+export const useUuid = () => useMemo(() => `${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": "2.1.0-alpha.1",
+	"version": "2.1.0-alpha.3",
 	"license": "Apache-2.0",
 	"type": "module",
 	"main": "dist/index.js",
@@ -32,7 +32,7 @@
 		]
 	},
 	"dependencies": {
-		"@configura/web-api": "2.1.0-alpha.1"
+		"@configura/web-api": "2.1.0-alpha.3"
 	},
 	"devDependencies": {
 		"@babel/preset-env": "^7.14.4",
@@ -64,5 +64,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "0eec1ba88fc2fa4d0f3f9a36173818f721752786"
+	"gitHead": "2ef8219ac17b71f67995071c25078424cfeb2f68"
 }