@logora/debate 0.2.2 → 0.2.3

package/dist/components/input/argument_input/ArgumentInput.module.scss.js

@@ -0,0 +1,43 @@
+import '../../../assets/components/input/argument_input/ArgumentInput.module-CDv7j77K.css';const t = "_inputContainer_1rycl_3", n = "_argumentInput_1rycl_7", r = "_flash_1rycl_27", e = "_argumentInputBox_1rycl_31", o = "_userPosition_1rycl_38", a = "_argumentTextInputBox_1rycl_47", i = "_argumentTextInputBoxisTablet_1rycl_53", u = "_argumentAuthorContainer_1rycl_62", _ = "_argumentAuthorContainerActivated_1rycl_68", s = "_argumentAuthorContainerMobile_1rycl_74", c = "_textEditorBox_1rycl_79", l = "_argumentInputWarning_1rycl_91", g = "_warningIcon_1rycl_96", p = "_disabledPositionWarning_1rycl_108", y = "_disabledInputMask_1rycl_114", d = "_replyInputContainer_1rycl_128", x = "_replyEditorRow_1rycl_148", m = "_replyTextEditorBox_1rycl_157", I = "_guideMessage_1rycl_161", B = {
+  inputContainer: t,
+  argumentInput: n,
+  flash: r,
+  argumentInputBox: e,
+  userPosition: o,
+  argumentTextInputBox: a,
+  argumentTextInputBoxisTablet: i,
+  argumentAuthorContainer: u,
+  argumentAuthorContainerActivated: _,
+  argumentAuthorContainerMobile: s,
+  textEditorBox: c,
+  argumentInputWarning: l,
+  warningIcon: g,
+  disabledPositionWarning: p,
+  disabledInputMask: y,
+  replyInputContainer: d,
+  replyEditorRow: x,
+  replyTextEditorBox: m,
+  guideMessage: I
+};
+export {
+  u as argumentAuthorContainer,
+  _ as argumentAuthorContainerActivated,
+  s as argumentAuthorContainerMobile,
+  n as argumentInput,
+  e as argumentInputBox,
+  l as argumentInputWarning,
+  a as argumentTextInputBox,
+  i as argumentTextInputBoxisTablet,
+  B as default,
+  y as disabledInputMask,
+  p as disabledPositionWarning,
+  r as flash,
+  I as guideMessage,
+  t as inputContainer,
+  x as replyEditorRow,
+  d as replyInputContainer,
+  m as replyTextEditorBox,
+  c as textEditorBox,
+  o as userPosition,
+  g as warningIcon
+};

package/dist/components/input/argument_input/index.js

@@ -1,2 +1,4 @@
-import { ArgumentInput as e } from "./ArgumentInput.js";
-export { e as default };
+import { ArgumentInput as r } from "./ArgumentInput.js";
+export {
+  r as default
+};

package/dist/components/input/checkbox/hidden/hidden-checkbox.js

@@ -1,14 +1,17 @@
-import e from "./hidden-checkbox.module.js";
+import { jsx as e } from "react/jsx-runtime";
+import i from "classnames";
 import "react";
-import { jsx as t } from "react/jsx-runtime";
-import n from "classnames";
-//#region src/components/input/checkbox/hidden/hidden-checkbox.jsx
-function r({ className: r, type: i = "checkbox", ...a }) {
-	return /* @__PURE__ */ t("input", {
-		...a,
-		type: i,
-		className: n(r, e.hidden)
-	});
+import m from "./hidden-checkbox.module.scss.js";
+function x({ className: o, type: r = "checkbox", ...t }) {
+  return /* @__PURE__ */ e(
+    "input",
+    {
+      ...t,
+      type: r,
+      className: i(o, m.hidden)
+    }
+  );
 }
-//#endregion
-export { r as HiddenCheckbox };
+export {
+  x as HiddenCheckbox
+};

package/dist/components/input/checkbox/hidden/hidden-checkbox.module.scss.js

@@ -0,0 +1,7 @@
+import '../../../../assets/components/input/checkbox/hidden/hidden-checkbox.module-BfKmji_8.css';const d = "_hidden_wq371_1", e = {
+  hidden: d
+};
+export {
+  e as default,
+  d as hidden
+};

package/dist/components/input/checkbox/indicator/checkbox-indicator.js

@@ -1,18 +1,22 @@
-import e from "./checkbox-indicator.module.js";
+import { jsx as a } from "react/jsx-runtime";
+import r from "classnames";
 import "react";
-import { jsx as t } from "react/jsx-runtime";
-import n from "classnames";
-//#region src/components/input/checkbox/indicator/checkbox-indicator.jsx
-var r = {
-	checkedIndicator: e.checkedIndicator,
-	defaultCheckbox: e.defaultCheckbox
+import e from "./checkbox-indicator.module.scss.js";
+const o = {
+  checkedIndicator: e.checkedIndicator,
+  defaultCheckbox: e.defaultCheckbox
 };
-function i(e) {
-	let { className: i = r.defaultCheckbox } = e;
-	return /* @__PURE__ */ t("span", {
-		...e,
-		className: n(i, r.checkedIndicator)
-	});
+function m(c) {
+  const { className: t = o.defaultCheckbox } = c;
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      ...c,
+      className: r(t, o.checkedIndicator)
+    }
+  );
 }
-//#endregion
-export { i as CheckboxIndicator, r as classes };
+export {
+  m as CheckboxIndicator,
+  o as classes
+};

package/dist/components/input/checkbox/indicator/checkbox-indicator.module.scss.js

@@ -0,0 +1,9 @@
+import '../../../../assets/components/input/checkbox/indicator/checkbox-indicator.module-4cSB11ys.css';const c = "_checkedIndicator_1jn64_2", e = "_defaultCheckbox_1jn64_10", t = {
+  checkedIndicator: c,
+  defaultCheckbox: e
+};
+export {
+  c as checkedIndicator,
+  t as default,
+  e as defaultCheckbox
+};

package/dist/components/input/checkbox/label/checkbox-label.js

@@ -1,26 +1,40 @@
-import { HiddenCheckbox as e } from "../hidden/hidden-checkbox.js";
-import { CheckboxIndicator as t, classes as n } from "../indicator/checkbox-indicator.js";
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import { HiddenCheckbox as p } from "../hidden/hidden-checkbox.js";
+import { CheckboxIndicator as d, classes as f } from "../indicator/checkbox-indicator.js";
 import "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/components/input/checkbox/label/checkbox-label.jsx
-function a({ checked: a, defaultChecked: o, onInputChanged: s, type: c, disabled: l, name: u, required: d, value: f, input: p = /* @__PURE__ */ r(e, {
-	defaultChecked: o,
-	onChange: s,
-	checked: a,
-	disabled: l,
-	type: c,
-	name: u,
-	value: f,
-	required: d
-}), indicator: m = /* @__PURE__ */ r(t, { className: n.defaultCheckbox }), children: h, ...g }) {
-	return /* @__PURE__ */ i("label", {
-		...g,
-		children: [
-			p,
-			m,
-			h
-		]
-	});
+function I({
+  checked: e,
+  defaultChecked: r,
+  onInputChanged: t,
+  type: a,
+  disabled: c,
+  name: n,
+  required: s,
+  value: i,
+  input: m = /* @__PURE__ */ o(
+    p,
+    {
+      defaultChecked: r,
+      onChange: t,
+      checked: e,
+      disabled: c,
+      type: a,
+      name: n,
+      value: i,
+      required: s
+    }
+  ),
+  indicator: l = /* @__PURE__ */ o(d, { className: f.defaultCheckbox }),
+  children: x,
+  ...b
+}) {
+  return /* @__PURE__ */ h("label", { ...b, children: [
+    m,
+    l,
+    x
+  ] });
 }
-//#endregion
-export { a as CheckboxLabel };
+export {
+  I as CheckboxLabel,
+  p as Input
+};

package/dist/components/input/input_provider/InputProvider.js

@@ -1,21 +1,25 @@
-import { createContext as e, useState as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/input/input_provider/InputProvider.jsx
-var r = e(), i = ({ children: e }) => {
-	let [i, a] = t(!1), [o, s] = t(!1), [c, l] = t(), [u, d] = t();
-	return /* @__PURE__ */ n(r.Provider, {
-		value: {
-			focus: i,
-			setFocus: a,
-			inputContent: c,
-			setInputContent: l,
-			inputRichContent: u,
-			setInputRichContent: d,
-			reset: o,
-			setReset: s
-		},
-		children: e
-	});
+import { jsx as C } from "react/jsx-runtime";
+import { useState as t, createContext as a } from "react";
+const f = a(), I = ({ children: e }) => {
+  const [n, o] = t(!1), [s, r] = t(!1), [c, u] = t(), [p, i] = t();
+  return /* @__PURE__ */ C(
+    f.Provider,
+    {
+      value: {
+        focus: n,
+        setFocus: o,
+        inputContent: c,
+        setInputContent: u,
+        inputRichContent: p,
+        setInputRichContent: i,
+        reset: s,
+        setReset: r
+      },
+      children: e
+    }
+  );
+};
+export {
+  f as InputContext,
+  I as InputProvider
 };
-//#endregion
-export { r as InputContext, i as InputProvider };

package/dist/components/input/input_provider/useInput.js

@@ -1,6 +1,6 @@
-import { InputContext as e } from "./InputProvider.js";
 import { useContext as t } from "react";
-//#region src/components/input/input_provider/useInput.jsx
-var n = () => t(e);
-//#endregion
-export { n as useInput };
+import { InputContext as n } from "./InputProvider.js";
+const r = () => t(n);
+export {
+  r as useInput
+};

package/dist/components/input/search_input/SearchInput.js

@@ -1,74 +1,100 @@
-import { Icon as e } from "../../icons/icon/Icon.js";
-import { TextInput as t } from "../text_input/TextInput.js";
-import n from "./SearchInput.module.js";
-import { useRef as r, useState as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
-import { useIntl as o } from "react-intl";
-import s from "use-onclickoutside";
-//#region src/components/input/search_input/SearchInput.jsx
-var c = ({ onSearchSubmit: c, placeholder: l, disabled: u, reducedByDefault: d }) => {
-	let f = o(), [p, m] = i(""), [h, g] = i(!1), _ = r(null);
-	s(_, d ? () => g(!1) : null);
-	let v = (e) => {
-		e.preventDefault(), c(p);
-	}, y = (e) => {
-		e.preventDefault(), m(""), c("");
-	};
-	return !d || h ? /* @__PURE__ */ a("form", {
-		"data-tid": "form_search",
-		onSubmit: v,
-		method: "get",
-		autoComplete: "off",
-		ref: _,
-		children: /* @__PURE__ */ a(t, {
-			type: "text",
-			name: "q",
-			"aria-label": f.formatMessage({
-				id: "input.search_input.aria_label",
-				defaultMessage: "Search bar"
-			}),
-			value: p,
-			placeholder: l,
-			disabled: u,
-			onChange: (e) => m(e.target.value),
-			"data-testid": "input_search_query",
-			"data-tid": "input_search_query",
-			iconRight: p && /* @__PURE__ */ a(e, {
-				name: "close",
-				className: n.searchReset,
-				"data-tid": "action_search_reset",
-				height: 16,
-				width: 16,
-				onClick: (e) => y(e),
-				"aria-label": f.formatMessage({
-					id: "input.search_input.reset_icon.aria_label",
-					defaultMessage: "Reset search"
-				})
-			}),
-			iconLeft: /* @__PURE__ */ a(e, {
-				name: "search",
-				className: n.searchSubmit,
-				"data-tid": "action_search_submit",
-				height: 16,
-				width: 16,
-				onClick: (e) => v(e),
-				"aria-label": f.formatMessage({
-					id: "input.search_input.submit_icon.aria_label",
-					defaultMessage: "starts search"
-				})
-			})
-		})
-	}) : /* @__PURE__ */ a("div", {
-		className: n.searchReducedButton,
-		onClick: () => g(!0),
-		children: /* @__PURE__ */ a(e, {
-			name: "search",
-			className: n.searchSubmit,
-			"data-tid": "action_search_submit",
-			height: 20.8,
-			width: 16
-		})
-	});
+import { jsx as t } from "react/jsx-runtime";
+import { useState as m, useRef as b } from "react";
+import { useIntl as g } from "react-intl";
+import R from "use-onclickoutside";
+import a from "./SearchInput.module.scss.js";
+import { TextInput as S } from "../text_input/TextInput.js";
+import { Icon as i } from "../../icons/icon/Icon.js";
+const I = ({
+  onSearchSubmit: n,
+  placeholder: d,
+  disabled: f,
+  reducedByDefault: c
+}) => {
+  const s = g(), [r, o] = m(""), [p, l] = m(!1), h = b(null);
+  R(
+    h,
+    c ? () => l(!1) : null
+  );
+  const u = (e) => {
+    e.preventDefault(), n(r);
+  }, _ = (e) => {
+    e.preventDefault(), o(""), n("");
+  };
+  return !c || p ? /* @__PURE__ */ t(
+    "form",
+    {
+      "data-tid": "form_search",
+      onSubmit: u,
+      method: "get",
+      autoComplete: "off",
+      ref: h,
+      children: /* @__PURE__ */ t(
+        S,
+        {
+          type: "text",
+          name: "q",
+          "aria-label": s.formatMessage({
+            id: "input.search_input.aria_label",
+            defaultMessage: "Search bar"
+          }),
+          value: r,
+          placeholder: d,
+          disabled: f,
+          onChange: (e) => o(e.target.value),
+          "data-testid": "input_search_query",
+          "data-tid": "input_search_query",
+          iconRight: r && /* @__PURE__ */ t(
+            i,
+            {
+              name: "close",
+              className: a.searchReset,
+              "data-tid": "action_search_reset",
+              height: 16,
+              width: 16,
+              onClick: (e) => _(e),
+              "aria-label": s.formatMessage({
+                id: "input.search_input.reset_icon.aria_label",
+                defaultMessage: "Reset search"
+              })
+            }
+          ),
+          iconLeft: /* @__PURE__ */ t(
+            i,
+            {
+              name: "search",
+              className: a.searchSubmit,
+              "data-tid": "action_search_submit",
+              height: 16,
+              width: 16,
+              onClick: (e) => u(e),
+              "aria-label": s.formatMessage({
+                id: "input.search_input.submit_icon.aria_label",
+                defaultMessage: "starts search"
+              })
+            }
+          )
+        }
+      )
+    }
+  ) : /* @__PURE__ */ t(
+    "div",
+    {
+      className: a.searchReducedButton,
+      onClick: () => l(!0),
+      children: /* @__PURE__ */ t(
+        i,
+        {
+          name: "search",
+          className: a.searchSubmit,
+          "data-tid": "action_search_submit",
+          height: 20.8,
+          width: 16
+        }
+      )
+    }
+  );
+};
+export {
+  I as SearchInput
 };
-//#endregion
-export { c as SearchInput };

package/dist/components/input/search_input/SearchInput.module.scss.js

@@ -0,0 +1,11 @@
+import '../../../assets/components/input/search_input/SearchInput.module-C_q8rryY.css';const e = "_searchSubmit_3rc6d_3", c = "_searchReset_3rc6d_3", s = "_searchReducedButton_3rc6d_11", t = {
+  searchSubmit: e,
+  searchReset: c,
+  searchReducedButton: s
+};
+export {
+  t as default,
+  s as searchReducedButton,
+  c as searchReset,
+  e as searchSubmit
+};

package/dist/components/input/select/Select.js

@@ -1,75 +1,86 @@
-import { Icon as e } from "../../icons/icon/Icon.js";
-import { Dropdown as t } from "../../dialog/dropdown/Dropdown.js";
-import n from "./Select.module.js";
-import { useEffect as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import s from "classnames";
-//#region src/components/input/select/Select.jsx
-var c = ({ options: c, defaultOption: l, onChange: u, resetSelect: d = !1, disabled: f = !1, className: p, horizontalPosition: m = "left" }) => {
-	let h = l ? c.filter((e) => e.name === l)[0] : c[0], [g, _] = i(h);
-	r(() => {
-		d === !0 && _(h);
-	}, [d]), r(() => {
-		l && _(c.filter((e) => e.name === l)[0]);
-	}, [l]);
-	let v = (e) => {
-		_(e), u && u(e);
-	}, y = (e) => {
-		let t = e.currentTarget;
-		switch (e.key) {
-			case "Enter":
-			case " ":
-				e.preventDefault(), t.click();
-				break;
-			case "ArrowDown":
-				e.preventDefault(), t.nextElementSibling?.focus();
-				break;
-			case "ArrowUp":
-				e.preventDefault(), t.previousElementSibling?.focus();
-				break;
-		}
-	}, b = (e) => {
-		let t = g?.name === e.name;
-		return e.name !== "" && /* @__PURE__ */ a("div", {
-			role: "option",
-			"aria-selected": t,
-			tabIndex: 0,
-			className: s(n.selectOption, { [n.selectOptionActive]: t }),
-			value: e.value,
-			"data-tid": e.dataTid,
-			onClick: () => v(e),
-			onKeyDown: y,
-			children: e.text
-		}, e.value);
-	};
-	return /* @__PURE__ */ a("div", {
-		className: n.selectContainer,
-		children: /* @__PURE__ */ o(t, {
-			horizontalPosition: m,
-			children: [/* @__PURE__ */ o("div", {
-				className: s(n.selectInput, {
-					[p]: p,
-					[n.disabled]: f
-				}),
-				children: [
-					/* @__PURE__ */ a("span", {
-						className: n.currentOptionText,
-						children: g?.text
-					}),
-					" ",
-					/* @__PURE__ */ a(e, {
-						name: "lightArrow",
-						className: n.arrowDown,
-						height: 10,
-						width: 10
-					})
-				]
-			}), !f && /* @__PURE__ */ a("div", {
-				role: "listbox",
-				children: c.map(b)
-			})]
-		})
-	});
+import { jsx as c, jsxs as u } from "react/jsx-runtime";
+import h from "classnames";
+import { useState as b, useEffect as p } from "react";
+import r from "./Select.module.scss.js";
+import { Dropdown as k } from "../../dialog/dropdown/Dropdown.js";
+import { Icon as y } from "../../icons/icon/Icon.js";
+const I = ({
+  options: a,
+  defaultOption: n,
+  onChange: s,
+  resetSelect: i = !1,
+  disabled: o = !1,
+  className: m,
+  horizontalPosition: v = "left"
+}) => {
+  const d = n ? a.filter((e) => e.name === n)[0] : a[0], [f, l] = b(d);
+  p(() => {
+    i === !0 && l(d);
+  }, [i]), p(() => {
+    n && l(a.filter((e) => e.name === n)[0]);
+  }, [n]);
+  const w = (e) => {
+    l(e), s && s(e);
+  }, x = (e) => {
+    const t = e.currentTarget;
+    switch (e.key) {
+      case "Enter":
+      case " ":
+        e.preventDefault(), t.click();
+        break;
+      case "ArrowDown":
+        e.preventDefault(), t.nextElementSibling?.focus();
+        break;
+      case "ArrowUp":
+        e.preventDefault(), t.previousElementSibling?.focus();
+        break;
+    }
+  }, D = (e) => {
+    const t = f?.name === e.name;
+    return e.name !== "" && /* @__PURE__ */ c(
+      "div",
+      {
+        role: "option",
+        "aria-selected": t,
+        tabIndex: 0,
+        className: h(r.selectOption, {
+          [r.selectOptionActive]: t
+        }),
+        value: e.value,
+        "data-tid": e.dataTid,
+        onClick: () => w(e),
+        onKeyDown: x,
+        children: e.text
+      },
+      e.value
+    );
+  };
+  return /* @__PURE__ */ c("div", { className: r.selectContainer, children: /* @__PURE__ */ u(k, { horizontalPosition: v, children: [
+    /* @__PURE__ */ u(
+      "div",
+      {
+        className: h(r.selectInput, {
+          [m]: m,
+          [r.disabled]: o
+        }),
+        children: [
+          /* @__PURE__ */ c("span", { className: r.currentOptionText, children: f?.text }),
+          " ",
+          /* @__PURE__ */ c(
+            y,
+            {
+              name: "lightArrow",
+              className: r.arrowDown,
+              height: 10,
+              width: 10
+            }
+          )
+        ]
+      }
+    ),
+    !o && /* @__PURE__ */ c("div", { role: "listbox", children: a.map(D) })
+  ] }) });
+};
+export {
+  I as Select
 };
-//#endregion
-export { c as Select };

package/dist/components/input/select/Select.module.scss.js

@@ -0,0 +1,19 @@
+import '../../../assets/components/input/select/Select.module-Bf-5XrJ1.css';const t = "_selectContainer_xsq2g_3", e = "_selectInput_xsq2g_16", s = "_disabled_xsq2g_42", n = "_currentOptionText_xsq2g_51", o = "_selectOption_xsq2g_58", c = "_selectOptionActive_xsq2g_72", _ = "_arrowDown_xsq2g_77", i = {
+  selectContainer: t,
+  selectInput: e,
+  disabled: s,
+  currentOptionText: n,
+  selectOption: o,
+  selectOptionActive: c,
+  arrowDown: _
+};
+export {
+  _ as arrowDown,
+  n as currentOptionText,
+  i as default,
+  s as disabled,
+  t as selectContainer,
+  e as selectInput,
+  o as selectOption,
+  c as selectOptionActive
+};