@oneb/ui-vue 0.3.31 → 0.4.0

package/dist/common/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs"),e=require("vue"),t=require("vue-markdown-render");require("../OneMarkdown.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");const o=require("../SpinnerIcon-ccb6f3fc.cjs");require("../SpinnerIcon.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");require("../_plugin-vue_export-helper-f246444f.cjs");const c={class:"markdown-view prose-sm"},u=e.defineComponent({__name:"OneMarkdown",props:{text:String},setup(r){return(i,s)=>(e.openBlock(),e.createElementBlock("div",c,[e.createVNode(e.unref(t),{source:r.text||""},null,8,["source"])]))}});exports.OneAvatar=n._sfc_main;exports.OneSpinnerIcon=o.SpinnerIcon;exports.OneMarkdown=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../SpinnerIcon-01be39fe.cjs"),u=require("../OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs"),d=require("../OneMarkdown.vue_vue_type_script_setup_true_lang-05266fc3.cjs"),e=require("vue"),p=require("../ChevronRightIcon-2992cf0d.cjs");require("../_plugin-vue_export-helper-f246444f.cjs");require("vue-markdown-render");const m={key:0,class:"text-xs font-semibold uppercase text-secondary-base pb-1"},_=e.defineComponent({__name:"OneDetailsList",props:{title:{type:String,default:""}},setup(t){return(o,l)=>(e.openBlock(),e.createElementBlock("div",null,[t.title?(e.openBlock(),e.createElementBlock("div",m,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",null,[e.renderSlot(o.$slots,"default")])]))}}),k={class:"text-secondary-content shrink-0"},v=e.defineComponent({__name:"OneDetailsRow",props:{label:{type:String,required:!0},to:{type:[Object,String],default:void 0}},emits:["click"],setup(t,{emit:o}){const l=t,a=o,s=e.getCurrentInstance(),n=e.computed(()=>{var r;return l.to!=null||typeof((r=s==null?void 0:s.vnode.props)==null?void 0:r.onClick)=="function"}),i=()=>{n.value&&a("click")};return(r,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.to?"router-link":"div"),{to:t.to,class:e.normalizeClass(["flex items-center justify-between gap-4 py-3 border-b border-secondary-stroke last:border-b-0 text-sm",n.value?"cursor-pointer":""]),"data-test":n.value?"details-row-link":void 0,onClick:i},{default:e.withCtx(()=>[e.createElementVNode("span",k,e.toDisplayString(t.label),1),e.createElementVNode("span",{class:e.normalizeClass(["flex items-center justify-end gap-1 min-w-0 text-right",n.value?"text-primary-base":""])},[e.renderSlot(r.$slots,"default"),n.value?(e.openBlock(),e.createBlock(e.unref(p.render),{key:0,class:"w-4 h-4 shrink-0"})):e.createCommentVNode("",!0)],2)]),_:3},8,["to","class","data-test"]))}});exports.OneSpinnerIcon=c.SpinnerIcon;exports.OneAvatar=u._sfc_main;exports.OneMarkdown=d._sfc_main;exports.OneDetailsList=_;exports.OneDetailsRow=v;

package/dist/common/index.d.ts

@@ -1,4 +1,6 @@
 export { default as OneAvatar } from './OneAvatar.vue';
 export { default as OneMarkdown } from './OneMarkdown.vue';
 export { default as OneSpinnerIcon } from './SpinnerIcon.vue';
+export { default as OneDetailsList } from './OneDetailsList.vue';
+export { default as OneDetailsRow } from './OneDetailsRow.vue';
 export type { AvatarProps } from './avatar';

package/dist/common/index.js

@@ -1,25 +1,77 @@
-import { _ as w } from "../OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd.js";
-import { defineComponent as o, openBlock as r, createElementBlock as n, createVNode as t, unref as a } from "vue";
-import m from "vue-markdown-render";
-import "../OneMarkdown.vue_vue_type_style_index_0_lang-4ed993c7.js";
-import { S as v } from "../SpinnerIcon-74648c98.js";
-import "../SpinnerIcon.vue_vue_type_style_index_0_lang-4ed993c7.js";
+import { S as N } from "../SpinnerIcon-516264ba.js";
+import { _ as V } from "../OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd.js";
+import { _ as z } from "../OneMarkdown.vue_vue_type_script_setup_true_lang-bb2219c7.js";
+import { defineComponent as u, openBlock as o, createElementBlock as i, toDisplayString as m, createCommentVNode as p, createElementVNode as a, renderSlot as f, getCurrentInstance as b, computed as v, createBlock as c, resolveDynamicComponent as x, normalizeClass as d, withCtx as h, unref as _ } from "vue";
+import { r as g } from "../ChevronRightIcon-b0585768.js";
 import "../_plugin-vue_export-helper-dad06003.js";
-const p = { class: "markdown-view prose-sm" }, k = /* @__PURE__ */ o({
-  __name: "OneMarkdown",
+import "vue-markdown-render";
+const w = {
+  key: 0,
+  class: "text-xs font-semibold uppercase text-secondary-base pb-1"
+}, B = /* @__PURE__ */ u({
+  __name: "OneDetailsList",
   props: {
-    text: String
+    title: {
+      type: String,
+      default: ""
+    }
   },
   setup(e) {
-    return (s, c) => (r(), n("div", p, [
-      t(a(m), {
-        source: e.text || ""
-      }, null, 8, ["source"])
+    return (r, l) => (o(), i("div", null, [
+      e.title ? (o(), i("div", w, m(e.title), 1)) : p("", !0),
+      a("div", null, [
+        f(r.$slots, "default")
+      ])
     ]));
   }
+}), C = { class: "text-secondary-content shrink-0" }, E = /* @__PURE__ */ u({
+  __name: "OneDetailsRow",
+  props: {
+    label: {
+      type: String,
+      required: !0
+    },
+    to: {
+      type: [Object, String],
+      default: void 0
+    }
+  },
+  emits: ["click"],
+  setup(e, { emit: r }) {
+    const l = e, k = r, s = b(), t = v(
+      () => {
+        var n;
+        return l.to != null || typeof ((n = s == null ? void 0 : s.vnode.props) == null ? void 0 : n.onClick) == "function";
+      }
+    ), y = () => {
+      t.value && k("click");
+    };
+    return (n, O) => (o(), c(x(e.to ? "router-link" : "div"), {
+      to: e.to,
+      class: d(["flex items-center justify-between gap-4 py-3 border-b border-secondary-stroke last:border-b-0 text-sm", t.value ? "cursor-pointer" : ""]),
+      "data-test": t.value ? "details-row-link" : void 0,
+      onClick: y
+    }, {
+      default: h(() => [
+        a("span", C, m(e.label), 1),
+        a("span", {
+          class: d(["flex items-center justify-end gap-1 min-w-0 text-right", t.value ? "text-primary-base" : ""])
+        }, [
+          f(n.$slots, "default"),
+          t.value ? (o(), c(_(g), {
+            key: 0,
+            class: "w-4 h-4 shrink-0"
+          })) : p("", !0)
+        ], 2)
+      ]),
+      _: 3
+    }, 8, ["to", "class", "data-test"]));
+  }
 });
 export {
-  w as OneAvatar,
-  k as OneMarkdown,
-  v as OneSpinnerIcon
+  V as OneAvatar,
+  B as OneDetailsList,
+  E as OneDetailsRow,
+  z as OneMarkdown,
+  N as OneSpinnerIcon
 };

package/dist/composables/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("../useElementWidth-b3e53f48.cjs"),v=require("../useMediaQuery-1d87df02.cjs"),r=require("vue"),h=require("../useConfirm-6344b49d.cjs"),g=require("../useIsMobile-7b1f08cf.cjs"),L=require("../useFileUpload-f47622bb.cjs"),S=require("../useCursorList-e1cb41e7.cjs"),M=(a,t=500,n=!1)=>{const s=r.ref(a);let u;return r.customRef((l,e)=>({get(){return l(),s.value},set(i){const o=()=>{s.value=i,e()};if(n&&u===void 0&&o(),clearTimeout(u),i===""||i==null){o();return}u=setTimeout(o,t)}}))};function q(a,t={}){const n=r.ref(!1),s=r.ref(null),u=r.ref(void 0);return{isLoading:n,error:s,data:u,invoke:(...e)=>(n.value=!0,a(...e).then(i=>(u.value=i,s.value=null,i)).catch(i=>{var o;throw s.value=i,u.value=void 0,(o=t.onError)==null||o.call(t,i),i}).finally(()=>{n.value=!1}))}}function C(a,t={}){const n=r.reactive({isLoading:!1,error:null,validation:{}}),s=(...l)=>n.isLoading?Promise.reject(new Error("Submit is pending")):(n.isLoading=!0,n.error=null,n.validation={},a(...l).then(e=>{var i;return(i=t.onSuccess)==null||i.call(t,e),e}).catch(e=>{var i;throw n.error=e,(e==null?void 0:e.cause)==="validation"?n.validation=e.data||{}:(e==null?void 0:e.name)==="ValidationError"&&e.errors instanceof Object?n.validation=e.errors:(i=t.onError)==null||i.call(t,e),e}).finally(()=>{n.isLoading=!1})),u=r.toRefs(n);return{isLoading:u.isLoading,error:u.error,validation:u.validation,isInvalid:r.computed(()=>Object.keys(n.validation).length>0),send:s}}function E(a,t={}){const n=r.ref([]),s=r.ref(!1);let u=0,l,e="";const i=c=>{const d=++u;s.value=!0,a({search:c}).then(f=>{d===u&&(n.value=f)}).catch(f=>{var m;d===u&&((m=t.onError)==null||m.call(t,f))}).finally(()=>{d===u&&(s.value=!1)})},o=c=>{e=c,clearTimeout(l),l=setTimeout(()=>i(c),t.debounceMs??333)},y=()=>i(e);return t.immediate!==!1&&i(""),{items:n,isLoading:s,onSearch:o,reload:y}}exports.useElementWidth=b.useElementWidth;exports.useResizeObserver=b.useResizeObserver;exports.breakpointValues=v.breakpointValues;exports.useBreakpoint=v.useBreakpoint;exports.useMediaQuery=v.useMediaQuery;exports.useConfirm=h.useConfirm;exports.useConfirmState=h.useConfirmState;exports.useIsMobile=g.useIsMobile;exports.useFileUpload=L.useFileUpload;exports.useCursorList=S.useCursorList;exports.useAsyncMethod=q;exports.useAsyncSelect=E;exports.useDebouncedRef=M;exports.useFormSubmit=C;

package/dist/composables/index.d.ts

@@ -0,0 +1,18 @@
+export { useElementWidth } from './useElementWidth';
+export { useMediaQuery, useBreakpoint, breakpointValues } from './useMediaQuery';
+export type { Breakpoint } from './useMediaQuery';
+export { useResizeObserver } from './useResizeObserver';
+export { useDebouncedRef } from './useDebouncedRef';
+export { useAsyncMethod } from './useAsyncMethod';
+export type { UseAsyncMethodOptions, UseAsyncMethodReturn } from './useAsyncMethod';
+export { useFormSubmit } from './useFormSubmit';
+export type { UseFormSubmitOptions, UseFormSubmitReturn, ValidationBag } from './useFormSubmit';
+export { useConfirm, useConfirmState } from './useConfirm';
+export type { ConfirmOptions } from './useConfirm';
+export { useIsMobile } from './useIsMobile';
+export { useFileUpload } from './useFileUpload';
+export type { UseFileUploadOptions, UseFileUploadReturn } from './useFileUpload';
+export { useAsyncSelect } from './useAsyncSelect';
+export type { UseAsyncSelectOptions, UseAsyncSelectReturn } from './useAsyncSelect';
+export { useCursorList } from './useCursorList';
+export type { CursorPage, CursorListQuery, UseCursorListOptions, UseCursorListReturn } from './useCursorList';

package/dist/composables/index.js

@@ -0,0 +1,91 @@
+import { u as R, a as j } from "../useElementWidth-b36a7ce9.js";
+import { b as C, a as I, u as O } from "../useMediaQuery-77a19b18.js";
+import { ref as l, customRef as h, reactive as g, toRefs as b, computed as L } from "vue";
+import { u as F, a as V } from "../useConfirm-74e99a5c.js";
+import { u as z } from "../useIsMobile-98fc0cf9.js";
+import { u as D } from "../useFileUpload-228dbc07.js";
+import { u as Q } from "../useCursorList-5c1b57aa.js";
+const x = (u, i = 500, a = !1) => {
+  const o = l(u);
+  let t;
+  return h((s, e) => ({
+    get() {
+      return s(), o.value;
+    },
+    set(n) {
+      const r = () => {
+        o.value = n, e();
+      };
+      if (a && t === void 0 && r(), clearTimeout(t), n === "" || n == null) {
+        r();
+        return;
+      }
+      t = setTimeout(r, i);
+    }
+  }));
+};
+function E(u, i = {}) {
+  const a = l(!1), o = l(null), t = l(void 0);
+  return { isLoading: a, error: o, data: t, invoke: (...e) => (a.value = !0, u(...e).then((n) => (t.value = n, o.value = null, n)).catch((n) => {
+    var r;
+    throw o.value = n, t.value = void 0, (r = i.onError) == null || r.call(i, n), n;
+  }).finally(() => {
+    a.value = !1;
+  })) };
+}
+function S(u, i = {}) {
+  const a = g({
+    isLoading: !1,
+    error: null,
+    validation: {}
+  }), o = (...s) => a.isLoading ? Promise.reject(new Error("Submit is pending")) : (a.isLoading = !0, a.error = null, a.validation = {}, u(...s).then((e) => {
+    var n;
+    return (n = i.onSuccess) == null || n.call(i, e), e;
+  }).catch((e) => {
+    var n;
+    throw a.error = e, (e == null ? void 0 : e.cause) === "validation" ? a.validation = e.data || {} : (e == null ? void 0 : e.name) === "ValidationError" && e.errors instanceof Object ? a.validation = e.errors : (n = i.onError) == null || n.call(i, e), e;
+  }).finally(() => {
+    a.isLoading = !1;
+  })), t = b(a);
+  return {
+    isLoading: t.isLoading,
+    error: t.error,
+    validation: t.validation,
+    isInvalid: L(() => Object.keys(a.validation).length > 0),
+    send: o
+  };
+}
+function k(u, i = {}) {
+  const a = l([]), o = l(!1);
+  let t = 0, s, e = "";
+  const n = (c) => {
+    const f = ++t;
+    o.value = !0, u({ search: c }).then((d) => {
+      f === t && (a.value = d);
+    }).catch((d) => {
+      var m;
+      f === t && ((m = i.onError) == null || m.call(i, d));
+    }).finally(() => {
+      f === t && (o.value = !1);
+    });
+  }, r = (c) => {
+    e = c, clearTimeout(s), s = setTimeout(() => n(c), i.debounceMs ?? 333);
+  }, v = () => n(e);
+  return i.immediate !== !1 && n(""), { items: a, isLoading: o, onSearch: r, reload: v };
+}
+export {
+  C as breakpointValues,
+  E as useAsyncMethod,
+  k as useAsyncSelect,
+  I as useBreakpoint,
+  F as useConfirm,
+  V as useConfirmState,
+  Q as useCursorList,
+  x as useDebouncedRef,
+  R as useElementWidth,
+  D as useFileUpload,
+  S as useFormSubmit,
+  z as useIsMobile,
+  O as useMediaQuery,
+  j as useResizeObserver
+};

package/dist/composables/useAsyncMethod.d.ts

@@ -0,0 +1,17 @@
+import type { Ref } from 'vue';
+export interface UseAsyncMethodOptions {
+    /** Called on failure — plug the app's notify/toast here. The error is rethrown regardless. */
+    onError?: (error: unknown) => void;
+}
+export interface UseAsyncMethodReturn<T, A extends unknown[]> {
+    isLoading: Ref<boolean>;
+    error: Ref<unknown>;
+    data: Ref<T | undefined>;
+    invoke: (...args: A) => Promise<T>;
+}
+/**
+ * Wraps an async function with loading/error/data state.
+ * Ported from the vizor/finance/invoice/warehouse useAsyncMethod family,
+ * decoupled from the app-specific notify layer via opts.onError.
+ */
+export declare function useAsyncMethod<T, A extends unknown[]>(handler: (...args: A) => Promise<T>, opts?: UseAsyncMethodOptions): UseAsyncMethodReturn<T, A>;

package/dist/composables/useAsyncSelect.d.ts

@@ -0,0 +1,26 @@
+import type { Ref } from 'vue';
+export interface UseAsyncSelectOptions {
+    /** Debounce for search reloads, ms (default 333). */
+    debounceMs?: number;
+    /** Load once immediately with an empty search (default true). */
+    immediate?: boolean;
+    onError?: (error: unknown) => void;
+}
+export interface UseAsyncSelectReturn<T> {
+    items: Ref<T[]>;
+    isLoading: Ref<boolean>;
+    /** Wire to OneDropdownSelect's @search. */
+    onSearch: (term: string) => void;
+    reload: () => void;
+}
+/**
+ * Async item source for OneDropdownSelect (which already emits `search` and
+ * accepts `items` + `isLoading`). Replaces the hand-rolled async wrappers
+ * around selects in staff/voicecall/invoice/warehouse/billing.
+ *
+ * const select = useAsyncSelect((q) => rpc.searchClients(q))
+ * <OneDropdownSelect :items="select.items.value" :is-loading="select.isLoading.value" @search="select.onSearch" />
+ */
+export declare function useAsyncSelect<T = Record<string, unknown>>(load: (query: {
+    search: string;
+}) => Promise<T[]>, opts?: UseAsyncSelectOptions): UseAsyncSelectReturn<T>;

package/dist/composables/useConfirm.d.ts

@@ -0,0 +1,27 @@
+import type { Ref } from 'vue';
+export interface ConfirmOptions {
+    title?: string;
+    text?: string;
+    okLabel?: string;
+    cancelLabel?: string;
+    /** Renders the accept button in the danger variant. */
+    danger?: boolean;
+}
+interface PendingConfirm {
+    options: ConfirmOptions;
+    resolve: (accepted: boolean) => void;
+}
+/**
+ * Promise-based confirm. `confirm(opts)` resolves true/false once the user
+ * accepts or cancels in the host component (OneConfirmHost renders it).
+ */
+export declare function useConfirm(): {
+    confirm: (options?: ConfirmOptions) => Promise<boolean>;
+};
+/** Internal state accessor used by OneConfirmHost (and tests). */
+export declare function useConfirmState(): {
+    current: Ref<PendingConfirm | null>;
+    accept: () => void;
+    cancel: () => void;
+};
+export {};

package/dist/composables/useCursorList.d.ts

@@ -0,0 +1,42 @@
+import type { Ref, ComputedRef } from 'vue';
+export interface CursorPage<T = unknown> {
+    items: T[];
+    next_cursor: string | null;
+}
+export interface CursorListQuery {
+    cursor?: string | null;
+    search?: string;
+    period?: unknown;
+    filter?: Record<string, unknown>;
+}
+export interface UseCursorListOptions<T> {
+    /** Skip the eager initial load. */
+    lazy?: boolean;
+    /** Map each raw item before exposing it. */
+    mapItem?: (item: unknown) => T;
+    /** Map a raw loader response into { items, next_cursor }. */
+    mapResponse?: (res: unknown) => CursorPage;
+    /** Reported for next-page failures (initial-load failures land in `error`). */
+    onError?: (error: unknown) => void;
+    /** Debounce for search/period/filter reloads (default 333ms, as in vizor). */
+    debounceMs?: number;
+}
+export interface UseCursorListReturn<T> {
+    isLoading: Ref<boolean>;
+    isLoadingNext: Ref<boolean>;
+    items: ComputedRef<T[]>;
+    error: Ref<unknown>;
+    nextCursor: ComputedRef<string | null>;
+    hasNext: ComputedRef<boolean>;
+    searchQuery: Ref<string>;
+    period: Ref<unknown>;
+    filter: Record<string, unknown>;
+    load: () => void;
+    next: () => void;
+}
+/**
+ * Cursor/keyset pagination list loader. Ported from the vizor variant
+ * (the richest of the 5 copies: debounced search/period/filter + cache),
+ * decoupled from app-specific notify (opts.onError) and @vueuse.
+ */
+export declare function useCursorList<T = unknown>(key: string, loader: (query: CursorListQuery) => Promise<unknown>, opts?: UseCursorListOptions<T>): UseCursorListReturn<T>;

package/dist/composables/useDebouncedRef.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Debounced writable ref, ported from the identical copies in
+ * fin-bank/finance/wiki. Empty values ('' / null / undefined) are applied
+ * immediately so clearing a search input reacts instantly.
+ */
+export declare const useDebouncedRef: <T>(initialValue: T, delay?: number, immediate?: boolean) => Ref<T>;

package/dist/composables/useFileUpload.d.ts

@@ -0,0 +1,21 @@
+import type { Ref } from 'vue';
+export interface UseFileUploadOptions<R> {
+    onUploaded?: (result: R) => void;
+    onError?: (error: unknown) => void;
+}
+export interface UseFileUploadReturn<R> {
+    isUploading: Ref<boolean>;
+    progress: Ref<number>;
+    error: Ref<unknown>;
+    upload: (file: File) => Promise<R | undefined>;
+    /** Wire straight to an <input type="file"> change event. */
+    onFileChange: (e: Event) => void;
+}
+/**
+ * Upload-state wrapper around an app-provided request (the HTTP transport
+ * stays in the app, as agreed for the library). Ported from the voicecall/
+ * invoice/finance upload composables.
+ *
+ * const { upload, isUploading } = useFileUpload((file, onProgress) => api.upload(file, onProgress))
+ */
+export declare function useFileUpload<R = unknown>(request: (file: File, onProgress?: (percent: number) => void) => Promise<R>, opts?: UseFileUploadOptions<R>): UseFileUploadReturn<R>;

package/dist/composables/useFormSubmit.d.ts

@@ -0,0 +1,23 @@
+import type { ComputedRef, Ref } from 'vue';
+export type ValidationBag = Record<string, string[] | string>;
+export interface UseFormSubmitOptions {
+    /** Called with the resolved value (invoice used this to ingest entities). */
+    onSuccess?: (result: unknown) => void;
+    /** Called on non-validation failure (invoice used this for billing_required). */
+    onError?: (error: unknown) => void;
+}
+export interface UseFormSubmitReturn<T, A extends unknown[]> {
+    isLoading: Ref<boolean>;
+    error: Ref<unknown>;
+    validation: Ref<ValidationBag>;
+    isInvalid: ComputedRef<boolean>;
+    send: (...args: A) => Promise<T>;
+}
+/**
+ * Form-submit state wrapper ported from the invoice/warehouse useFormSubmit
+ * family. Understands the two backend validation error shapes used across
+ * oneb apps: `err.cause === 'validation'` (err.data) and
+ * `err.name === 'ValidationError'` (err.errors). App-specific side effects
+ * (entity ingest, billing modal) are plugged via options.
+ */
+export declare function useFormSubmit<T, A extends unknown[]>(method: (...args: A) => Promise<T>, opts?: UseFormSubmitOptions): UseFormSubmitReturn<T, A>;

package/dist/composables/useIsMobile.d.ts

@@ -0,0 +1,8 @@
+import type { Ref } from 'vue';
+/**
+ * Reactive mobile detection. Replaces the invoice/warehouse useIsMobile
+ * (whose computed over matchMedia().matches evaluated only once) with the
+ * library's reactive useMediaQuery. Mobile = viewport narrower than
+ * `breakpointPx` (default 768, i.e. below the md breakpoint).
+ */
+export declare function useIsMobile(breakpointPx?: number): Ref<boolean>;

package/dist/confirm/OneConfirmHost.vue.d.ts

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

package/dist/confirm/confirm.d.ts

@@ -0,0 +1,10 @@
+import type { ExtractPropTypes } from 'vue';
+import type { TranslateFunction } from '../i18n/plugin';
+export declare const confirmHostProps: {
+    /** Override the injected translate function. */
+    t: {
+        type: PropType<TranslateFunction>;
+        default: any;
+    };
+};
+export type ConfirmHostProps = ExtractPropTypes<typeof confirmHostProps>;

package/dist/confirm/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../useConfirm-6344b49d.cjs"),e=require("vue"),d=require("../OneModal-0e92c039.cjs"),r=require("../button/index.cjs"),m=require("../i18n/index.cjs");require("../useIsMobile-7b1f08cf.cjs");require("../useMediaQuery-1d87df02.cjs");require("../_plugin-vue_export-helper-f246444f.cjs");require("../SpinnerIcon-01be39fe.cjs");const c={t:{type:Function,default:void 0}},p={key:0,class:"p-4 text-sm text-secondary-base"},C={class:"flex justify-end gap-2 p-3 border-t"},k=e.defineComponent({__name:"OneConfirmHost",props:c,setup(a){const s=a,u=m.useOnebI18n(),n=e.computed(()=>s.t??u),{current:t,accept:l,cancel:o}=i.useConfirmState(),f={isOpen:e.computed(()=>t.value!==null),close:o};return(b,v)=>e.unref(t)?(e.openBlock(),e.createBlock(e.unref(d.OneModal),{key:0,useModal:f,title:e.unref(t).options.title??n.value("ui.confirm.Title"),size:"small"},{default:e.withCtx(()=>[e.unref(t).options.text?(e.openBlock(),e.createElementBlock("div",p,e.toDisplayString(e.unref(t).options.text),1)):e.createCommentVNode("",!0),e.createElementVNode("div",C,[e.createVNode(e.unref(r.OneButton),{variant:"secondary",label:e.unref(t).options.cancelLabel??n.value("ui.confirm.Cancel"),"data-test":"confirm-cancel",onClick:e.unref(o)},null,8,["label","onClick"]),e.createVNode(e.unref(r.OneButton),{variant:e.unref(t).options.danger?"danger":"primary",label:e.unref(t).options.okLabel??n.value("ui.confirm.Ok"),"data-test":"confirm-ok",onClick:e.unref(l)},null,8,["variant","label","onClick"])])]),_:1},8,["title"])):e.createCommentVNode("",!0)}});exports.useConfirm=i.useConfirm;exports.OneConfirmHost=k;exports.confirmHostProps=c;

package/dist/confirm/index.d.ts

@@ -0,0 +1,5 @@
+export { default as OneConfirmHost } from './OneConfirmHost.vue';
+export { confirmHostProps } from './confirm';
+export type { ConfirmHostProps } from './confirm';
+export { useConfirm } from '../composables/useConfirm';
+export type { ConfirmOptions } from '../composables/useConfirm';

package/dist/confirm/index.js

@@ -0,0 +1,59 @@
+import { a as f } from "../useConfirm-74e99a5c.js";
+import { u as I } from "../useConfirm-74e99a5c.js";
+import { defineComponent as _, computed as a, unref as t, openBlock as r, createBlock as k, withCtx as C, createElementBlock as v, toDisplayString as b, createCommentVNode as i, createElementVNode as x, createVNode as s } from "vue";
+import { O as y } from "../OneModal-02a9a173.js";
+import { OneButton as c } from "../button/index.js";
+import { useOnebI18n as O } from "../i18n/index.js";
+import "../useIsMobile-98fc0cf9.js";
+import "../useMediaQuery-77a19b18.js";
+import "../_plugin-vue_export-helper-dad06003.js";
+import "../SpinnerIcon-516264ba.js";
+const g = {
+  /** Override the injected translate function. */
+  t: {
+    type: Function,
+    default: void 0
+  }
+}, h = {
+  key: 0,
+  class: "p-4 text-sm text-secondary-base"
+}, B = { class: "flex justify-end gap-2 p-3 border-t" }, A = /* @__PURE__ */ _({
+  __name: "OneConfirmHost",
+  props: g,
+  setup(l) {
+    const m = l, p = O(), o = a(() => m.t ?? p), { current: e, accept: u, cancel: n } = f(), d = {
+      isOpen: a(() => e.value !== null),
+      close: n
+    };
+    return (H, N) => t(e) ? (r(), k(t(y), {
+      key: 0,
+      useModal: d,
+      title: t(e).options.title ?? o.value("ui.confirm.Title"),
+      size: "small"
+    }, {
+      default: C(() => [
+        t(e).options.text ? (r(), v("div", h, b(t(e).options.text), 1)) : i("", !0),
+        x("div", B, [
+          s(t(c), {
+            variant: "secondary",
+            label: t(e).options.cancelLabel ?? o.value("ui.confirm.Cancel"),
+            "data-test": "confirm-cancel",
+            onClick: t(n)
+          }, null, 8, ["label", "onClick"]),
+          s(t(c), {
+            variant: t(e).options.danger ? "danger" : "primary",
+            label: t(e).options.okLabel ?? o.value("ui.confirm.Ok"),
+            "data-test": "confirm-ok",
+            onClick: t(u)
+          }, null, 8, ["variant", "label", "onClick"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["title"])) : i("", !0);
+  }
+});
+export {
+  A as OneConfirmHost,
+  g as confirmHostProps,
+  I as useConfirm
+};

package/dist/cursorList/OneCursorList.vue.d.ts

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

package/dist/cursorList/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../useCursorList-e1cb41e7.cjs"),e=require("vue"),m=require("../button/index.cjs"),y=require("../skeleton/index.cjs"),v=require("../i18n/index.cjs");require("../SpinnerIcon-01be39fe.cjs");require("../_plugin-vue_export-helper-f246444f.cjs");const f={class:"space-y-2 p-2"},k={class:"p-6 text-center text-sm text-gray-500"},g={key:0,class:"flex justify-center py-3"},B=e.defineComponent({__name:"OneCursorList",props:{list:{type:Object,required:!0},itemKey:{type:String,default:void 0},autoLoad:{type:Boolean,default:!1},t:{type:Function,default:void 0}},setup(t){const r=t,c=v.useOnebI18n(),u=e.computed(()=>r.t??c),s=e.ref(null);let n=null;return e.onMounted(()=>{!r.autoLoad||typeof IntersectionObserver>"u"||(n=new IntersectionObserver(o=>{o.some(l=>l.isIntersecting)&&r.list.next()}),s.value&&n.observe(s.value))}),e.onBeforeUnmount(()=>n==null?void 0:n.disconnect()),(o,l)=>(e.openBlock(),e.createElementBlock("div",null,[t.list.isLoading.value?e.renderSlot(o.$slots,"loading",{key:0},()=>[e.createElementVNode("div",f,[e.createVNode(e.unref(y.OneSkeleton),{count:3,height:"h-12"})])]):t.list.items.value.length===0?e.renderSlot(o.$slots,"empty",{key:1},()=>[e.createElementVNode("div",k,e.toDisplayString(u.value("ui.cursor_list.empty")),1)]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.list.items.value,(i,a)=>e.renderSlot(o.$slots,"item",{key:t.itemKey?String(i[t.itemKey]):a,item:i,index:a})),128)),e.createElementVNode("div",{ref_key:"sentinel",ref:s},null,512),t.list.hasNext.value?(e.openBlock(),e.createElementBlock("div",g,[e.createVNode(e.unref(m.OneButton),{variant:"secondary",size:"sm",label:u.value("ui.cursor_list.load_more"),"is-loading":t.list.isLoadingNext.value,"data-test":"load-more",onClick:l[0]||(l[0]=i=>t.list.next())},null,8,["label","is-loading"])])):e.createCommentVNode("",!0)],64))]))}});exports.useCursorList=d.useCursorList;exports.OneCursorList=B;

package/dist/cursorList/index.d.ts

@@ -0,0 +1,3 @@
+export { default as OneCursorList } from './OneCursorList.vue';
+export { useCursorList } from '../composables/useCursorList';
+export type { CursorPage, CursorListQuery, UseCursorListOptions, UseCursorListReturn } from '../composables/useCursorList';

package/dist/cursorList/index.js

@@ -0,0 +1,78 @@
+import { u as T } from "../useCursorList-5c1b57aa.js";
+import { defineComponent as p, computed as k, ref as L, onMounted as O, onBeforeUnmount as h, openBlock as s, createElementBlock as o, renderSlot as u, createElementVNode as d, createVNode as f, unref as y, toDisplayString as x, Fragment as v, renderList as b, createCommentVNode as C } from "vue";
+import { OneButton as $ } from "../button/index.js";
+import { OneSkeleton as B } from "../skeleton/index.js";
+import { useOnebI18n as N } from "../i18n/index.js";
+import "../SpinnerIcon-516264ba.js";
+import "../_plugin-vue_export-helper-dad06003.js";
+const S = { class: "space-y-2 p-2" }, I = { class: "p-6 text-center text-sm text-gray-500" }, j = {
+  key: 0,
+  class: "flex justify-center py-3"
+}, z = /* @__PURE__ */ p({
+  __name: "OneCursorList",
+  props: {
+    /** Return value of useCursorList. */
+    list: {
+      type: Object,
+      required: !0
+    },
+    /** Key field for v-for (falls back to index). */
+    itemKey: {
+      type: String,
+      default: void 0
+    },
+    /** Load the next page automatically when the end scrolls into view. */
+    autoLoad: {
+      type: Boolean,
+      default: !1
+    },
+    t: {
+      type: Function,
+      default: void 0
+    }
+  },
+  setup(e) {
+    const l = e, g = N(), m = k(() => l.t ?? g), r = L(null);
+    let t = null;
+    return O(() => {
+      !l.autoLoad || typeof IntersectionObserver > "u" || (t = new IntersectionObserver((n) => {
+        n.some((i) => i.isIntersecting) && l.list.next();
+      }), r.value && t.observe(r.value));
+    }), h(() => t == null ? void 0 : t.disconnect()), (n, i) => (s(), o("div", null, [
+      e.list.isLoading.value ? u(n.$slots, "loading", { key: 0 }, () => [
+        d("div", S, [
+          f(y(B), {
+            count: 3,
+            height: "h-12"
+          })
+        ])
+      ]) : e.list.items.value.length === 0 ? u(n.$slots, "empty", { key: 1 }, () => [
+        d("div", I, x(m.value("ui.cursor_list.empty")), 1)
+      ]) : (s(), o(v, { key: 2 }, [
+        (s(!0), o(v, null, b(e.list.items.value, (a, c) => u(n.$slots, "item", {
+          key: e.itemKey ? String(a[e.itemKey]) : c,
+          item: a,
+          index: c
+        })), 128)),
+        d("div", {
+          ref_key: "sentinel",
+          ref: r
+        }, null, 512),
+        e.list.hasNext.value ? (s(), o("div", j, [
+          f(y($), {
+            variant: "secondary",
+            size: "sm",
+            label: m.value("ui.cursor_list.load_more"),
+            "is-loading": e.list.isLoadingNext.value,
+            "data-test": "load-more",
+            onClick: i[0] || (i[0] = (a) => e.list.next())
+          }, null, 8, ["label", "is-loading"])
+        ])) : C("", !0)
+      ], 64))
+    ]));
+  }
+});
+export {
+  z as OneCursorList,
+  T as useCursorList
+};