@logora/debate 0.2.2 → 0.2.3

package/dist/components/dialog/modal/Modal.js

@@ -1,64 +1,84 @@
-import { Icon as e } from "../../icons/icon/Icon.js";
-import t from "./Modal.module.js";
-import { useModal as n } from "./useModal.js";
-import { useEffect as r, useRef as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import s from "classnames";
-import { useIntl as c } from "react-intl";
-//#region src/components/dialog/modal/Modal.jsx
-var l = ({ title: l, showCloseButton: u = !1, fullScreen: d, children: f, disableClickOutside: p = !1, ...m }) => {
-	let h = i(), g = c(), { hideModal: _ } = n();
-	r(() => {
-		let e = h.current;
-		if (!e) return;
-		e.open || e.showModal(), e.focus();
-		let t = document.documentElement.style.overflow, n = document.body.style.overflow;
-		return document.documentElement.style.overflow = "hidden", document.body.style.overflow = "hidden", () => {
-			document.documentElement.style.overflow = t, document.body.style.overflow = n, e.open && e.close();
-		};
-	}, []);
-	let v = (e) => {
-		p || e.currentTarget === e.target && _();
-	}, y = () => {
-		_();
-	};
-	return /* @__PURE__ */ a("dialog", {
-		ref: h,
-		className: s(t.modalDialog, { [t.modalDialogFullScreen]: d }),
-		"aria-labelledby": l ? "modal-title" : void 0,
-		onClick: v,
-		onClose: y,
-		...m,
-		children: /* @__PURE__ */ o("div", {
-			className: s(t.modalContainer),
-			children: [/* @__PURE__ */ o("div", {
-				className: s(t.modalHeader, { [t.modalHeaderWithTitle]: l }),
-				children: [l && /* @__PURE__ */ a("div", {
-					id: "modal-title",
-					children: l
-				}), u && /* @__PURE__ */ a("button", {
-					type: "button",
-					className: t.modalExitButton,
-					onClick: _,
-					"aria-label": g.formatMessage({
-						id: "dialog.modal.aria_label",
-						defaultMessage: "Close dialog"
-					}),
-					"data-testid": "close-button",
-					children: /* @__PURE__ */ a(e, {
-						name: "close",
-						height: 18,
-						width: 18,
-						"aria-hidden": "true",
-						focusable: "false"
-					})
-				})]
-			}), /* @__PURE__ */ a("div", {
-				className: t.modalContent,
-				children: f
-			})]
-		})
-	});
+import { jsx as l, jsxs as n } from "react/jsx-runtime";
+import d from "classnames";
+import { useRef as g, useEffect as b } from "react";
+import { useIntl as w } from "react-intl";
+import o from "./Modal.module.scss.js";
+import { useModal as C } from "./useModal.js";
+import { Icon as M } from "../../icons/icon/Icon.js";
+const D = ({
+  title: t,
+  showCloseButton: s = !1,
+  fullScreen: i,
+  children: m,
+  disableClickOutside: c = !1,
+  ...f
+}) => {
+  const r = g(), u = w(), { hideModal: a } = C();
+  b(() => {
+    const e = r.current;
+    if (!e) return;
+    e.open || e.showModal(), e.focus();
+    const p = document.documentElement.style.overflow, y = document.body.style.overflow;
+    return document.documentElement.style.overflow = "hidden", document.body.style.overflow = "hidden", () => {
+      document.documentElement.style.overflow = p, document.body.style.overflow = y, e.open && e.close();
+    };
+  }, []);
+  const h = (e) => {
+    c || e.currentTarget === e.target && a();
+  }, v = () => {
+    a();
+  };
+  return /* @__PURE__ */ l(
+    "dialog",
+    {
+      ref: r,
+      className: d(o.modalDialog, {
+        [o.modalDialogFullScreen]: i
+      }),
+      "aria-labelledby": t ? "modal-title" : void 0,
+      onClick: h,
+      onClose: v,
+      ...f,
+      children: /* @__PURE__ */ n("div", { className: d(o.modalContainer), children: [
+        /* @__PURE__ */ n(
+          "div",
+          {
+            className: d(o.modalHeader, {
+              [o.modalHeaderWithTitle]: t
+            }),
+            children: [
+              t && /* @__PURE__ */ l("div", { id: "modal-title", children: t }),
+              s && /* @__PURE__ */ l(
+                "button",
+                {
+                  type: "button",
+                  className: o.modalExitButton,
+                  onClick: a,
+                  "aria-label": u.formatMessage({
+                    id: "dialog.modal.aria_label",
+                    defaultMessage: "Close dialog"
+                  }),
+                  "data-testid": "close-button",
+                  children: /* @__PURE__ */ l(
+                    M,
+                    {
+                      name: "close",
+                      height: 18,
+                      width: 18,
+                      "aria-hidden": "true",
+                      focusable: "false"
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ l("div", { className: o.modalContent, children: m })
+      ] })
+    }
+  );
+};
+export {
+  D as Modal
 };
-//#endregion
-export { l as Modal };

package/dist/components/dialog/modal/Modal.module.scss.js

@@ -0,0 +1,19 @@
+import '../../../assets/components/dialog/modal/Modal.module-CIj-xCzY.css';const l = "_modalDialog_ltlz3_3", o = "_modalDialogFullScreen_ltlz3_24", t = "_modalContainer_ltlz3_34", a = "_modalHeader_ltlz3_50", e = "_modalExitButton_ltlz3_61", d = "_modalHeaderWithTitle_ltlz3_82", n = "_modalContent_ltlz3_86", m = {
+  modalDialog: l,
+  modalDialogFullScreen: o,
+  modalContainer: t,
+  modalHeader: a,
+  modalExitButton: e,
+  modalHeaderWithTitle: d,
+  modalContent: n
+};
+export {
+  m as default,
+  t as modalContainer,
+  n as modalContent,
+  l as modalDialog,
+  o as modalDialogFullScreen,
+  e as modalExitButton,
+  a as modalHeader,
+  d as modalHeaderWithTitle
+};

package/dist/components/dialog/modal/ModalProvider.js

@@ -1,20 +1,17 @@
-import { createContext as e, useState as t } from "react";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/components/dialog/modal/ModalProvider.jsx
-var a = e(), o = ({ children: e }) => {
-	let [o, s] = t(null), c = (e) => {
-		s(e);
-	}, l = () => {
-		s(null);
-	}, u = o !== null;
-	return /* @__PURE__ */ i(a.Provider, {
-		value: {
-			showModal: c,
-			hideModal: l,
-			isModalPresent: u
-		},
-		children: [e, o ? /* @__PURE__ */ r(n, { children: o }) : null]
-	});
+import { jsxs as d, jsx as a, Fragment as c } from "react/jsx-runtime";
+import { createContext as i, useState as m } from "react";
+const u = i(), x = ({ children: n }) => {
+  const [o, t] = m(null), e = (s) => {
+    t(s);
+  }, l = () => {
+    t(null);
+  }, r = o !== null;
+  return /* @__PURE__ */ d(u.Provider, { value: { showModal: e, hideModal: l, isModalPresent: r }, children: [
+    n,
+    o ? /* @__PURE__ */ a(c, { children: o }) : null
+  ] });
+};
+export {
+  u as ModalContext,
+  x as ModalProvider
 };
-//#endregion
-export { a as ModalContext, o as ModalProvider };

package/dist/components/dialog/modal/useModal.js

@@ -1,6 +1,6 @@
-import { ModalContext as e } from "./ModalProvider.js";
-import { useContext as t } from "react";
-//#region src/components/dialog/modal/useModal.jsx
-var n = () => t(e);
-//#endregion
-export { n as useModal };
+import { useContext as o } from "react";
+import { ModalContext as t } from "./ModalProvider.js";
+const m = () => o(t);
+export {
+  m as useModal
+};

package/dist/components/dialog/toast/Toast.js

@@ -1,40 +1,37 @@
-import e from "./Toast.module.js";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import n from "classnames";
 import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import r from "classnames";
-import { useIntl as i } from "react-intl";
-//#region src/components/dialog/toast/Toast.jsx
-var a = ({ text: a, points: o, variant: s = "info", handleClose: c }) => {
-	let l = i();
-	return /* @__PURE__ */ n("div", {
-		className: r(e.container, e[s]),
-		role: s === "error" ? "alert" : "status",
-		children: [/* @__PURE__ */ n("div", {
-			className: e.body,
-			children: [/* @__PURE__ */ t("div", {
-				className: e.message,
-				children: a
-			}), o && /* @__PURE__ */ t("div", {
-				className: e.points,
-				children: /* @__PURE__ */ t("span", {
-					className: e.textPoints,
-					children: o
-				})
-			})]
-		}), /* @__PURE__ */ t("div", {
-			className: e.closeContainer,
-			children: /* @__PURE__ */ t("button", {
-				type: "button",
-				className: e.closeButton,
-				onClick: c,
-				"aria-label": l.formatMessage({
-					id: "modal.toast.aria_label",
-					defaultMessage: "Close toast"
-				}),
-				children: "✕"
-			})
-		})]
-	});
+import { useIntl as c } from "react-intl";
+import s from "./Toast.module.scss.js";
+const u = ({ text: l, points: t, variant: a = "info", handleClose: r }) => {
+  const i = c();
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: n(s.container, s[a]),
+      role: a === "error" ? "alert" : "status",
+      children: [
+        /* @__PURE__ */ o("div", { className: s.body, children: [
+          /* @__PURE__ */ e("div", { className: s.message, children: l }),
+          t && /* @__PURE__ */ e("div", { className: s.points, children: /* @__PURE__ */ e("span", { className: s.textPoints, children: t }) })
+        ] }),
+        /* @__PURE__ */ e("div", { className: s.closeContainer, children: /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: s.closeButton,
+            onClick: r,
+            "aria-label": i.formatMessage({
+              id: "modal.toast.aria_label",
+              defaultMessage: "Close toast"
+            }),
+            children: "✕"
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  u as Toast
 };
-//#endregion
-export { a as Toast };

package/dist/components/dialog/toast/Toast.module.scss.js

@@ -0,0 +1,25 @@
+import '../../../assets/components/dialog/toast/Toast.module-DJ2wSlJT.css';const o = "_container_gwide_3", s = "_info_gwide_13", e = "_success_gwide_16", t = "_error_gwide_19", n = "_body_gwide_23", _ = "_closeContainer_gwide_27", c = "_closeButton_gwide_31", i = "_message_gwide_44", r = "_points_gwide_50", d = "_textPoints_gwide_59", g = {
+  container: o,
+  info: s,
+  success: e,
+  error: t,
+  body: n,
+  closeContainer: _,
+  closeButton: c,
+  message: i,
+  points: r,
+  textPoints: d
+};
+export {
+  n as body,
+  c as closeButton,
+  _ as closeContainer,
+  o as container,
+  g as default,
+  t as error,
+  s as info,
+  i as message,
+  r as points,
+  e as success,
+  d as textPoints
+};

package/dist/components/dialog/toast_provider/ToastContext.js

@@ -1,5 +1,5 @@
-import { createContext as e } from "react";
-//#region src/components/dialog/toast_provider/ToastContext.js
-var t = e();
-//#endregion
-export { t as ToastContext };
+import { createContext as t } from "react";
+const e = t();
+export {
+  e as ToastContext
+};

package/dist/components/dialog/toast_provider/ToastProvider.js

@@ -1,29 +1,34 @@
-import { Toast as e } from "../toast/Toast.js";
-import { ToastContext as t } from "./ToastContext.js";
-import n from "./ToastProvider.module.js";
+import { jsx as t, jsxs as a, Fragment as i } from "react/jsx-runtime";
 import "react";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-import o, { Toaster as s, resolveValue as c, useToasterStore as l } from "react-hot-toast";
-//#region src/components/dialog/toast_provider/ToastProvider.jsx
-var u = ({ children: u }) => {
-	let { toasts: d } = l();
-	return /* @__PURE__ */ i(t.Provider, {
-		value: {
-			toast: o,
-			toasts: d
-		},
-		children: /* @__PURE__ */ a(r, { children: [u, /* @__PURE__ */ i(s, {
-			position: "bottom-center",
-			containerClassName: n.toaster,
-			toastOptions: { duration: 4e3 },
-			children: (t) => /* @__PURE__ */ i(e, {
-				text: c(t.message, t),
-				points: t.points,
-				variant: t.type,
-				handleClose: () => o.remove(t.id)
-			})
-		})] })
-	});
+import r, { useToasterStore as n, Toaster as m, resolveValue as p } from "react-hot-toast";
+import { ToastContext as l } from "./ToastContext.js";
+import d from "./ToastProvider.module.scss.js";
+import { Toast as c } from "../toast/Toast.js";
+const C = ({ children: e }) => {
+  const { toasts: s } = n();
+  return /* @__PURE__ */ t(l.Provider, { value: { toast: r, toasts: s }, children: /* @__PURE__ */ a(i, { children: [
+    e,
+    /* @__PURE__ */ t(
+      m,
+      {
+        position: "bottom-center",
+        containerClassName: d.toaster,
+        toastOptions: {
+          duration: 4e3
+        },
+        children: (o) => /* @__PURE__ */ t(
+          c,
+          {
+            text: p(o.message, o),
+            points: o.points,
+            variant: o.type,
+            handleClose: () => r.remove(o.id)
+          }
+        )
+      }
+    )
+  ] }) });
+};
+export {
+  C as ToastProvider
 };
-//#endregion
-export { u as ToastProvider };

package/dist/components/dialog/toast_provider/ToastProvider.module.scss.js

@@ -0,0 +1,7 @@
+import '../../../assets/components/dialog/toast_provider/ToastProvider.module-Dg1lvYKc.css';const t = "_toaster_p78b8_3", s = {
+  toaster: t
+};
+export {
+  s as default,
+  t as toaster
+};

package/dist/components/dialog/toast_provider/useToast.js

@@ -1,12 +1,9 @@
-import { ToastContext as e } from "./ToastContext.js";
-import { useContext as t } from "react";
-//#region src/components/dialog/toast_provider/useToast.jsx
-var n = () => {
-	let { toast: n, toasts: r } = t(e);
-	return {
-		toast: n,
-		toasts: r
-	};
+import { useContext as s } from "react";
+import { ToastContext as r } from "./ToastContext.js";
+const a = () => {
+  const { toast: t, toasts: o } = s(r);
+  return { toast: t, toasts: o };
+};
+export {
+  a as useToast
 };
-//#endregion
-export { n as useToast };

package/dist/components/dialog/tooltip/Tooltip.js

@@ -1,31 +1,44 @@
-import e from "./Tooltip.module.js";
-import { useId as t, useState as n } from "react";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-import o from "classnames";
-//#region src/components/dialog/tooltip/Tooltip.jsx
-var s = ({ position: s = "bottom", text: c, onClickText: l, children: u, className: d, variant: f = "info" }) => {
-	let [p, m] = n(!1), h = t();
-	return c ? /* @__PURE__ */ a("div", {
-		className: e.tooltipChild,
-		onClick: l ? () => {
-			m(!0), setTimeout(() => {
-				m(!1);
-			}, 5e3);
-		} : null,
-		children: [/* @__PURE__ */ i("span", {
-			"aria-describedby": h,
-			children: u
-		}), /* @__PURE__ */ i("span", {
-			id: h,
-			role: "tooltip",
-			className: o(d, e.tooltipText, e[f], {
-				[e.tooltipTextTop]: s === "top",
-				[e.tooltipTextLeft]: s === "left",
-				[e.tooltipTextRight]: s === "right"
-			}),
-			children: p ? l : c
-		})]
-	}) : /* @__PURE__ */ i(r, { children: u });
+import { jsxs as f, jsx as e, Fragment as n } from "react/jsx-runtime";
+import u from "classnames";
+import { useState as x, useId as T } from "react";
+import t from "./Tooltip.module.scss.js";
+const k = ({
+  position: o = "bottom",
+  text: i,
+  onClickText: l,
+  children: s,
+  className: c,
+  variant: m = "info"
+}) => {
+  const [a, r] = x(!1), p = T(), d = () => {
+    r(!0), setTimeout(() => {
+      r(!1);
+    }, 5e3);
+  };
+  return i ? /* @__PURE__ */ f(
+    "div",
+    {
+      className: t.tooltipChild,
+      onClick: l ? d : null,
+      children: [
+        /* @__PURE__ */ e("span", { "aria-describedby": p, children: s }),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            id: p,
+            role: "tooltip",
+            className: u(c, t.tooltipText, t[m], {
+              [t.tooltipTextTop]: o === "top",
+              [t.tooltipTextLeft]: o === "left",
+              [t.tooltipTextRight]: o === "right"
+            }),
+            children: a ? l : i
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ e(n, { children: s });
+};
+export {
+  k as Tooltip
 };
-//#endregion
-export { s as Tooltip };

package/dist/components/dialog/tooltip/Tooltip.module.scss.js

@@ -0,0 +1,21 @@
+import '../../../assets/components/dialog/tooltip/Tooltip.module-zMXumgnX.css';const t = "_tooltipChild_1nz4c_1", o = "_tooltipText_1nz4c_5", e = "_info_1nz4c_22", i = "_success_1nz4c_25", _ = "_error_1nz4c_28", c = "_tooltipTextTop_1nz4c_60", s = "_tooltipTextLeft_1nz4c_71", l = "_tooltipTextRight_1nz4c_82", n = {
+  tooltipChild: t,
+  tooltipText: o,
+  info: e,
+  success: i,
+  error: _,
+  tooltipTextTop: c,
+  tooltipTextLeft: s,
+  tooltipTextRight: l
+};
+export {
+  n as default,
+  _ as error,
+  e as info,
+  i as success,
+  t as tooltipChild,
+  o as tooltipText,
+  s as tooltipTextLeft,
+  l as tooltipTextRight,
+  c as tooltipTextTop
+};