@oneb/ui-vue 0.3.32 → 0.4.1

package/dist/tooltip/index.js

@@ -1,5 +1,7 @@
+import { _ as T } from "../OneTooltip.vue_vue_type_script_setup_true_lang-c492c128.js";
+import "vue";
 const d = /* @__PURE__ */ new WeakMap();
-let c = !1, i = null, f = null;
+let c = !1, n = null, f = null;
 function g() {
   if (c || typeof document > "u")
     return;
@@ -52,53 +54,54 @@ function g() {
 }
 `, document.head.appendChild(t), c = !0;
 }
-function y() {
-  return i && document.body.contains(i) || (i = document.createElement("div"), i.className = "one-tooltip-floating", document.body.appendChild(i)), i;
+function x() {
+  return n && document.body.contains(n) || (n = document.createElement("div"), n.className = "one-tooltip-floating", document.body.appendChild(n)), n;
 }
-function u(t, e, n, a) {
+function u(t, e, i, s) {
   const o = t.getBoundingClientRect(), p = e.getBoundingClientRect();
-  let r = 0, s = 0, l = "";
-  n.startsWith("right") ? (r = o.right + a, s = o.top + o.height / 2, l = "translateY(-50%)") : n.startsWith("left") ? (r = o.left - a - p.width, s = o.top + o.height / 2, l = "translateY(-50%)") : n.startsWith("bottom") ? (r = o.left + o.width / 2, s = o.bottom + a, l = "translateX(-50%)") : (r = o.left + o.width / 2, s = o.top - a - p.height, l = "translateX(-50%)"), e.style.left = `${r}px`, e.style.top = `${s}px`, e.style.transform = l;
+  let a = 0, r = 0, l = "";
+  i.startsWith("right") ? (a = o.right + s, r = o.top + o.height / 2, l = "translateY(-50%)") : i.startsWith("left") ? (a = o.left - s - p.width, r = o.top + o.height / 2, l = "translateY(-50%)") : i.startsWith("bottom") ? (a = o.left + o.width / 2, r = o.bottom + s, l = "translateX(-50%)") : (a = o.left + o.width / 2, r = o.top - s - p.height, l = "translateX(-50%)"), e.style.left = `${a}px`, e.style.top = `${r}px`, e.style.transform = l;
 }
-function h() {
-  i && (i.style.visibility = "hidden", i.style.opacity = "0", f = null);
+function v() {
+  n && (n.style.visibility = "hidden", n.style.opacity = "0", f = null);
 }
-function m(t) {
+function h(t) {
   const e = d.get(t);
-  e && (t.removeEventListener("mouseenter", e.onEnter), t.removeEventListener("mouseleave", e.onLeave), window.removeEventListener("scroll", e.onScroll, !0), window.removeEventListener("resize", e.onScroll), d.delete(t), f === t && h());
+  e && (t.removeEventListener("mouseenter", e.onEnter), t.removeEventListener("mouseleave", e.onLeave), window.removeEventListener("scroll", e.onScroll, !0), window.removeEventListener("resize", e.onScroll), d.delete(t), f === t && v());
 }
-function v(t, e) {
-  g(), m(t);
-  let n = "", a = 8;
-  typeof e.value == "string" ? n = e.value : e.value && typeof e.value == "object" && (n = e.value.text || "", typeof e.value.offset == "number" && (a = e.value.offset));
+function m(t, e) {
+  g(), h(t);
+  let i = "", s = 8;
+  typeof e.value == "string" ? i = e.value : e.value && typeof e.value == "object" && (i = e.value.text || "", typeof e.value.offset == "number" && (s = e.value.offset));
   const o = e.arg || "top";
-  if (!n)
+  if (!i)
     return;
   const p = () => {
-    const l = y();
-    l.textContent = n, l.dataset.position = o, l.style.visibility = "visible", l.style.opacity = "1", f = t, u(t, l, o, a);
+    const l = x();
+    l.textContent = i, l.dataset.position = o, l.style.visibility = "visible", l.style.opacity = "1", f = t, u(t, l, o, s);
+  }, a = () => {
+    f === t && v();
   }, r = () => {
-    f === t && h();
-  }, s = () => {
-    f === t && i && u(t, i, o, a);
+    f === t && n && u(t, n, o, s);
   };
-  t.addEventListener("mouseenter", p), t.addEventListener("mouseleave", r), window.addEventListener("scroll", s, !0), window.addEventListener("resize", s), d.set(t, { onEnter: p, onLeave: r, onScroll: s });
+  t.addEventListener("mouseenter", p), t.addEventListener("mouseleave", a), window.addEventListener("scroll", r, !0), window.addEventListener("resize", r), d.set(t, { onEnter: p, onLeave: a, onScroll: r });
 }
-const x = (t) => {
+const y = (t) => {
   t.directive("onetooltip", {
-    mounted(e, n) {
-      v(e, n);
+    mounted(e, i) {
+      m(e, i);
     },
-    updated(e, n) {
-      v(e, n);
+    updated(e, i) {
+      m(e, i);
     },
     beforeUnmount(e) {
-      m(e);
+      h(e);
     }
   });
-}, b = (t) => {
-  x(t);
+}, w = (t) => {
+  y(t);
 };
 export {
-  b as default
+  T as OneTooltip,
+  w as default
 };

package/dist/useConfirm-6344b49d.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("vue"),e=s.ref(null);function o(){return{confirm:(t={})=>new Promise(n=>{var u;(u=e.value)==null||u.resolve(!1),e.value={options:t,resolve:n}})}}function c(){const r=t=>{var n;(n=e.value)==null||n.resolve(t),e.value=null};return{current:e,accept:()=>r(!0),cancel:()=>r(!1)}}exports.useConfirm=o;exports.useConfirmState=c;

package/dist/useConfirm-74e99a5c.js

@@ -0,0 +1,23 @@
+import { ref as u } from "vue";
+const e = u(null);
+function s() {
+  return { confirm: (t = {}) => new Promise((n) => {
+    var o;
+    (o = e.value) == null || o.resolve(!1), e.value = { options: t, resolve: n };
+  }) };
+}
+function a() {
+  const r = (t) => {
+    var n;
+    (n = e.value) == null || n.resolve(t), e.value = null;
+  };
+  return {
+    current: e,
+    accept: () => r(!0),
+    cancel: () => r(!1)
+  };
+}
+export {
+  a,
+  s as u
+};

package/dist/useCursorList-5c1b57aa.js

@@ -0,0 +1,62 @@
+import { shallowRef as L, ref as t, computed as f, reactive as M, watch as T } from "vue";
+const l = L({});
+function N(n, h, a = {}) {
+  const r = t(!1), c = t(!1), m = t(null), b = f(() => {
+    var u;
+    const e = ((u = l.value[n]) == null ? void 0 : u.items) ?? [];
+    return a.mapItem ? e.map(a.mapItem) : e;
+  }), o = f(() => {
+    var e;
+    return ((e = l.value[n]) == null ? void 0 : e.next_cursor) ?? null;
+  }), g = f(() => o.value != null), s = t(""), i = t(null), v = M({}), x = (e) => a.mapResponse ? a.mapResponse(e) : e, d = () => {
+    r.value = !0, m.value = null, h({ search: s.value, period: i.value, filter: v }).then((e) => {
+      l.value = { ...l.value, [n]: x(e) };
+    }).catch((e) => {
+      m.value = e;
+    }).finally(() => {
+      r.value = !1;
+    });
+  }, p = () => {
+    o.value == null || r.value || c.value || (c.value = !0, h({
+      cursor: o.value,
+      search: s.value,
+      period: i.value,
+      filter: v
+    }).then((e) => {
+      const u = x(e), w = l.value[n] ?? { items: [], next_cursor: null };
+      l.value = {
+        ...l.value,
+        [n]: {
+          items: [...w.items, ...u.items],
+          next_cursor: u.next_cursor
+        }
+      };
+    }).catch((e) => {
+      var u;
+      (u = a.onError) == null || u.call(a, e);
+    }).finally(() => {
+      c.value = !1;
+    }));
+  };
+  a.lazy !== !0 && d();
+  const _ = a.debounceMs ?? 333;
+  let R;
+  return T([s, i, v], () => {
+    clearTimeout(R), R = setTimeout(d, _);
+  }), {
+    isLoading: r,
+    isLoadingNext: c,
+    items: b,
+    error: m,
+    nextCursor: o,
+    hasNext: g,
+    searchQuery: s,
+    period: i,
+    filter: v,
+    load: d,
+    next: p
+  };
+}
+export {
+  N as u
+};

package/dist/useCursorList-e1cb41e7.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("vue"),l=u.shallowRef({});function w(r,d,a={}){const n=u.ref(!1),s=u.ref(!1),m=u.ref(null),g=u.computed(()=>{var t;const e=((t=l.value[r])==null?void 0:t.items)??[];return a.mapItem?e.map(a.mapItem):e}),c=u.computed(()=>{var e;return((e=l.value[r])==null?void 0:e.next_cursor)??null}),p=u.computed(()=>c.value!=null),o=u.ref(""),i=u.ref(null),v=u.reactive({}),h=e=>a.mapResponse?a.mapResponse(e):e,f=()=>{n.value=!0,m.value=null,d({search:o.value,period:i.value,filter:v}).then(e=>{l.value={...l.value,[r]:h(e)}}).catch(e=>{m.value=e}).finally(()=>{n.value=!1})},L=()=>{c.value==null||n.value||s.value||(s.value=!0,d({cursor:c.value,search:o.value,period:i.value,filter:v}).then(e=>{const t=h(e),b=l.value[r]??{items:[],next_cursor:null};l.value={...l.value,[r]:{items:[...b.items,...t.items],next_cursor:t.next_cursor}}}).catch(e=>{var t;(t=a.onError)==null||t.call(a,e)}).finally(()=>{s.value=!1}))};a.lazy!==!0&&f();const R=a.debounceMs??333;let x;const _=()=>{clearTimeout(x),x=setTimeout(f,R)};return u.watch([o,i,v],_),{isLoading:n,isLoadingNext:s,items:g,error:m,nextCursor:c,hasNext:p,searchQuery:o,period:i,filter:v,load:f,next:L}}exports.useCursorList=w;

package/dist/useElementWidth-b36a7ce9.js

@@ -0,0 +1,40 @@
+import { watch as i, onMounted as f, onBeforeUnmount as s, unref as a, ref as E, watchEffect as h } from "vue";
+const c = (t) => {
+  if (Array.isArray(t))
+    return t.map(a);
+  const r = a(t);
+  return Array.isArray(r) ? r : [r];
+}, d = (t, r) => {
+  let n;
+  const u = (e) => {
+    e.forEach((l) => {
+      const o = a(l);
+      if (o) {
+        if (!(o instanceof Element))
+          throw console.error("Vuestic: Trying to observe non-HTMLElement", {
+            target: o,
+            array: t
+          }), new Error("Vuestic: Unable to observe non-HTMLElement");
+        o && (n == null || n.observe(o));
+      }
+    });
+  };
+  return i(t, (e) => {
+    n == null || n.disconnect(), u(c(e));
+  }), f(() => {
+    n = new ResizeObserver(r), u(c(t));
+  }), s(() => n == null ? void 0 : n.disconnect()), n;
+}, y = (t) => {
+  const r = E(null);
+  return d([t], () => {
+    var n;
+    r.value = ((n = t.value) == null ? void 0 : n.clientWidth) ?? null;
+  }), h(() => {
+    var n;
+    r.value = ((n = t.value) == null ? void 0 : n.clientWidth) ?? null;
+  }), r;
+};
+export {
+  d as a,
+  y as u
+};

package/dist/useElementWidth-b3e53f48.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("vue"),a=e=>{if(Array.isArray(e))return e.map(r.unref);const t=r.unref(e);return Array.isArray(t)?t:[t]},l=(e,t)=>{let n;const c=u=>{u.forEach(i=>{const o=r.unref(i);if(o){if(!(o instanceof Element))throw console.error("Vuestic: Trying to observe non-HTMLElement",{target:o,array:e}),new Error("Vuestic: Unable to observe non-HTMLElement");o&&(n==null||n.observe(o))}})};return r.watch(e,u=>{n==null||n.disconnect(),c(a(u))}),r.onMounted(()=>{n=new ResizeObserver(t),c(a(e))}),r.onBeforeUnmount(()=>n==null?void 0:n.disconnect()),n},s=e=>{const t=r.ref(null);return l([e],()=>{var n;t.value=((n=e.value)==null?void 0:n.clientWidth)??null}),r.watchEffect(()=>{var n;t.value=((n=e.value)==null?void 0:n.clientWidth)??null}),t};exports.useElementWidth=s;exports.useResizeObserver=l;

package/dist/useFileUpload-228dbc07.js

@@ -0,0 +1,24 @@
+import { ref as o } from "vue";
+function d(f, n = {}) {
+  const u = o(!1), r = o(0), a = o(null), t = (i) => (u.value = !0, r.value = 0, a.value = null, f(i, (e) => {
+    r.value = e;
+  }).then((e) => {
+    var l;
+    return (l = n.onUploaded) == null || l.call(n, e), e;
+  }).catch((e) => {
+    var l;
+    a.value = e, (l = n.onError) == null || l.call(n, e);
+  }).finally(() => {
+    u.value = !1, r.value = 100;
+  }));
+  return { isUploading: u, progress: r, error: a, upload: t, onFileChange: (i) => {
+    const e = i.target;
+    if (!e.files || e.files.length === 0)
+      return;
+    const l = e.files[0];
+    e.value = "", t(l);
+  } };
+}
+export {
+  d as u
+};

package/dist/useFileUpload-f47622bb.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("vue");function f(c,n={}){const r=o.ref(!1),u=o.ref(0),a=o.ref(null),t=i=>(r.value=!0,u.value=0,a.value=null,c(i,e=>{u.value=e}).then(e=>{var l;return(l=n.onUploaded)==null||l.call(n,e),e}).catch(e=>{var l;a.value=e,(l=n.onError)==null||l.call(n,e)}).finally(()=>{r.value=!1,u.value=100}));return{isUploading:r,progress:u,error:a,upload:t,onFileChange:i=>{const e=i.target;if(!e.files||e.files.length===0)return;const l=e.files[0];e.value="",t(l)}}}exports.useFileUpload=f;

package/dist/useIsMobile-7b1f08cf.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("./useMediaQuery-1d87df02.cjs");function s(e=768){return u.useMediaQuery(`(max-width: ${e-1}px)`)}exports.useIsMobile=s;

package/dist/useIsMobile-98fc0cf9.js

@@ -0,0 +1,7 @@
+import { u } from "./useMediaQuery-77a19b18.js";
+function i(e = 768) {
+  return u(`(max-width: ${e - 1}px)`);
+}
+export {
+  i as u
+};

package/dist/useMediaQuery-1d87df02.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("vue"),r={sm:640,md:768,lg:1024,xl:1280,"2xl":1536};function s(u){const a=n.ref(!1);let e=null,t=null;const i=()=>{e&&t&&e.removeEventListener("change",t),e=null,t=null},l=o=>{i(),!(typeof window>"u"||typeof window.matchMedia!="function")&&(e=window.matchMedia(o),a.value=e.matches,t=c=>{a.value=c.matches},e.addEventListener("change",t))};return n.onMounted(()=>{l(n.toValue(u)),n.watch(()=>n.toValue(u),o=>{l(o)})}),n.onBeforeUnmount(()=>{i()}),a}function d(u){return s(`(min-width: ${r[u]}px)`)}exports.breakpointValues=r;exports.useBreakpoint=d;exports.useMediaQuery=s;

package/dist/useMediaQuery-77a19b18.js

@@ -0,0 +1,37 @@
+import { ref as s, onMounted as c, toValue as l, watch as d, onBeforeUnmount as m } from "vue";
+const f = {
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+};
+function h(t) {
+  const a = s(!1);
+  let e = null, n = null;
+  const u = () => {
+    e && n && e.removeEventListener("change", n), e = null, n = null;
+  }, i = (o) => {
+    u(), !(typeof window > "u" || typeof window.matchMedia != "function") && (e = window.matchMedia(o), a.value = e.matches, n = (r) => {
+      a.value = r.matches;
+    }, e.addEventListener("change", n));
+  };
+  return c(() => {
+    i(l(t)), d(
+      () => l(t),
+      (o) => {
+        i(o);
+      }
+    );
+  }), m(() => {
+    u();
+  }), a;
+}
+function w(t) {
+  return h(`(min-width: ${f[t]}px)`);
+}
+export {
+  w as a,
+  f as b,
+  h as u
+};

package/dist/useModal-6a5d870b.js

@@ -0,0 +1,30 @@
+import { ref as s, onMounted as r, onBeforeUnmount as d } from "vue";
+function f(a = !1) {
+  const o = s(a), t = s(void 0);
+  let e = null;
+  const l = () => {
+    e && (clearTimeout(e), e = null), o.value = !1, t.value = void 0;
+  }, i = (n) => {
+    t.value = n, o.value = !0;
+  }, c = (n) => {
+    e && clearTimeout(e), e = setTimeout(l, n * 1e3);
+  }, u = (n) => {
+    n.key === "Escape" && o.value && l();
+  };
+  return r(() => {
+    document.addEventListener("keydown", u);
+  }), d(() => {
+    document.removeEventListener("keydown", u), e && clearTimeout(e);
+  }), {
+    isOpened: o,
+    isOpen: o,
+    // alias for backward compatibility
+    data: t,
+    open: i,
+    close: l,
+    closeWithDelay: c
+  };
+}
+export {
+  f as u
+};

package/dist/useModal-aa6f4a57.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue");function r(i=!1){const o=t.ref(i),u=t.ref(void 0);let e=null;const l=()=>{e&&(clearTimeout(e),e=null),o.value=!1,u.value=void 0},a=n=>{u.value=n,o.value=!0},c=n=>{e&&clearTimeout(e),e=setTimeout(l,n*1e3)},s=n=>{n.key==="Escape"&&o.value&&l()};return t.onMounted(()=>{document.addEventListener("keydown",s)}),t.onBeforeUnmount(()=>{document.removeEventListener("keydown",s),e&&clearTimeout(e)}),{isOpened:o,isOpen:o,data:u,open:a,close:l,closeWithDelay:c}}exports.useModal=r;

package/dist/userList/OneUserInviteModal.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/userList/OneUserList.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/userList/OneUserListItem.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/userList/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),S=require("../ChevronRightIcon-2992cf0d.cjs"),p=require("../button/index.cjs"),h=require("../OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs"),N=require("../OneModal-0e92c039.cjs"),B=require("../useModal-aa6f4a57.cjs"),C=require("../OneDropdownAuto.vue_vue_type_script_setup_true_lang-bf923b04.cjs"),$=require("../dateTime/index.cjs"),V=require("../i18n/index.cjs"),O=require("../skeleton/index.cjs"),q=require("../ChevronDownIcon-6889ac87.cjs"),M=require("../OneFormInput.vue_vue_type_script_setup_true_lang-f6f7cd96.cjs"),D=require("../clipboard-494e1513.cjs");require("../SpinnerIcon-01be39fe.cjs");require("../_plugin-vue_export-helper-f246444f.cjs");require("../useIsMobile-7b1f08cf.cjs");require("../useMediaQuery-1d87df02.cjs");require("../dropdown-5cb64ab7.cjs");require("@floating-ui/dom");require("@floating-ui/vue");require("dayjs");require("dayjs/plugin/relativeTime");require("dayjs/plugin/utc");require("dayjs/plugin/timezone");require("../XMarkIcon-f94baa4c.cjs");function L(t,v){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z"})])}function I(t,v){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z"})])}function E(t,v){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"})])}const j={class:"border-b border-gray-100 last:border-b-0 hover:bg-gray-50 transition-colors"},z={class:"flex gap-3 items-center px-4 py-3"},U={class:"flex-grow flex-shrink min-w-0"},T={class:"flex items-center flex-wrap gap-y-0.5"},F={class:"font-semibold"},R={key:0,class:"text-blue-700 bg-blue-100 border border-blue-200 rounded-md px-2 mx-2 text-sm"},A={key:1,class:"text-red-700 bg-red-100 border border-red-200 rounded-md px-2 mx-2 text-sm"},H={class:"text-sm text-gray-500 hidden sm:block truncate"},P={class:"flex items-center gap-2"},G={key:0,class:"text-sm font-medium text-gray-400 hidden lg:block"},J={key:2,class:"p-1 ml-3 w-8"},K={class:"py-2"},Q={class:"flex gap-3 items-center px-5 pb-3 mb-2 border-b"},W={class:"flex-grow min-w-0"},X={class:"font-medium truncate"},Y={class:"text-sm text-gray-500 truncate"},Z={key:0,class:"text-xs text-gray-400 mt-1 flex gap-1 items-center"},ee={class:"px-3"},te={class:"text-sm font-medium"},ne=["onClick"],oe={class:"flex-shrink-0 w-8 h-8 rounded-full bg-blue-50 flex items-center justify-center"},le={class:"text-sm font-medium"},re={key:0,class:"text-xs text-gray-400"},se={class:"sm:w-72"},ae=["onClick"],ie=["data-test","onClick"],ce={key:0,class:"text-xs text-gray-600"},de={class:"flex-shrink-0 w-8 h-8 rounded-full bg-red-50 flex items-center justify-center"},ue={class:"text-sm font-medium text-red-600"},me={class:"flex gap-3 items-center px-4 py-3"},ve={class:"flex-grow flex-shrink min-w-0"},ge={class:"flex gap-3"},pe={key:0,class:"text-sm font-medium"},fe={class:"text-sm text-gray-500"},ke={class:"text-sm text-gray-600 mb-6 px-4 pt-3"},ye={class:"flex justify-end gap-3 px-4 pb-3"},w=e.defineComponent({__name:"OneUserListItem",props:{user:{type:Object,required:!0},currentUserId:{type:[String,Number],default:void 0},roleOptions:{type:Array,default:()=>[]},canManage:{type:Boolean,default:!0},t:{type:Function,default:void 0}},emits:["toggle-access","change-role","remove"],setup(t,{emit:v}){const c=t,u=v,f=V.useOnebI18n(),n=e.computed(()=>c.t??f),a=B.useModal(),s=B.useModal(),m=e.computed(()=>c.currentUserId!=null&&String(c.currentUserId)===String(c.user.id)),o=e.computed(()=>(c.user.roles??[]).map(l=>l.name).join(", ")),g=l=>(c.user.roles??[]).some(i=>String(i.alias??i.id)===String(l.alias??l.id)),_=()=>u("toggle-access",c.user),k=(l,i)=>{u("change-role",c.user,l),i==null||i()},x=()=>{a.close(),s.open()},b=()=>{u("remove",c.user),s.close()};return(l,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",j,[e.createElementVNode("div",z,[e.createVNode(e.unref(h._sfc_main),{src:t.user.photo_url,text:t.user.name,rounded:!0,size:"40"},null,8,["src","text"]),e.createElementVNode("div",U,[e.createElementVNode("div",T,[e.createElementVNode("span",F,e.toDisplayString(t.user.name),1),m.value?(e.openBlock(),e.createElementBlock("span",R,e.toDisplayString(n.value("ui.user_list.me")),1)):e.createCommentVNode("",!0),t.user.disabled?(e.openBlock(),e.createElementBlock("span",A,e.toDisplayString(n.value("ui.user_list.access_disabled")),1)):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"badges",{user:t.user})]),e.createElementVNode("div",H,e.toDisplayString(t.user.email),1)]),e.createElementVNode("div",P,[o.value?(e.openBlock(),e.createElementBlock("div",G,e.toDisplayString(o.value),1)):e.createCommentVNode("",!0),t.canManage&&!m.value?(e.openBlock(),e.createBlock(e.unref(p.OneButton),{key:1,icon:e.unref(S.render),variant:"touch",class:"ml-3","data-test":"user-actions",onClick:i[0]||(i[0]=d=>e.unref(a).open())},null,8,["icon"])):(e.openBlock(),e.createElementBlock("div",J))])])]),e.createVNode(e.unref(N.OneModal),{useModal:e.unref(a),title:n.value("ui.user_list.user_settings")},{default:e.withCtx(()=>[e.createElementVNode("div",K,[e.createElementVNode("div",Q,[e.createVNode(e.unref(h._sfc_main),{src:t.user.photo_url,text:t.user.name,rounded:!0,size:"40"},null,8,["src","text"]),e.createElementVNode("div",W,[e.createElementVNode("div",X,e.toDisplayString(t.user.name),1),e.createElementVNode("div",Y,e.toDisplayString(t.user.email),1),t.user.added_at?(e.openBlock(),e.createElementBlock("div",Z,[e.createElementVNode("span",null,e.toDisplayString(n.value("ui.user_list.added_on"))+":",1),e.createVNode(e.unref($.OneDateTime),{value:t.user.added_at},null,8,["value"])])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",ee,[e.createElementVNode("div",{class:"flex items-center gap-3 px-3 py-2.5 rounded-lg cursor-pointer hover:bg-gray-50 transition-colors","data-test":"toggle-access",onClick:_},[e.createElementVNode("div",{class:e.normalizeClass(["flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center",t.user.disabled?"bg-red-50":"bg-green-50"])},[e.createVNode(e.unref(I),{class:e.normalizeClass(["w-4 h-4",t.user.disabled?"text-red-600":"text-green-600"])},null,8,["class"])],2),e.createElementVNode("div",te,e.toDisplayString(t.user.disabled?n.value("ui.user_list.activate"):n.value("ui.user_list.deactivate")),1)]),t.roleOptions.length>0?(e.openBlock(),e.createBlock(e.unref(C._sfc_main),{key:0,class:"block w-full"},{button:e.withCtx(({onToggle:d})=>[e.createElementVNode("div",{class:"flex items-center gap-3 px-3 py-2.5 rounded-lg cursor-pointer hover:bg-gray-50 transition-colors w-full text-left","data-test":"change-role",onClick:r=>d()},[e.createElementVNode("div",oe,[e.createVNode(e.unref(L),{class:"w-4 h-4 text-blue-600"})]),e.createElementVNode("div",null,[e.createElementVNode("div",le,e.toDisplayString(n.value("ui.user_list.change_role")),1),o.value?(e.openBlock(),e.createElementBlock("div",re,e.toDisplayString(o.value),1)):e.createCommentVNode("",!0)])],8,ne)]),menu:e.withCtx(({onToggle:d})=>[e.createElementVNode("div",se,[e.createElementVNode("div",{class:e.normalizeClass(["!break-words !whitespace-normal !text-left overflow-hidden px-3 py-1.5 cursor-pointer hover:bg-gray-50 select-none",(t.user.roles??[]).length===0?"bg-blue-50":""]),"data-test":"role-empty",onClick:r=>k(null,d)},e.toDisplayString(n.value("ui.user_list.regular_user")),11,ae),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.roleOptions,r=>(e.openBlock(),e.createElementBlock("div",{key:r.id,class:e.normalizeClass(["!break-words !whitespace-normal !text-left overflow-hidden px-3 py-1.5 cursor-pointer hover:bg-gray-50 select-none",g(r)?"bg-blue-50":""]),"data-test":`role-${r.id}`,onClick:y=>k(r,d)},[e.createElementVNode("div",null,e.toDisplayString(r.name),1),r.info?(e.openBlock(),e.createElementBlock("div",ce,e.toDisplayString(r.info),1)):e.createCommentVNode("",!0)],10,ie))),128))])]),_:1})):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"actions",{user:t.user,close:e.unref(a).close}),e.createElementVNode("div",{class:"flex items-center gap-3 px-3 py-2.5 rounded-lg cursor-pointer hover:bg-red-50 transition-colors","data-test":"remove",onClick:x},[e.createElementVNode("div",de,[e.createVNode(e.unref(E),{class:"w-4 h-4 text-red-600"})]),e.createElementVNode("div",ue,e.toDisplayString(n.value("ui.user_list.delete")),1)])])])]),_:3},8,["useModal","title"]),e.createVNode(e.unref(N.OneModal),{useModal:e.unref(s),title:n.value("ui.user_list.confirm_deletion")},{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("div",me,[e.createVNode(e.unref(h._sfc_main),{src:t.user.photo_url,text:t.user.name,rounded:!0,size:"40"},null,8,["src","text"]),e.createElementVNode("div",ve,[e.createElementVNode("div",null,e.toDisplayString(t.user.name),1),e.createElementVNode("div",ge,[o.value?(e.openBlock(),e.createElementBlock("div",pe,e.toDisplayString(o.value),1)):e.createCommentVNode("",!0),e.createElementVNode("div",fe,e.toDisplayString(t.user.email),1)])])]),e.createElementVNode("p",ke,e.toDisplayString(n.value("ui.user_list.delete_confirm")),1),e.createElementVNode("div",ye,[e.createVNode(e.unref(p.OneButton),{variant:"secondary",label:n.value("ui.confirm.Cancel"),onClick:i[1]||(i[1]=d=>e.unref(s).close())},null,8,["label"]),e.createVNode(e.unref(p.OneButton),{icon:e.unref(E),variant:"danger",label:n.value("ui.user_list.delete"),"data-test":"confirm-remove",onClick:b},null,8,["icon","label"])])])]),_:1},8,["useModal","title"])],64))}}),he={class:"bg-white rounded-lg border border-gray-100"},_e={key:0,class:"p-4 space-y-3"},xe={class:"p-6 text-center text-sm text-gray-500"},be=e.defineComponent({__name:"OneUserList",props:{users:{type:Array,required:!0},loading:{type:Boolean,default:!1},currentUserId:{type:[String,Number],default:void 0},roleOptions:{type:Array,default:()=>[]},canManage:{type:Boolean,default:!0},t:{type:Function,default:void 0}},emits:["toggle-access","change-role","remove"],setup(t,{emit:v}){const c=t,u=v,f=V.useOnebI18n(),n=e.computed(()=>c.t??f);return(a,s)=>(e.openBlock(),e.createElementBlock("div",he,[t.loading?(e.openBlock(),e.createElementBlock("div",_e,[e.createVNode(e.unref(O.OneSkeleton),{count:3,height:"h-12"})])):t.users.length===0?e.renderSlot(a.$slots,"empty",{key:1},()=>[e.createElementVNode("div",xe,e.toDisplayString(n.value("ui.user_list.empty")),1)]):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(t.users,m=>(e.openBlock(),e.createBlock(w,{key:m.id,user:m,"current-user-id":t.currentUserId,"role-options":t.roleOptions,"can-manage":t.canManage,t:c.t,onToggleAccess:s[0]||(s[0]=o=>u("toggle-access",o)),onChangeRole:s[1]||(s[1]=(o,g)=>u("change-role",o,g)),onRemove:s[2]||(s[2]=o=>u("remove",o))},e.createSlots({_:2},[a.$slots.badges?{name:"badges",fn:e.withCtx(o=>[e.renderSlot(a.$slots,"badges",e.mergeProps({ref_for:!0},o))]),key:"0"}:void 0,a.$slots.actions?{name:"actions",fn:e.withCtx(o=>[e.renderSlot(a.$slots,"actions",e.mergeProps({ref_for:!0},o))]),key:"1"}:void 0]),1032,["user","current-user-id","role-options","can-manage","t"]))),128))]))}}),Ne={class:"py-2 px-4 space-y-4","data-test":"invite-modal"},Ve={key:0,class:"flex items-center gap-3"},Be={class:"font-medium"},Ee={key:1},Ce={class:"text-sm pb-2"},we={class:"sm:w-72"},Se=["onClick"],$e=["data-test","onClick"],Oe={key:0,class:"text-xs text-gray-600"},qe={key:2,class:"text-xs font-light text-gray-500"},Me={key:3,class:"space-y-3"},De={class:"text-sm font-medium pb-1"},Le={key:0,class:"py-2 text-green-800 bg-green-100 rounded-md px-6 w-full text-center","data-test":"invite-copied"},Ie={key:4,class:"pb-2"},je=e.defineComponent({__name:"OneUserInviteModal",props:{useModal:{type:Object,required:!0},roleOptions:{type:Array,default:()=>[]},createLink:{type:Function,required:!0},appName:{type:String,default:void 0},appLogo:{type:String,default:void 0},closeOnCopy:{type:Boolean,default:!0},t:{type:Function,default:void 0}},emits:["created","copied"],setup(t,{emit:v}){const c=t,u=v,f=V.useOnebI18n(),n=e.computed(()=>c.t??f),a=e.ref(null),s=e.ref(""),m=e.ref(!1),o=e.ref(!1),g=()=>{s.value="",m.value=!1,o.value=!1},_=e.computed(()=>{var i,d;const l=c.useModal;return!!(((i=l.isOpen)==null?void 0:i.value)??((d=l.isOpened)==null?void 0:d.value))});e.watch(_,l=>{l||(a.value=null,g())});const k=(l,i)=>{a.value=l,g(),i==null||i()},x=async()=>{o.value=!0;try{s.value=await c.createLink(a.value),u("created",s.value,a.value)}finally{o.value=!1}},b=async()=>{await D.copyToClipboard(s.value)&&(m.value=!0,u("copied",s.value),c.closeOnCopy&&c.useModal.close())};return(l,i)=>(e.openBlock(),e.createBlock(e.unref(N.OneModal),{useModal:t.useModal,title:n.value("ui.user_list.invite_user")},{default:e.withCtx(()=>[e.createElementVNode("div",Ne,[t.appName?(e.openBlock(),e.createElementBlock("div",Ve,[e.createVNode(e.unref(h._sfc_main),{src:t.appLogo,text:t.appName,size:40,class:"flex-shrink-0"},null,8,["src","text"]),e.createElementVNode("p",Be,e.toDisplayString(t.appName),1)])):e.createCommentVNode("",!0),t.roleOptions.length>0?(e.openBlock(),e.createElementBlock("div",Ee,[e.createElementVNode("p",Ce,e.toDisplayString(n.value("ui.user_list.invite_select_role")),1),e.createVNode(e.unref(C._sfc_main),{class:"block w-full"},{button:e.withCtx(({onToggle:d})=>{var r;return[e.createVNode(e.unref(p.OneButton),{"icon-after":e.unref(q.render),label:((r=a.value)==null?void 0:r.name)??n.value("ui.user_list.regular_user"),variant:"secondary","data-test":"invite-role",onClick:y=>d()},null,8,["icon-after","label","onClick"])]}),menu:e.withCtx(({onToggle:d})=>[e.createElementVNode("div",we,[e.createElementVNode("div",{class:e.normalizeClass(["!break-words !whitespace-normal !text-left overflow-hidden px-3 py-1.5 cursor-pointer hover:bg-gray-50 select-none",a.value===null?"bg-blue-50":""]),"data-test":"invite-role-empty",onClick:r=>k(null,d)},e.toDisplayString(n.value("ui.user_list.regular_user")),11,Se),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.roleOptions,r=>{var y;return e.openBlock(),e.createElementBlock("div",{key:r.id,class:e.normalizeClass(["!break-words !whitespace-normal !text-left overflow-hidden px-3 py-1.5 cursor-pointer hover:bg-gray-50 select-none",((y=a.value)==null?void 0:y.id)===r.id?"bg-blue-50":""]),"data-test":`invite-role-${r.id}`,onClick:ze=>k(r,d)},[e.createElementVNode("div",null,e.toDisplayString(r.name),1),r.info?(e.openBlock(),e.createElementBlock("div",Oe,e.toDisplayString(r.info),1)):e.createCommentVNode("",!0)],10,$e)}),128))])]),_:1})])):e.createCommentVNode("",!0),l.$slots.hint?(e.openBlock(),e.createElementBlock("div",qe,[e.renderSlot(l.$slots,"hint")])):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createElementBlock("div",Me,[e.createElementVNode("div",null,[e.createElementVNode("p",De,e.toDisplayString(n.value("ui.user_list.invite_link")),1),e.createVNode(e.unref(M._sfc_main),{"model-value":s.value,readonly:"","data-test":"invite-link"},null,8,["model-value"])]),m.value?(e.openBlock(),e.createElementBlock("div",Le,e.toDisplayString(n.value("ui.user_list.invite_link_copied")),1)):(e.openBlock(),e.createBlock(e.unref(p.OneButton),{key:1,class:"w-full",variant:"primary",label:n.value("ui.user_list.invite_copy_link"),"data-test":"invite-copy",onClick:b},null,8,["label"])),e.renderSlot(l.$slots,"share",{link:s.value,role:a.value})])):(e.openBlock(),e.createElementBlock("div",Ie,[e.createVNode(e.unref(p.OneButton),{class:"w-full",variant:"primary",label:n.value("ui.user_list.invite_create_link"),"is-loading":o.value,"data-test":"invite-create",onClick:x},null,8,["label","is-loading"])]))])]),_:3},8,["useModal","title"]))}});exports.OneUserInviteModal=je;exports.OneUserList=be;exports.OneUserListItem=w;

package/dist/userList/index.d.ts

@@ -0,0 +1,4 @@
+export { default as OneUserList } from './OneUserList.vue';
+export { default as OneUserListItem } from './OneUserListItem.vue';
+export { default as OneUserInviteModal } from './OneUserInviteModal.vue';
+export type { UserListUser, UserListRole } from './userList';