tuikit-atomicx-vue3 5.9.1 → 6.0.0

package/.eslintrc.cjs

@@ -12,6 +12,13 @@ module.exports = {
     tsconfigRootDir: __dirname,
     extraFileExtensions: ['.vue'],
   },
+  settings: {
+    'import/resolver': {
+      typescript: {
+        project: './tsconfig.eslint.json',
+      },
+    },
+  },
   rules: {
     'vue/multi-word-component-names': 'off',
     'vue/attribute-hyphenation': 'off',

package/dist/MessageInput.vue_vue_type_script_setup_true_lang-B2arqp_k.js

@@ -0,0 +1,117 @@
+import { defineComponent as x, provide as I, computed as $, openBlock as m, createElementBlock as _, normalizeClass as i, unref as t, renderSlot as s, createElementVNode as l, Fragment as E, renderList as F, createBlock as f, resolveDynamicComponent as w, mergeProps as A, createVNode as T, withCtx as k } from "vue";
+import { AttachmentPicker as g } from "./components/MessageInput/AttachmentPicker/index.js";
+import B from "./components/MessageInput/AttachmentPicker/FilePicker.js";
+import L from "./components/MessageInput/AttachmentPicker/ImagePicker.js";
+import S from "./components/MessageInput/AttachmentPicker/VideoPicker.js";
+import V from "./components/MessageInput/AudioCallPicker/AudioCallPicker.js";
+import j from "./components/MessageInput/EmojiPicker/EmojiPicker.js";
+import M from "./components/MessageInput/QuickConferencePicker/QuickConferencePicker.js";
+import { QuotedMessagePreview as N } from "./components/MessageInput/QuotedMessagePreview/index.js";
+import { TextEditor as Q } from "./components/MessageInput/TextEditor/index.js";
+import O from "./components/MessageInput/VideoCallPicker/VideoCallPicker.js";
+const r = {
+  "message-input": "_message-input_1hxe4_1",
+  "message-input__toolbar": "_message-input__toolbar_1hxe4_12",
+  "message-input__wrapper": "_message-input__wrapper_1hxe4_20",
+  "message-input__editorRow": "_message-input__editorRow_1hxe4_27",
+  "message-input__leftInline": "_message-input__leftInline_1hxe4_32",
+  "message-input__rightInline": "_message-input__rightInline_1hxe4_32",
+  "message-input__actions": "_message-input__actions_1hxe4_36",
+  "message-input__footerToolbar": "_message-input__footerToolbar_1hxe4_42"
+}, Y = /* @__PURE__ */ x({
+  __name: "MessageInput",
+  props: {
+    autoFocus: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    hideSendButton: { type: Boolean, default: !1 },
+    placeholder: { default: void 0 },
+    attachmentPickerMode: { default: "collapsed" },
+    maxLength: { default: void 0 },
+    actions: { default: () => ["EmojiPicker", "ImagePicker", "FilePicker", "VideoPicker", "QuickConferencePicker"] },
+    slots: {},
+    channel: { default: "default" }
+  },
+  setup(n) {
+    const u = [
+      { key: "EmojiPicker", component: j },
+      { key: "AttachmentPicker", component: g },
+      { key: "FilePicker", component: B },
+      { key: "ImagePicker", component: L },
+      { key: "VideoPicker", component: S },
+      { key: "AudioCallPicker", component: V },
+      { key: "VideoCallPicker", component: O },
+      { key: "QuickConferencePicker", component: M }
+    ], c = n;
+    I("channel", c.channel);
+    const h = (e, a) => Object.fromEntries(
+      a.map((o) => [o, e[o]]).filter(([, o]) => o !== void 0)
+    ), P = (e) => {
+      const { component: a = () => null } = u.find(({ key: o }) => o === e) ?? {};
+      return { Component: a, props: { disabled: c.disabled } };
+    }, C = (e) => {
+      var d;
+      const { key: a, component: o, ...p } = e, y = ((d = u.find(({ key: v }) => v === a)) == null ? void 0 : d.component) ?? (() => null);
+      return {
+        Component: o ?? y,
+        props: h(p, ["label", "className", "style", "iconSize"])
+      };
+    }, b = $(
+      () => c.actions.map((e) => typeof e == "string" ? P(e) : C(e)).filter(({ Component: e }) => e !== null)
+    );
+    return (e, a) => (m(), _("div", {
+      class: i([t(r)["message-input"]])
+    }, [
+      s(e.$slots, "headerToolbar", {}, () => [
+        l("div", {
+          class: i(t(r)["message-input__toolbar"])
+        }, [
+          (m(!0), _(E, null, F(b.value, (o, p) => (m(), f(w(o.Component), A({ key: p }, { ref_for: !0 }, { ...o.props, ...o.Component === t(g) ? { attachmentPickerMode: n.attachmentPickerMode } : {} }), null, 16))), 128))
+        ], 2)
+      ]),
+      l("div", {
+        class: i(t(r)["message-input__wrapper"])
+      }, [
+        T(t(N)),
+        l("div", {
+          class: i(t(r)["message-input__editorRow"])
+        }, [
+          l("div", {
+            class: i(t(r)["message-input__leftInline"])
+          }, [
+            s(e.$slots, "leftInline")
+          ], 2),
+          s(e.$slots, "textEditor", {}, () => [
+            (m(), f(t(Q), {
+              key: n.disabled ? "disabled-editor" : "enabled-editor",
+              autoFocus: n.autoFocus,
+              disabled: n.disabled,
+              placeholder: n.placeholder,
+              maxLength: n.maxLength
+            }, {
+              inputPrefix: k(() => [
+                s(e.$slots, "inputPrefix")
+              ]),
+              inputSuffix: k(() => [
+                s(e.$slots, "inputSuffix")
+              ]),
+              _: 3
+            }, 8, ["autoFocus", "disabled", "placeholder", "maxLength"]))
+          ]),
+          l("div", {
+            class: i(t(r)["message-input__rightInline"])
+          }, [
+            s(e.$slots, "rightInline")
+          ], 2)
+        ], 2)
+      ], 2),
+      s(e.$slots, "footerToolbar", {}, () => [
+        l("div", {
+          class: i(t(r)["message-input__footerToolbar"])
+        }, null, 2)
+      ])
+    ], 2));
+  }
+});
+export {
+  Y as _
+};

package/dist/{PopoverPortal-jYZz02rv.js → PopoverPortal-Boz6txZy.js}

@@ -1,6 +1,6 @@
-import { c as D, a as k, r as A, u as b, F as N, D as E, b as R, d as I, e as M, T as $ } from "./Teleport-BFwS0otd.js";
-import { a as K, u as L, b as j, c as z, d as w } from "./PopperContent-S8BLuSsF.js";
-import { u as T } from "./useId-DTe14zTi.js";
+import { b as D, n as k, r as A, l as b, F as N, D as E, h as R, m as I, P as M, T as $ } from "./Teleport-7kDHKhp8.js";
+import { c as K, d as L, u as j, b as z, e as w } from "./PopperContent-B-k_-BkW.js";
+import { u as T } from "./useId-Ck7Lv4Fv.js";
 import { defineComponent as m, toRefs as U, ref as P, openBlock as c, createBlock as v, unref as e, withCtx as f, renderSlot as g, createVNode as h, mergeProps as _, withModifiers as C, normalizeProps as x, guardReactiveProps as W } from "vue";
 const [B, V] = /* @__PURE__ */ D("PopoverRoot");
 var G = /* @__PURE__ */ m({
@@ -571,8 +571,8 @@ var G = /* @__PURE__ */ m({
   }
 }), le = ee;
 export {
-  se as P,
+  ie as P,
   le as a,
-  ie as b,
+  se as b,
   B as i
 };

package/dist/{PopoverTrigger-DSZ00rio.js → PopoverTrigger-CFFNDZLC.js}

@@ -1,9 +1,9 @@
-import { u as l, P as a } from "./Teleport-BFwS0otd.js";
-import { u as d } from "./useId-DTe14zTi.js";
-import { P as u } from "./PopperContent-S8BLuSsF.js";
-import { i as c } from "./PopoverPortal-jYZz02rv.js";
-import { defineComponent as g, onMounted as f, openBlock as m, createBlock as v, resolveDynamicComponent as _, unref as r, withCtx as t, createVNode as h, renderSlot as P } from "vue";
-var C = /* @__PURE__ */ g({
+import { l as p, a } from "./Teleport-7kDHKhp8.js";
+import { u as d } from "./useId-Ck7Lv4Fv.js";
+import { P as u } from "./PopperContent-B-k_-BkW.js";
+import { i as c } from "./PopoverPortal-Boz6txZy.js";
+import { defineComponent as g, onMounted as f, openBlock as m, createBlock as v, resolveDynamicComponent as _, unref as r, withCtx as t, createVNode as h, renderSlot as C } from "vue";
+var P = /* @__PURE__ */ g({
   __name: "PopoverTrigger",
   props: {
     asChild: {
@@ -17,9 +17,9 @@ var C = /* @__PURE__ */ g({
     }
   },
   setup(n) {
-    const i = n, e = c(), { forwardRef: s, currentElement: p } = l();
+    const i = n, e = c(), { forwardRef: s, currentElement: l } = p();
     return e.triggerId || (e.triggerId = d(void 0, "reka-popover-trigger")), f(() => {
-      e.triggerElement.value = p.value;
+      e.triggerElement.value = l.value;
     }), (o, y) => (m(), v(_(r(e).hasCustomAnchor.value ? r(a) : r(u)), { "as-child": "" }, {
       default: t(() => [h(r(a), {
         id: r(e).triggerId,
@@ -33,7 +33,7 @@ var C = /* @__PURE__ */ g({
         "as-child": i.asChild,
         onClick: r(e).onOpenToggle
       }, {
-        default: t(() => [P(o.$slots, "default")]),
+        default: t(() => [C(o.$slots, "default")]),
         _: 3
       }, 8, [
         "id",
@@ -48,7 +48,7 @@ var C = /* @__PURE__ */ g({
       _: 3
     }));
   }
-}), w = C;
+}), w = P;
 export {
   w as P
 };

package/dist/{PopperContent-S8BLuSsF.js → PopperContent-B-k_-BkW.js}

@@ -1,5 +1,5 @@
 import { watchEffect as It, getCurrentInstance as fe, toRef as ue, computed as P, camelize as de, ref as V, onMounted as pe, defineComponent as Ct, renderSlot as Pt, watchPostEffect as Xt, openBlock as Yt, createBlock as he, unref as M, withCtx as Ut, shallowRef as me, watch as mt, getCurrentScope as ge, onScopeDispose as we, shallowReadonly as tt, createElementBlock as ye, normalizeStyle as ve, createVNode as xe, mergeProps as be, mergeDefaults as Ae } from "vue";
-import { h as Oe, f as Ce, j as Pe, c as Gt, u as Kt, P as Zt, k as Re } from "./Teleport-BFwS0otd.js";
+import { e as Oe, j as Ce, u as Pe, b as Gt, l as Kt, a as Zt, c as Re } from "./Teleport-7kDHKhp8.js";
 let gt = 0;
 function Fn() {
   It((t) => {
@@ -1604,10 +1604,10 @@ var kn = /* @__PURE__ */ Ct({
 }), Vn = kn;
 export {
   zn as P,
-  Wn as a,
-  Fn as b,
-  Vn as c,
-  Mn as d,
-  Ln as e,
-  Se as u
+  Ln as a,
+  Vn as b,
+  Wn as c,
+  Se as d,
+  Mn as e,
+  Fn as u
 };

package/dist/{Teleport-BFwS0otd.js → Teleport-7kDHKhp8.js}

@@ -811,8 +811,8 @@ var At = /* @__PURE__ */ x({
         const y = new CustomEvent(Y, oe), h = (g) => {
           r("unmountAutoFocus", g);
         };
-        s.addEventListener(Y, h), s.dispatchEvent(y), setTimeout(() => {
-          y.defaultPrevented || C(c ?? document.body, { select: !0 }), s.removeEventListener(Y, h), u.remove(f);
+        s.addEventListener(Y, h), s.dispatchEvent(y), s.setAttribute("data-focus-scope-unmounting", ""), setTimeout(() => {
+          y.defaultPrevented || C(c ?? document.body, { select: !0 }), s.removeEventListener(Y, h), u.remove(f), s.removeAttribute("data-focus-scope-unmounting");
         }, 0);
       });
     });
@@ -874,23 +874,23 @@ var At = /* @__PURE__ */ x({
 export {
   kt as D,
   jt as F,
-  ye as P,
+  Bt as P,
   ft as S,
   $t as T,
-  Nt as a,
-  Ft as b,
-  je as c,
-  xt as d,
-  Bt as e,
-  It as f,
+  ye as a,
+  je as b,
+  Tt as c,
+  Ve as d,
+  D as e,
+  Mt as f,
   F as g,
-  D as h,
+  Ft as h,
   tt as i,
-  U as j,
-  Tt as k,
-  Mt as l,
-  Ve as m,
-  fe as n,
+  It as j,
+  fe as k,
+  pe as l,
+  xt as m,
+  Nt as n,
   Lt as r,
-  pe as u
+  U as u
 };

package/dist/_commonjsHelpers-DaMA6jEr.js

@@ -0,0 +1,8 @@
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+export {
+  o as c,
+  l as g
+};