@logora/debate 0.4.67 → 0.4.68

package/dist/assets/components/skeleton/page_skeleton/PageSkeleton.module-BqtcAizZ.css

@@ -0,0 +1 @@
+._pageSkeleton_vzch9_3{display:flex;flex-direction:column;gap:var(--space-unit, 1em);width:100%}._header_vzch9_10{display:flex;flex-direction:row;gap:var(--space-unit, 1em);align-items:center}@media(max-width:640px){._header_vzch9_10{flex-direction:column;align-items:flex-start}}._headerLines_vzch9_23{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5));flex:1;min-width:120px}._lineMain_vzch9_31{width:70%;height:var(--font-size-extra-large, 22px)}._lineSecondary_vzch9_36{width:45%;height:var(--font-size-normal, 16px)}._photoCircle_vzch9_41{width:80px;height:80px;flex-shrink:0}._photoBox_vzch9_47{width:210px;height:140px;flex-shrink:0;border-radius:var(--box-border-radius, 6px)}@media(max-width:640px){._photoBox_vzch9_47{width:100%}}._tabsRow_vzch9_59{display:flex;flex-direction:row;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._tab_vzch9_59{width:110px;height:32px;border-radius:var(--box-border-radius, 6px)}@media(max-width:640px){._tab_vzch9_59{width:90px}}._contentList_vzch9_76{display:flex;flex-direction:column;gap:var(--space-unit, 1em)}._contentItem_vzch9_82{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5));border-radius:var(--box-border-radius, 6px);box-shadow:var(--box-shadow, 0px 2px 5px rgba(7, 42, 68, .1));border:var(--box-border, 1px solid rgba(7, 42, 68, .1));padding:var(--space-unit, 1em)}._contentLine_vzch9_92{width:100%;height:var(--font-size-normal, 16px)}._contentLineShort_vzch9_97{width:55%;height:var(--font-size-normal, 16px)}

package/dist/components/skeleton/page_skeleton/PageSkeleton.js

@@ -0,0 +1,79 @@
+import { jsx as s, jsxs as r } from "react/jsx-runtime";
+import "react";
+import t from "react-loading-skeleton";
+import "react-loading-skeleton/dist/skeleton.css";
+import e from "./PageSkeleton.module.scss.js";
+const k = ({
+  photo: a = "right",
+  items: d = 3,
+  tabs: o = !1,
+  enableAnimation: c = !0,
+  className: m
+}) => {
+  const i = /* @__PURE__ */ r("div", { className: e.headerLines, children: [
+    /* @__PURE__ */ s(t, { enableAnimation: c, className: e.lineMain }),
+    /* @__PURE__ */ s(
+      t,
+      {
+        enableAnimation: c,
+        className: e.lineSecondary
+      }
+    )
+  ] }), l = a === "left" ? /* @__PURE__ */ s(
+    t,
+    {
+      enableAnimation: c,
+      circle: !0,
+      className: e.photoCircle
+    }
+  ) : /* @__PURE__ */ s(t, { enableAnimation: c, className: e.photoBox });
+  return /* @__PURE__ */ s("div", { "data-testid": "page-skeleton", className: m, children: /* @__PURE__ */ r("div", { className: e.pageSkeleton, children: [
+    /* @__PURE__ */ r("div", { className: e.header, children: [
+      a === "left" && l,
+      i,
+      a === "right" && l
+    ] }),
+    o && /* @__PURE__ */ r("div", { className: e.tabsRow, children: [
+      /* @__PURE__ */ s(
+        t,
+        {
+          enableAnimation: c,
+          className: e.tab
+        }
+      ),
+      /* @__PURE__ */ s(
+        t,
+        {
+          enableAnimation: c,
+          className: e.tab
+        }
+      ),
+      /* @__PURE__ */ s(
+        t,
+        {
+          enableAnimation: c,
+          className: e.tab
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s("div", { className: e.contentList, children: Array.from({ length: d }).map((N, h) => /* @__PURE__ */ r("div", { className: e.contentItem, children: [
+      /* @__PURE__ */ s(
+        t,
+        {
+          enableAnimation: c,
+          className: e.contentLine
+        }
+      ),
+      /* @__PURE__ */ s(
+        t,
+        {
+          enableAnimation: c,
+          className: e.contentLineShort
+        }
+      )
+    ] }, h)) })
+  ] }) });
+};
+export {
+  k as PageSkeleton
+};

package/dist/components/skeleton/page_skeleton/PageSkeleton.module.scss.js

@@ -0,0 +1,31 @@
+import '../../../assets/components/skeleton/page_skeleton/PageSkeleton.module-BqtcAizZ.css';const t = "_pageSkeleton_vzch9_3", n = "_header_vzch9_10", e = "_headerLines_vzch9_23", o = "_lineMain_vzch9_31", c = "_lineSecondary_vzch9_36", _ = "_photoCircle_vzch9_41", h = "_photoBox_vzch9_47", s = "_tabsRow_vzch9_59", i = "_tab_vzch9_59", a = "_contentList_vzch9_76", r = "_contentItem_vzch9_82", l = "_contentLine_vzch9_92", v = "_contentLineShort_vzch9_97", z = {
+  pageSkeleton: t,
+  header: n,
+  headerLines: e,
+  lineMain: o,
+  lineSecondary: c,
+  photoCircle: _,
+  photoBox: h,
+  tabsRow: s,
+  tab: i,
+  contentList: a,
+  contentItem: r,
+  contentLine: l,
+  contentLineShort: v
+};
+export {
+  r as contentItem,
+  l as contentLine,
+  v as contentLineShort,
+  a as contentList,
+  z as default,
+  n as header,
+  e as headerLines,
+  o as lineMain,
+  c as lineSecondary,
+  t as pageSkeleton,
+  h as photoBox,
+  _ as photoCircle,
+  i as tab,
+  s as tabsRow
+};