@logora/debate 0.2.2 → 0.2.3

package/dist/components/input/text_input/TextInput.js

@@ -1,35 +1,62 @@
-import { useForm as e } from "../../forms/form/use-form.js";
-import t from "./TextInput.module.js";
-import { getAccent as n } from "./color-accent.js";
-import { Message as r } from "./message.js";
-import { forwardRef as i } from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import c from "classnames";
-//#region src/components/input/text_input/TextInput.jsx
-var l = i(function({ className: i, style: l, error: u, success: d, filled: f, iconRight: p, iconLeft: m, placeholder: h, inputClass: g, messageClass: _, message: v, activeLabel: y = !0, ...b }, x) {
-	let S = n({
-		error: u,
-		success: d
-	}), { onChange: C } = e();
-	return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ s("div", {
-		className: c(t.container, p && t.textInputWithRightIcon, m && t.textInputWithLeftIcon, i),
-		style: l,
-		children: [
-			m,
-			/* @__PURE__ */ o("input", {
-				ref: x,
-				className: c(t.textInput, f && t.filled, S, g),
-				...b,
-				placeholder: y ? " " : h,
-				onChange: C || b.onChange
-			}),
-			y && /* @__PURE__ */ o("label", { children: h }),
-			p
-		]
-	}), /* @__PURE__ */ o(r, {
-		message: v,
-		className: _
-	})] });
+import { jsxs as c, Fragment as N, jsx as e } from "react/jsx-runtime";
+import i from "classnames";
+import { forwardRef as W } from "react";
+import t from "./TextInput.module.scss.js";
+import { getAccent as j } from "./color-accent.js";
+import { Message as F } from "./message.js";
+import { useForm as R } from "../../forms/form/use-form.js";
+const v = W(function({
+  className: p,
+  style: a,
+  error: f,
+  success: l,
+  filled: u,
+  iconRight: n,
+  iconLeft: o,
+  placeholder: r,
+  inputClass: h,
+  messageClass: x,
+  message: I,
+  activeLabel: m = !0,
+  ...s
+}, d) {
+  const g = j({ error: f, success: l }), { onChange: C } = R();
+  return /* @__PURE__ */ c(N, { children: [
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: i(
+          t.container,
+          n && t.textInputWithRightIcon,
+          o && t.textInputWithLeftIcon,
+          p
+        ),
+        style: a,
+        children: [
+          o,
+          /* @__PURE__ */ e(
+            "input",
+            {
+              ref: d,
+              className: i(
+                t.textInput,
+                u && t.filled,
+                g,
+                h
+              ),
+              ...s,
+              placeholder: m ? " " : r,
+              onChange: C || s.onChange
+            }
+          ),
+          m && /* @__PURE__ */ e("label", { children: r }),
+          n
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(F, { message: I, className: x })
+  ] });
 });
-//#endregion
-export { l as TextInput };
+export {
+  v as TextInput
+};

package/dist/components/input/text_input/TextInput.module.scss.js

@@ -0,0 +1,21 @@
+import '../../../assets/components/input/text_input/TextInput.module-BBojTQEu.css';const t = "_container_1iwti_3", e = "_textInput_1iwti_20", i = "_filled_1iwti_42", n = "_success_1iwti_58", s = "_error_1iwti_64", o = "_textInputWithRightIcon_1iwti_79", c = "_textInputWithLeftIcon_1iwti_95", _ = "_errorMessage_1iwti_115", r = {
+  container: t,
+  textInput: e,
+  filled: i,
+  success: n,
+  error: s,
+  textInputWithRightIcon: o,
+  textInputWithLeftIcon: c,
+  errorMessage: _
+};
+export {
+  t as container,
+  r as default,
+  s as error,
+  _ as errorMessage,
+  i as filled,
+  n as success,
+  e as textInput,
+  c as textInputWithLeftIcon,
+  o as textInputWithRightIcon
+};

package/dist/components/input/text_input/color-accent.js

@@ -1,11 +1,12 @@
-import e from "./TextInput.module.js";
-import t from "classnames";
-//#region src/components/input/text_input/color-accent.js
-var n = ({ error: n, success: r }) => n && t(e.error) || r && t(e.success), r = {
-	container: e.container,
-	textInput: e.textInput,
-	textInputWithIcon: e.textInputWithIcon,
-	filled: e.filled
+import e from "classnames";
+import t from "./TextInput.module.scss.js";
+const s = ({ error: n, success: c }) => n && e(t.error) || c && e(t.success), i = {
+  container: t.container,
+  textInput: t.textInput,
+  textInputWithIcon: t.textInputWithIcon,
+  filled: t.filled
+};
+export {
+  i as classes,
+  s as getAccent
 };
-//#endregion
-export { r as classes, n as getAccent };

package/dist/components/input/text_input/message.js

@@ -1,14 +1,10 @@
-import e from "./TextInput.module.js";
-import "react";
 import { jsx as t } from "react/jsx-runtime";
-import n from "classnames";
-//#region src/components/input/text_input/message.jsx
-function r({ message: r, className: i, ...a }) {
-	return r ? /* @__PURE__ */ t("div", {
-		...a,
-		className: n(e.errorMessage, i),
-		children: r
-	}) : null;
+import i from "classnames";
+import "react";
+import m from "./TextInput.module.scss.js";
+function p({ message: r, className: o, ...e }) {
+  return r ? /* @__PURE__ */ t("div", { ...e, className: i(m.errorMessage, o), children: r }) : null;
 }
-//#endregion
-export { r as Message };
+export {
+  p as Message
+};

package/dist/components/input/toggle/Toggle.js

@@ -1,26 +1,25 @@
-import "../checkbox/hidden/hidden-checkbox.js";
-import { CheckboxLabel as e } from "../checkbox/label/checkbox-label.js";
-import t from "./Toggle.module.js";
+import { jsxs as a, Fragment as c, jsx as l } from "react/jsx-runtime";
+import { CheckboxLabel as m } from "../checkbox/label/checkbox-label.js";
+import n from "classnames";
 import "react";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-import a from "classnames";
-//#region src/components/input/toggle/Toggle.jsx
-function o({ className: o, message: s, ...c }) {
-	let l = /* @__PURE__ */ r("span", { className: t.slider });
-	return /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ i("div", {
-		className: t.toggleContainer,
-		children: [/* @__PURE__ */ r(e, {
-			className: a(t.toggle, o),
-			indicator: l,
-			...c
-		}), c.label && /* @__PURE__ */ r("span", {
-			className: t.toggleLabel,
-			children: c.label
-		})]
-	}), s && /* @__PURE__ */ r("div", {
-		className: t.errorMessage,
-		children: s
-	})] });
+import e from "./Toggle.module.scss.js";
+function f({ className: s, message: o, ...r }) {
+  const i = /* @__PURE__ */ l("span", { className: e.slider });
+  return /* @__PURE__ */ a(c, { children: [
+    /* @__PURE__ */ a("div", { className: e.toggleContainer, children: [
+      /* @__PURE__ */ l(
+        m,
+        {
+          className: n(e.toggle, s),
+          indicator: i,
+          ...r
+        }
+      ),
+      r.label && /* @__PURE__ */ l("span", { className: e.toggleLabel, children: r.label })
+    ] }),
+    o && /* @__PURE__ */ l("div", { className: e.errorMessage, children: o })
+  ] });
 }
-//#endregion
-export { o as Toggle };
+export {
+  f as Toggle
+};

package/dist/components/input/toggle/Toggle.module.scss.js

@@ -0,0 +1,15 @@
+import '../../../assets/components/input/toggle/Toggle.module-B_g0Uxy3.css';const e = "_toggle_q03or_3", o = "_toggleContainer_q03or_11", g = "_toggleLabel_q03or_16", r = "_slider_q03or_20", t = "_errorMessage_q03or_68", s = {
+  toggle: e,
+  toggleContainer: o,
+  toggleLabel: g,
+  slider: r,
+  errorMessage: t
+};
+export {
+  s as default,
+  t as errorMessage,
+  r as slider,
+  e as toggle,
+  o as toggleContainer,
+  g as toggleLabel
+};

package/dist/components/input/toggle_position/TogglePosition.js

@@ -1,47 +1,66 @@
-import { TranslatedContent as e } from "../../translation/translated_content/TranslatedContent.js";
-import t from "./TogglePosition.module.js";
-import { useEffect as n, useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import o from "classnames";
-//#region src/components/input/toggle_position/TogglePosition.jsx
-var s = ({ activeLabel: s, firstLabel: c, firstLabelClassName: l = t.firstLabelDefault, secondLabel: u, secondLabelClassName: d = t.secondLabelDefault, onChange: f }) => {
-	let [p, m] = r(s);
-	n(() => {
-		m(s);
-	}, [s]);
-	let h = (e) => {
-		m(e), f(e);
-	};
-	return /* @__PURE__ */ a("div", {
-		className: t.container,
-		children: [/* @__PURE__ */ i("div", {
-			"data-testid": "firstLabel",
-			onClick: () => h(0),
-			className: o(t.label, {
-				[t.labelActive]: p === 0,
-				[l]: p === 0
-			}),
-			children: /* @__PURE__ */ i(e, {
-				originalContent: c.name,
-				originalLanguage: c.language,
-				targetField: "name",
-				translations: c.translation_entries
-			})
-		}), /* @__PURE__ */ i("div", {
-			"data-testid": "secondLabel",
-			onClick: () => h(1),
-			className: o(t.label, {
-				[t.labelActive]: p === 1,
-				[d]: p === 1
-			}),
-			children: /* @__PURE__ */ i(e, {
-				originalContent: u.name,
-				originalLanguage: u.language,
-				targetField: "name",
-				translations: u.translation_entries
-			})
-		})]
-	});
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import c from "classnames";
+import { useState as p, useEffect as C } from "react";
+import t from "./TogglePosition.module.scss.js";
+import { TranslatedContent as m } from "../../translation/translated_content/TranslatedContent.js";
+const N = ({
+  activeLabel: n,
+  firstLabel: i,
+  firstLabelClassName: g = t.firstLabelDefault,
+  secondLabel: l,
+  secondLabelClassName: d = t.secondLabelDefault,
+  onChange: f
+}) => {
+  const [a, o] = p(n);
+  C(() => {
+    o(n);
+  }, [n]);
+  const r = (s) => {
+    o(s), f(s);
+  };
+  return /* @__PURE__ */ u("div", { className: t.container, children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        "data-testid": "firstLabel",
+        onClick: () => r(0),
+        className: c(t.label, {
+          [t.labelActive]: a === 0,
+          [g]: a === 0
+        }),
+        children: /* @__PURE__ */ e(
+          m,
+          {
+            originalContent: i.name,
+            originalLanguage: i.language,
+            targetField: "name",
+            translations: i.translation_entries
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        "data-testid": "secondLabel",
+        onClick: () => r(1),
+        className: c(t.label, {
+          [t.labelActive]: a === 1,
+          [d]: a === 1
+        }),
+        children: /* @__PURE__ */ e(
+          m,
+          {
+            originalContent: l.name,
+            originalLanguage: l.language,
+            targetField: "name",
+            translations: l.translation_entries
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  N as TogglePosition
 };
-//#endregion
-export { s as TogglePosition };

package/dist/components/input/toggle_position/TogglePosition.module.scss.js

@@ -0,0 +1,15 @@
+import '../../../assets/components/input/toggle_position/TogglePosition.module-DDIigbfA.css';const e = "_container_re8y3_3", l = "_label_re8y3_11", t = "_labelActive_re8y3_25", a = "_firstLabelDefault_re8y3_35", c = "_secondLabelDefault_re8y3_42", n = {
+  container: e,
+  label: l,
+  labelActive: t,
+  firstLabelDefault: a,
+  secondLabelDefault: c
+};
+export {
+  e as container,
+  n as default,
+  a as firstLabelDefault,
+  l as label,
+  t as labelActive,
+  c as secondLabelDefault
+};

package/dist/components/intl/intl_provider/IntlContext.js

@@ -1,5 +1,5 @@
-import { createContext as e } from "react";
-//#region src/components/intl/intl_provider/IntlContext.jsx
-var t = e();
-//#endregion
-export { t as IntlContext };
+import { createContext as t } from "react";
+const e = t();
+export {
+  e as IntlContext
+};

package/dist/components/intl/intl_provider/IntlProvider.js

@@ -1,38 +1,47 @@
-import { IntlContext as e } from "./IntlContext.js";
-import { useEffect as t, useState as n } from "react";
-import { Fragment as r, jsx as i } from "react/jsx-runtime";
-import { IntlProvider as a } from "react-intl";
-import o from "@rooks/use-sessionstorage-state";
-import { flatten as s } from "flat";
-//#region src/components/intl/intl_provider/IntlProvider.jsx
-var c = ({ language: c, locales: l, async: u = !1, customMessages: d = {}, children: f, onError: p }) => {
-	let [m, h] = o("logora:locale", null), g = () => {
-		if (m) return m;
-		if (c) return c;
-	}, _ = () => !u && v in l ? l[v] : {}, [v, y] = n(g()), [b, x] = n(_());
-	t(() => {
-		v && (u && v in l && l[v]().then((e) => {
-			x(e?.default || e);
-		}).catch(() => x({})), m !== v && h(v));
-	}, [v]);
-	let S = (e) => {
-		let t = { ...e };
-		return Object.keys(t).forEach((e) => {
-			Object.keys(d).indexOf(e) > -1 && (t[e] = d[e]);
-		}), t;
-	}, C = () => /* @__PURE__ */ i(a, {
-		locale: v,
-		messages: S(s(b)),
-		onError: p,
-		children: /* @__PURE__ */ i(e.Provider, {
-			value: {
-				locale: v,
-				setLocale: y
-			},
-			children: f
-		})
-	});
-	return /* @__PURE__ */ i(r, { children: u && typeof window < "u" ? Object.keys(b).length > 0 ? C() : null : C() });
+import { jsx as f, Fragment as I } from "react/jsx-runtime";
+import L from "@rooks/use-sessionstorage-state";
+import { flatten as O } from "flat";
+import { useState as u, useEffect as P } from "react";
+import { IntlProvider as b } from "react-intl";
+import { IntlContext as y } from "./IntlContext.js";
+const R = ({
+  language: l,
+  locales: t,
+  async: o = !1,
+  customMessages: a = {},
+  children: g,
+  onError: p
+}) => {
+  const [s, h] = L(
+    "logora:locale",
+    null
+  ), v = () => {
+    if (s)
+      return s;
+    if (l)
+      return l;
+  }, x = () => !o && e in t ? t[e] : {}, [e, S] = u(v()), [c, d] = u(x());
+  P(() => {
+    e && (o && e in t && t[e]().then((r) => {
+      d(r?.default || r);
+    }).catch(() => d({})), s !== e && h(e));
+  }, [e]);
+  const j = (r) => {
+    const n = { ...r };
+    return Object.keys(n).forEach((i) => {
+      Object.keys(a).indexOf(i) > -1 && (n[i] = a[i]);
+    }), n;
+  }, m = () => /* @__PURE__ */ f(
+    b,
+    {
+      locale: e,
+      messages: j(O(c)),
+      onError: p,
+      children: /* @__PURE__ */ f(y.Provider, { value: { locale: e, setLocale: S }, children: g })
+    }
+  );
+  return /* @__PURE__ */ f(I, { children: o && typeof window < "u" ? Object.keys(c).length > 0 ? m() : null : m() });
+};
+export {
+  R as IntlProvider
 };
-//#endregion
-export { c as IntlProvider };

package/dist/components/intl/intl_provider/useLocale.js

@@ -1,12 +1,9 @@
-import { IntlContext as e } from "./IntlContext.js";
-import { useContext as t } from "react";
-//#region src/components/intl/intl_provider/useLocale.jsx
-var n = () => {
-	let { locale: n, setLocale: r } = t(e);
-	return {
-		locale: n,
-		setLocale: r
-	};
+import { useContext as e } from "react";
+import { IntlContext as r } from "./IntlContext.js";
+const l = () => {
+  const { locale: o, setLocale: t } = e(r);
+  return { locale: o, setLocale: t };
+};
+export {
+  l as useLocale
 };
-//#endregion
-export { n as useLocale };

package/dist/components/list/list_provider/ListProvider.js

@@ -1,45 +1,46 @@
-import { createContext as e, useState as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/list/list_provider/ListProvider.jsx
-var r = e(), i = ({ children: e }) => {
-	let [i, a] = t({}), [o, s] = t({}), [c, l] = t({}), [u, d] = t({});
-	return /* @__PURE__ */ n(r.Provider, {
-		value: {
-			add: (e, t) => {
-				a((n) => ({
-					...n,
-					[e]: t
-				}));
-			},
-			addPinned: (e, t) => {
-				s((n) => ({
-					...n,
-					[e]: t
-				}));
-			},
-			update: (e, t) => {
-				l((n) => ({
-					...n,
-					[e]: t
-				}));
-			},
-			remove: (e, t) => {
-				d((n) => ({
-					...n,
-					[e]: t
-				}));
-			},
-			addElements: i,
-			addPinnedElements: o,
-			updateElements: c,
-			removeElements: u,
-			setAddElements: a,
-			setAddPinnedElements: s,
-			setUpdateElements: l,
-			setRemoveElements: d
-		},
-		children: e
-	});
+import { jsx as x } from "react/jsx-runtime";
+import { useState as s, createContext as f } from "react";
+const A = f(), j = ({ children: c }) => {
+  const [a, o] = s({}), [i, d] = s({}), [l, m] = s({}), [E, r] = s({}), p = (e, t) => {
+    o((n) => ({ ...n, [e]: t }));
+  }, v = (e, t) => {
+    d((n) => ({
+      ...n,
+      [e]: t
+    }));
+  }, u = (e, t) => {
+    m((n) => ({
+      ...n,
+      [e]: t
+    }));
+  }, P = (e, t) => {
+    r((n) => ({
+      ...n,
+      [e]: t
+    }));
+  };
+  return /* @__PURE__ */ x(
+    A.Provider,
+    {
+      value: {
+        add: p,
+        addPinned: v,
+        update: u,
+        remove: P,
+        addElements: a,
+        addPinnedElements: i,
+        updateElements: l,
+        removeElements: E,
+        setAddElements: o,
+        setAddPinnedElements: d,
+        setUpdateElements: m,
+        setRemoveElements: r
+      },
+      children: c
+    }
+  );
+};
+export {
+  A as ListContext,
+  j as ListProvider
 };
-//#endregion
-export { r as ListContext, i as ListProvider };

package/dist/components/list/list_provider/useList.js

@@ -1,22 +1,35 @@
-import { ListContext as e } from "./ListProvider.js";
-import { useContext as t } from "react";
-//#region src/components/list/list_provider/useList.jsx
-var n = () => {
-	let { add: n, addPinned: r, update: i, remove: a, addElements: o, addPinnedElements: s, updateElements: c, removeElements: l, setAddElements: u, setAddPinnedElements: d, setUpdateElements: f, setRemoveElements: p } = t(e);
-	return {
-		add: n,
-		addPinned: r,
-		update: i,
-		remove: a,
-		addElements: o,
-		addPinnedElements: s,
-		updateElements: c,
-		removeElements: l,
-		setAddElements: u,
-		setAddPinnedElements: d,
-		setUpdateElements: f,
-		setRemoveElements: p
-	};
+import { useContext as p } from "react";
+import { ListContext as u } from "./ListProvider.js";
+const P = () => {
+  const {
+    add: e,
+    addPinned: t,
+    update: n,
+    remove: d,
+    addElements: s,
+    addPinnedElements: m,
+    updateElements: o,
+    removeElements: r,
+    setAddElements: l,
+    setAddPinnedElements: E,
+    setUpdateElements: a,
+    setRemoveElements: i
+  } = p(u);
+  return {
+    add: e,
+    addPinned: t,
+    update: n,
+    remove: d,
+    addElements: s,
+    addPinnedElements: m,
+    updateElements: o,
+    removeElements: r,
+    setAddElements: l,
+    setAddPinnedElements: E,
+    setUpdateElements: a,
+    setRemoveElements: i
+  };
+};
+export {
+  P as useList
 };
-//#endregion
-export { n as useList };