@povio/ui 2.3.0-rc.9 → 2.3.1

package/dist/components/status/Loader/Loader.js

@@ -1,89 +1,34 @@
 import { loader, loaderWrapper } from "./loader.cva.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/status/Loader/Loader.tsx
-var Loader = (t0) => {
-	const $ = c(18);
-	let className;
-	let props;
-	let size;
-	if ($[0] !== t0) {
-		({size, className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-		$[3] = size;
-	} else {
-		className = $[1];
-		props = $[2];
-		size = $[3];
-	}
-	let t1;
-	if ($[4] !== className || $[5] !== size) {
-		t1 = loaderWrapper({
+var Loader = ({ size, className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: loaderWrapper({
 			size,
 			className
-		});
-		$[4] = className;
-		$[5] = size;
-		$[6] = t1;
-	} else t1 = $[6];
-	let t2;
-	if ($[7] !== className || $[8] !== size) {
-		t2 = loader({
-			size,
-			className
-		});
-		$[7] = className;
-		$[8] = size;
-		$[9] = t2;
-	} else t2 = $[9];
-	let t3;
-	let t4;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx("circle", {
-			className: "opacity-20",
-			cx: "12",
-			cy: "12",
-			r: "10",
-			stroke: "currentColor",
-			strokeWidth: "4"
-		});
-		t4 = /* @__PURE__ */ jsx("path", {
-			fill: "currentColor",
-			d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-		});
-		$[10] = t3;
-		$[11] = t4;
-	} else {
-		t3 = $[10];
-		t4 = $[11];
-	}
-	let t5;
-	if ($[12] !== props || $[13] !== t2) {
-		t5 = /* @__PURE__ */ jsxs("svg", {
-			className: t2,
+		}),
+		children: /* @__PURE__ */ jsxs("svg", {
+			className: loader({
+				size,
+				className
+			}),
 			xmlns: "http://www.w3.org/2000/svg",
 			fill: "none",
 			viewBox: "0 0 24 24",
 			...props,
-			children: [t3, t4]
-		});
-		$[12] = props;
-		$[13] = t2;
-		$[14] = t5;
-	} else t5 = $[14];
-	let t6;
-	if ($[15] !== t1 || $[16] !== t5) {
-		t6 = /* @__PURE__ */ jsx("div", {
-			className: t1,
-			children: t5
-		});
-		$[15] = t1;
-		$[16] = t5;
-		$[17] = t6;
-	} else t6 = $[17];
-	return t6;
+			children: [/* @__PURE__ */ jsx("circle", {
+				className: "opacity-20",
+				cx: "12",
+				cy: "12",
+				r: "10",
+				stroke: "currentColor",
+				strokeWidth: "4"
+			}), /* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+			})]
+		})
+	});
 };
 //#endregion
 export { Loader };

package/dist/components/status/Toast/Toast.js

@@ -5,7 +5,6 @@ import { UIConfig } from "../../../config/uiConfig.context.js";
 import { Button } from "../../buttons/Button/Button.js";
 import { statusIcon, statusSeparator } from "../shared/status.cva.js";
 import { buttonColorVariant, toast as toast$1, toastContainer, toastWrapper } from "./toast.cva.js";
-import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ToastContainer } from "react-toastify";
 //#region src/components/status/Toast/Toast.tsx
@@ -49,26 +48,19 @@ var Toast = ({ text, isLoading = false, actions = [], icon: Icon, ...props }) =>
 	});
 };
 var ToastContainer$1 = () => {
-	const $ = c(1);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(ToastContainer, {
-			className: _temp,
-			toastClassName: toastWrapper,
-			autoClose: 2500,
-			icon: false,
-			closeButton: false,
-			hideProgressBar: true
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	return t0;
-};
-function _temp(params) {
-	return toastContainer({
-		position: params?.position,
-		className: params?.defaultClassName
+	return /* @__PURE__ */ jsx(ToastContainer, {
+		className: (params) => {
+			return toastContainer({
+				position: params?.position,
+				className: params?.defaultClassName
+			});
+		},
+		toastClassName: toastWrapper,
+		autoClose: 2500,
+		icon: false,
+		closeButton: false,
+		hideProgressBar: true
 	});
-}
+};
 //#endregion
 export { Toast, ToastContainer$1 as ToastContainer };

package/dist/components/status/Toast/useToast.js

@@ -1,70 +1,65 @@
 import { Toast } from "./Toast.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
+import { useCallback, useMemo } from "react";
 import { toast } from "react-toastify";
 //#region src/components/status/Toast/useToast.tsx
 var useToast = () => {
-	const $ = c(1);
-	const successToast = _temp;
-	const errorToast = _temp2;
-	const warningToast = _temp3;
-	const neutralToast = _temp4;
-	const closeToast = _temp5;
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = {
-			successToast,
-			errorToast,
-			warningToast,
-			neutralToast,
-			closeToast
-		};
-		$[0] = t0;
-	} else t0 = $[0];
-	return t0;
+	const successToast = useCallback((params, options) => {
+		return toast.success(/* @__PURE__ */ jsx(Toast, {
+			color: "success",
+			...params
+		}), {
+			...options,
+			position: params.position,
+			data: { variant: params.variant }
+		});
+	}, []);
+	const errorToast = useCallback((params, options) => {
+		return toast.error(/* @__PURE__ */ jsx(Toast, {
+			color: "error",
+			...params
+		}), {
+			...options,
+			position: params.position,
+			data: { variant: params.variant }
+		});
+	}, []);
+	const warningToast = useCallback((params, options) => {
+		return toast.warning(/* @__PURE__ */ jsx(Toast, {
+			color: "warning",
+			...params
+		}), {
+			...options,
+			position: params.position,
+			data: { variant: params.variant }
+		});
+	}, []);
+	const neutralToast = useCallback((params, options) => {
+		return toast.info(/* @__PURE__ */ jsx(Toast, {
+			color: "neutral",
+			...params
+		}), {
+			...options,
+			position: params.position,
+			data: { variant: params.variant }
+		});
+	}, []);
+	const closeToast = useCallback((id) => {
+		toast.dismiss(id);
+	}, []);
+	return useMemo(() => ({
+		successToast,
+		errorToast,
+		warningToast,
+		neutralToast,
+		closeToast
+	}), [
+		successToast,
+		errorToast,
+		warningToast,
+		neutralToast,
+		closeToast
+	]);
 };
-function _temp(params, options) {
-	return toast.success(/* @__PURE__ */ jsx(Toast, {
-		color: "success",
-		...params
-	}), {
-		...options,
-		position: params.position,
-		data: { variant: params.variant }
-	});
-}
-function _temp2(params_0, options_0) {
-	return toast.error(/* @__PURE__ */ jsx(Toast, {
-		color: "error",
-		...params_0
-	}), {
-		...options_0,
-		position: params_0.position,
-		data: { variant: params_0.variant }
-	});
-}
-function _temp3(params_1, options_1) {
-	return toast.warning(/* @__PURE__ */ jsx(Toast, {
-		color: "warning",
-		...params_1
-	}), {
-		...options_1,
-		position: params_1.position,
-		data: { variant: params_1.variant }
-	});
-}
-function _temp4(params_2, options_2) {
-	return toast.info(/* @__PURE__ */ jsx(Toast, {
-		color: "neutral",
-		...params_2
-	}), {
-		...options_2,
-		position: params_2.position,
-		data: { variant: params_2.variant }
-	});
-}
-function _temp5(id) {
-	toast.dismiss(id);
-}
 //#endregion
 export { useToast };

package/dist/components/table/ColumnConfig.js

@@ -4,37 +4,16 @@ import { Checkbox } from "../inputs/Checkbox/Checkbox.js";
 import { Modal } from "../overlays/Modal/Modal.js";
 import { Table } from "./Table.js";
 import { useTranslationMemo } from "../../hooks/useTranslationMemo.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 //#region src/components/table/ColumnConfig.tsx
-var VisibilityCell = (t0) => {
-	const $ = c(7);
-	const { original, onToggle } = t0;
-	let t1;
-	if ($[0] !== onToggle || $[1] !== original.id) {
-		t1 = () => onToggle(original.id);
-		$[0] = onToggle;
-		$[1] = original.id;
-		$[2] = t1;
-	} else t1 = $[2];
-	const t2 = original.label;
-	let t3;
-	if ($[3] !== original.visible || $[4] !== t1 || $[5] !== t2) {
-		t3 = /* @__PURE__ */ jsx(Checkbox, {
-			isSelected: original.visible,
-			onChange: t1,
-			hideLabel: true,
-			children: t2
-		});
-		$[3] = original.visible;
-		$[4] = t1;
-		$[5] = t2;
-		$[6] = t3;
-	} else t3 = $[6];
-	return t3;
-};
+var VisibilityCell = ({ original, onToggle }) => /* @__PURE__ */ jsx(Checkbox, {
+	isSelected: original.visible,
+	onChange: () => onToggle(original.id),
+	hideLabel: true,
+	children: original.label
+});
 var getColumns = (t, handleToggleVisibility) => [{
 	id: "name",
 	header: t(($) => $.ui.table.column, { ns: "ui" }),
@@ -49,139 +28,56 @@ var getColumns = (t, handleToggleVisibility) => [{
 		onToggle: handleToggleVisibility
 	})
 }];
-function ColumnConfigModal(t0) {
-	const $ = c(27);
-	const { isOpen, onClose, configColumns, visibleColumns, onVisibilityChange, onOrderChange } = t0;
+function ColumnConfigModal({ isOpen, onClose, configColumns, visibleColumns, onVisibilityChange, onOrderChange }) {
 	const { t } = useTranslation("ui");
-	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = [];
-		$[0] = t1;
-	} else t1 = $[0];
-	const [data, setData] = useState(t1);
-	let t2;
-	let t3;
-	if ($[1] !== configColumns || $[2] !== visibleColumns) {
-		t2 = () => {
-			setData(configColumns.map((column) => {
-				const columnId = column.id ?? column.accessorKey;
-				return {
-					id: columnId,
-					label: column.header,
-					visible: visibleColumns?.[columnId] ?? true
-				};
-			}));
-		};
-		t3 = [configColumns, visibleColumns];
-		$[1] = configColumns;
-		$[2] = visibleColumns;
-		$[3] = t2;
-		$[4] = t3;
-	} else {
-		t2 = $[3];
-		t3 = $[4];
-	}
-	useEffect(t2, t3);
-	let t4;
-	if ($[5] !== onVisibilityChange || $[6] !== visibleColumns) {
-		t4 = (columnId_0) => {
-			onVisibilityChange({
-				...visibleColumns,
-				[columnId_0]: !visibleColumns[columnId_0]
-			});
-		};
-		$[5] = onVisibilityChange;
-		$[6] = visibleColumns;
-		$[7] = t4;
-	} else t4 = $[7];
-	const handleToggleVisibility = t4;
-	let t5;
-	if ($[8] !== handleToggleVisibility) {
-		t5 = (translateFn) => getColumns(translateFn, handleToggleVisibility);
-		$[8] = handleToggleVisibility;
-		$[9] = t5;
-	} else t5 = $[9];
-	const columns = useTranslationMemo(t5);
-	let t6;
-	if ($[10] !== onOrderChange) {
-		t6 = (reorderedItems) => {
-			setData(reorderedItems);
-			onOrderChange(reorderedItems.map(_temp));
-		};
-		$[10] = onOrderChange;
-		$[11] = t6;
-	} else t6 = $[11];
-	const handleReorder = t6;
-	if (!isOpen) return null;
-	let t7;
-	if ($[12] !== t) {
-		t7 = t(_temp2);
-		$[12] = t;
-		$[13] = t7;
-	} else t7 = $[13];
-	let t8;
-	if ($[14] !== t7) {
-		t8 = /* @__PURE__ */ jsx(Typography, {
-			as: "h2",
-			variant: "prominent-1",
-			size: "title-5",
-			children: t7
-		});
-		$[14] = t7;
-		$[15] = t8;
-	} else t8 = $[15];
-	let t9;
-	if ($[16] !== columns || $[17] !== data || $[18] !== handleReorder) {
-		t9 = /* @__PURE__ */ jsx("div", {
-			className: "max-h-96 overflow-y-auto",
-			children: /* @__PURE__ */ jsx(Table, {
-				items: data,
-				columns,
-				showCellBorder: true,
-				className: "w-full",
-				enableDragDrop: true,
-				getRowId: _temp3,
-				onReorder: handleReorder
-			})
+	const [data, setData] = useState([]);
+	useEffect(() => {
+		setData(configColumns.map((column) => {
+			const columnId = column.id ?? column.accessorKey;
+			return {
+				id: columnId,
+				label: column.header,
+				visible: visibleColumns?.[columnId] ?? true
+			};
+		}));
+	}, [configColumns, visibleColumns]);
+	const handleToggleVisibility = useCallback((columnId) => {
+		onVisibilityChange({
+			...visibleColumns,
+			[columnId]: !visibleColumns[columnId]
 		});
-		$[16] = columns;
-		$[17] = data;
-		$[18] = handleReorder;
-		$[19] = t9;
-	} else t9 = $[19];
-	let t10;
-	if ($[20] !== t8 || $[21] !== t9) {
-		t10 = /* @__PURE__ */ jsxs("div", {
+	}, [visibleColumns, onVisibilityChange]);
+	const columns = useTranslationMemo(useCallback((translateFn) => getColumns(translateFn, handleToggleVisibility), [handleToggleVisibility]));
+	const handleReorder = useCallback((reorderedItems) => {
+		setData(reorderedItems);
+		onOrderChange(reorderedItems.map((item) => item.id));
+	}, [onOrderChange]);
+	if (!isOpen) return null;
+	return /* @__PURE__ */ jsx(Modal, {
+		isOpen,
+		onClose,
+		showCloseIcon: true,
+		children: /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col gap-2 p-4",
-			children: [t8, t9]
-		});
-		$[20] = t8;
-		$[21] = t9;
-		$[22] = t10;
-	} else t10 = $[22];
-	let t11;
-	if ($[23] !== isOpen || $[24] !== onClose || $[25] !== t10) {
-		t11 = /* @__PURE__ */ jsx(Modal, {
-			isOpen,
-			onClose,
-			showCloseIcon: true,
-			children: t10
-		});
-		$[23] = isOpen;
-		$[24] = onClose;
-		$[25] = t10;
-		$[26] = t11;
-	} else t11 = $[26];
-	return t11;
-}
-function _temp3(row) {
-	return row.id;
-}
-function _temp2($) {
-	return $.ui.table.configureColumns;
-}
-function _temp(item) {
-	return item.id;
+			children: [/* @__PURE__ */ jsx(Typography, {
+				as: "h2",
+				variant: "prominent-1",
+				size: "title-5",
+				children: t(($) => $.ui.table.configureColumns)
+			}), /* @__PURE__ */ jsx("div", {
+				className: "max-h-96 overflow-y-auto",
+				children: /* @__PURE__ */ jsx(Table, {
+					items: data,
+					columns,
+					showCellBorder: true,
+					className: "w-full",
+					enableDragDrop: true,
+					getRowId: (row) => row.id,
+					onReorder: handleReorder
+				})
+			})]
+		})
+	});
 }
 //#endregion
 export { ColumnConfigModal };

package/dist/components/table/InfiniteTable.js

@@ -1,79 +1,28 @@
 import { Loader } from "../status/Loader/Loader.js";
 import { useIntersectionObserver } from "../../hooks/useIntersectionObserver.js";
 import { Table } from "./Table.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
 //#region src/components/table/InfiniteTable.tsx
-var InfiniteTable = (t0) => {
-	const $ = c(20);
-	let fetchNextPage;
-	let hasNextPage;
-	let rest;
-	let t1;
-	if ($[0] !== t0) {
-		({hasNextPage, isFetchingNextPage: t1, fetchNextPage, ...rest} = t0);
-		$[0] = t0;
-		$[1] = fetchNextPage;
-		$[2] = hasNextPage;
-		$[3] = rest;
-		$[4] = t1;
-	} else {
-		fetchNextPage = $[1];
-		hasNextPage = $[2];
-		rest = $[3];
-		t1 = $[4];
-	}
-	const isFetchingNextPage = t1 === void 0 ? false : t1;
-	let t2;
-	if ($[5] !== fetchNextPage || $[6] !== hasNextPage || $[7] !== isFetchingNextPage) {
-		t2 = () => {
+var InfiniteTable = ({ hasNextPage, isFetchingNextPage = false, fetchNextPage, ...rest }) => {
+	const { ref } = useIntersectionObserver({
+		onIntersection: useCallback(() => {
 			if (!isFetchingNextPage && hasNextPage) fetchNextPage();
-		};
-		$[5] = fetchNextPage;
-		$[6] = hasNextPage;
-		$[7] = isFetchingNextPage;
-		$[8] = t2;
-	} else t2 = $[8];
-	const handleLoadMore = t2;
-	let t3;
-	if ($[9] !== handleLoadMore) {
-		t3 = {
-			onIntersection: handleLoadMore,
-			rootMargin: "100px"
-		};
-		$[9] = handleLoadMore;
-		$[10] = t3;
-	} else t3 = $[10];
-	const { ref } = useIntersectionObserver(t3);
-	let t4;
-	if ($[11] !== rest) {
-		t4 = /* @__PURE__ */ jsx(Table, { ...rest });
-		$[11] = rest;
-		$[12] = t4;
-	} else t4 = $[12];
-	let t5;
-	if ($[13] !== hasNextPage || $[14] !== isFetchingNextPage || $[15] !== ref) {
-		t5 = (hasNextPage || isFetchingNextPage) && /* @__PURE__ */ jsx("div", {
+		}, [
+			isFetchingNextPage,
+			hasNextPage,
+			fetchNextPage
+		]),
+		rootMargin: "100px"
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col",
+		children: [/* @__PURE__ */ jsx(Table, { ...rest }), (hasNextPage || isFetchingNextPage) && /* @__PURE__ */ jsx("div", {
 			ref,
 			className: "flex justify-center py-4",
 			children: /* @__PURE__ */ jsx(Loader, {})
-		});
-		$[13] = hasNextPage;
-		$[14] = isFetchingNextPage;
-		$[15] = ref;
-		$[16] = t5;
-	} else t5 = $[16];
-	let t6;
-	if ($[17] !== t4 || $[18] !== t5) {
-		t6 = /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col",
-			children: [t4, t5]
-		});
-		$[17] = t4;
-		$[18] = t5;
-		$[19] = t6;
-	} else t6 = $[19];
-	return t6;
+		})]
+	});
 };
 //#endregion
 export { InfiniteTable };