@chelone/vue 0.6.0 → 0.9.0

package/dist/components/admin/list/filter-form.vue.js

@@ -1,119 +0,0 @@
-import { defineComponent, watch, openBlock, createElementBlock, withModifiers, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, unref, createVNode, createCommentVNode, renderSlot } from "vue";
-import { mergeFilterValues, getFilterFormValues, filterFormReflectShape, getAtPath } from "@chelone/core";
-import { useTranslate } from "../../../i18n/use-translate.js";
-import { useForm } from "../../../form/use-form.js";
-import { useListContext } from "../../../list/list-context.js";
-import { useResourceContext } from "../../../resource-context.js";
-import { MinusCircleIcon } from "./list-icons.js";
-const _hoisted_1 = ["data-source"];
-const _hoisted_2 = ["title", "onClick"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "filter-form",
-  props: {
-    resource: {},
-    filters: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const list = useListContext();
-    const resource = props.resource ?? useResourceContext();
-    const translate = useTranslate();
-    function assertNoAlwaysOnDefault() {
-      for (const entry of props.filters ?? []) {
-        if (entry.alwaysOn && entry.defaultValue) {
-          throw new Error(
-            "Cannot use alwaysOn and defaultValue on a filter input. Please use useListController({ filterDefaultValues }) instead."
-          );
-        }
-      }
-    }
-    assertNoAlwaysOnDefault();
-    watch(() => props.filters, assertNoAlwaysOnDefault);
-    function isEmptyValue(value) {
-      if (value === "" || value == null) return true;
-      if (typeof value === "object") {
-        return Object.values(value).every(isEmptyValue);
-      }
-      return false;
-    }
-    function isShown(entry) {
-      return !!entry.alwaysOn || !!list.displayedFilters?.[entry.source] || !isEmptyValue(getAtPath(list.filter, entry.source));
-    }
-    const { form, values, reset } = useForm({
-      resource,
-      record: { ...list.filter ?? {} },
-      onSubmit: () => void 0
-    });
-    let isReflecting = false;
-    let pendingPush = null;
-    watch(
-      () => values.value,
-      (next) => {
-        if (isReflecting) return;
-        const merged = mergeFilterValues(list.filter ?? {}, next);
-        const json = JSON.stringify(merged);
-        if (json === (pendingPush ?? JSON.stringify(list.filter ?? {}))) return;
-        pendingPush = json;
-        list.setFilters(merged, void 0, true);
-      },
-      { deep: true, flush: "sync" }
-    );
-    watch(
-      () => list.filter,
-      () => {
-        pendingPush = null;
-        const incoming = list.filter ?? {};
-        const current = form.store.state.values;
-        const next = getFilterFormValues(
-          filterFormReflectShape(current, form.store.state.fieldMeta, incoming),
-          incoming
-        );
-        if (JSON.stringify(next) === JSON.stringify(current)) return;
-        isReflecting = true;
-        try {
-          reset(next);
-        } finally {
-          isReflecting = false;
-        }
-      }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("form", {
-        "data-slot": "filter-form",
-        class: "flex flex-col sm:flex-row justify-start items-end gap-x-2 gap-y-3 flex-wrap",
-        onSubmit: _cache[0] || (_cache[0] = withModifiers(() => {
-        }, ["prevent"]))
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.filters, (entry) => {
-          return openBlock(), createElementBlock(Fragment, {
-            key: entry.source
-          }, [
-            isShown(entry) ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: "filter-field flex flex-row gap-2 relative w-full sm:w-auto",
-              "data-source": entry.source
-            }, [
-              (openBlock(), createBlock(resolveDynamicComponent(entry.component), mergeProps({
-                source: entry.source,
-                label: entry.label
-              }, { ref_for: true }, entry.props), null, 16, ["source", "label"])),
-              !entry.alwaysOn ? (openBlock(), createElementBlock("button", {
-                key: 0,
-                type: "button",
-                class: "hide-filter inline-flex size-9 shrink-0 cursor-pointer items-center justify-center rounded-md mt-auto hover:bg-accent hover:text-accent-foreground",
-                title: unref(translate)("ra.action.remove_filter", { _: "Remove filter" }),
-                onClick: ($event) => unref(list).hideFilter(entry.source)
-              }, [
-                createVNode(unref(MinusCircleIcon))
-              ], 8, _hoisted_2)) : createCommentVNode("", true)
-            ], 8, _hoisted_1)) : createCommentVNode("", true)
-          ], 64);
-        }), 128)),
-        renderSlot(_ctx.$slots, "default")
-      ], 32);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/components/admin/list/filter-form2.vue.js

@@ -1,4 +0,0 @@
-import _sfc_main from "./filter-form.vue.js";
-export {
-  _sfc_main as default
-};

package/dist/components/admin/list/filter-list-item.vue.js

@@ -1,66 +0,0 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString, createBlock, createElementVNode, createCommentVNode } from "vue";
-import { isFilterSelected, toggleFilterValue } from "@chelone/core";
-import { useTranslate } from "../../../i18n/use-translate.js";
-import { cn } from "../../../lib/utils.js";
-import { useListContext } from "../../../list/list-context.js";
-import _sfc_main$1 from "../../ui/button.vue.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "filter-list-item",
-  props: {
-    label: {},
-    value: {},
-    isSelected: { type: Function },
-    toggleFilter: { type: Function },
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const translate = useTranslate();
-    const list = useListContext();
-    const selected = computed(
-      () => (props.isSelected ?? isFilterSelected)(props.value, list.filter)
-    );
-    const toggle = () => list.setFilters(
-      (props.toggleFilter ?? toggleFilterValue)(props.value, list.filter)
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("li", {
-        "data-slot": "filter-list-item",
-        class: normalizeClass(unref(cn)("flex items-center gap-1", selected.value && "filter-list-item-selected", props.class))
-      }, [
-        createVNode(_sfc_main$1, {
-          variant: selected.value ? "secondary" : "ghost",
-          size: "sm",
-          class: "flex-1 justify-start",
-          "aria-pressed": selected.value,
-          "data-selected": selected.value,
-          onClick: toggle
-        }, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "icon"),
-            renderSlot(_ctx.$slots, "label", {}, () => [
-              createTextVNode(toDisplayString(props.label === void 0 ? "" : unref(translate)(props.label, { _: props.label })), 1)
-            ])
-          ]),
-          _: 3
-        }, 8, ["variant", "aria-pressed", "data-selected"]),
-        selected.value ? (openBlock(), createBlock(_sfc_main$1, {
-          key: 0,
-          variant: "ghost",
-          size: "icon",
-          class: "size-8",
-          "aria-label": unref(translate)("ra.action.remove_filter", { _: "Remove filter" }),
-          onClick: toggle
-        }, {
-          default: withCtx(() => [..._cache[0] || (_cache[0] = [
-            createElementVNode("span", { "aria-hidden": "true" }, "×", -1)
-          ])]),
-          _: 1
-        }, 8, ["aria-label"])) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/components/admin/list/filter-list-item2.vue.js

@@ -1,4 +0,0 @@
-import _sfc_main from "./filter-list-item.vue.js";
-export {
-  _sfc_main as default
-};

package/dist/components/admin/list/filter-list-section.vue.js

@@ -1,30 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, toDisplayString } from "vue";
-import { useTranslate } from "../../../i18n/use-translate.js";
-import { cn } from "../../../lib/utils.js";
-const _hoisted_1 = { class: "flex items-center gap-2 px-2 text-sm font-medium [&_svg]:size-4" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "filter-list-section",
-  props: {
-    label: {},
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const translate = useTranslate();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        "data-slot": "filter-list-section",
-        class: normalizeClass(unref(cn)("flex flex-col gap-1", props.class))
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          renderSlot(_ctx.$slots, "icon"),
-          createElementVNode("span", null, toDisplayString(unref(translate)(props.label, { _: props.label })), 1)
-        ]),
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/components/admin/list/filter-list-section2.vue.js

@@ -1,4 +0,0 @@
-import _sfc_main from "./filter-list-section.vue.js";
-export {
-  _sfc_main as default
-};

package/dist/components/admin/list/filter-list.vue.js

@@ -1,32 +0,0 @@
-import { defineComponent, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, renderSlot } from "vue";
-import _sfc_main$1 from "./filter-list-section.vue.js";
-const _hoisted_1 = { class: "flex flex-col gap-0.5" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "filter-list",
-  props: {
-    label: {},
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, {
-        label: props.label,
-        class: normalizeClass(props.class)
-      }, {
-        icon: withCtx(() => [
-          renderSlot(_ctx.$slots, "icon")
-        ]),
-        default: withCtx(() => [
-          createElementVNode("ul", _hoisted_1, [
-            renderSlot(_ctx.$slots, "default")
-          ])
-        ]),
-        _: 3
-      }, 8, ["label", "class"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/components/admin/list/filter-list2.vue.js

@@ -1,4 +0,0 @@
-import _sfc_main from "./filter-list.vue.js";
-export {
-  _sfc_main as default
-};

package/dist/components/admin/list/filter-live-search.vue.js

@@ -1,34 +0,0 @@
-import { defineComponent, openBlock, createBlock, withCtx, createVNode, mergeProps, unref } from "vue";
-import { useTranslate } from "../../../i18n/use-translate.js";
-import _sfc_main$2 from "../inputs/search-input.vue.js";
-import _sfc_main$1 from "./filter-form.vue.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "filter-live-search",
-  props: {
-    source: { default: "q" },
-    label: { type: [String, Boolean] },
-    disableClearable: { type: Boolean },
-    defaultValue: {},
-    validate: {},
-    placeholder: { default: void 0 },
-    inputClass: {},
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const translate = useTranslate();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, null, {
-        default: withCtx(() => [
-          createVNode(_sfc_main$2, mergeProps(props, {
-            placeholder: props.placeholder ?? unref(translate)("ra.action.search", { _: "Search" })
-          }), null, 16, ["placeholder"])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/components/admin/list/filter-live-search2.vue.js

@@ -1,4 +0,0 @@
-import _sfc_main from "./filter-live-search.vue.js";
-export {
-  _sfc_main as default
-};

package/dist/components/admin/list/infinite-pagination.vue.js

@@ -1,85 +0,0 @@
-import { defineComponent, ref, computed, watch, unref, openBlock, createElementBlock, Fragment, normalizeClass, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString } from "vue";
-import { useTranslate } from "../../../i18n/use-translate.js";
-import { cn } from "../../../lib/utils.js";
-import { useInfiniteListContext } from "../../../list/infinite-list-context.js";
-import _sfc_main$1 from "../../ui/button.vue.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "infinite-pagination",
-  props: {
-    offset: { default: 250 },
-    autoLoad: { type: Boolean, default: true },
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const list = useInfiniteListContext();
-    const translate = useTranslate();
-    const sentinel = ref(null);
-    const canObserve = typeof IntersectionObserver !== "undefined";
-    const hasRows = computed(() => (list.data?.length ?? 0) > 0);
-    const observing = computed(
-      () => props.autoLoad && canObserve && !!list.hasNextPage && !list.isFetchingNextPage && // After a failed load the sentinel is still in view: a fresh observer would
-      // report it at once and retry forever. Load more stays as the manual retry.
-      !list.error
-    );
-    watch(
-      [sentinel, observing, () => props.offset],
-      ([target, active, offset], _prev, onCleanup) => {
-        if (!active || !target) return;
-        const observer = new IntersectionObserver(
-          (entries) => {
-            if (entries.some((entry) => entry.isIntersecting)) {
-              void list.fetchNextPage();
-            }
-          },
-          // A non-finite offset would make the margin string invalid and throw.
-          { rootMargin: `0px 0px ${Number.isFinite(offset) ? offset : 0}px 0px` }
-        );
-        observer.observe(target);
-        onCleanup(() => observer.disconnect());
-      },
-      { immediate: true, flush: "post" }
-    );
-    const loadMoreLabel = computed(
-      () => translate("chelone.navigation.load_more", { _: "Load more" })
-    );
-    const noMoreRowsLabel = computed(
-      () => translate("chelone.navigation.no_more_rows", { _: "No more rows" })
-    );
-    return (_ctx, _cache) => {
-      return !unref(list).isPending ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        unref(list).hasNextPage ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(unref(cn)("flex flex-col items-center gap-2 py-2", props.class)),
-          "data-slot": "infinite-pagination"
-        }, [
-          __props.autoLoad && canObserve ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            ref_key: "sentinel",
-            ref: sentinel,
-            "aria-hidden": "true",
-            class: "h-px w-full",
-            "data-slot": "infinite-pagination-sentinel"
-          }, null, 512)) : createCommentVNode("", true),
-          createVNode(_sfc_main$1, {
-            variant: "outline",
-            disabled: unref(list).isFetchingNextPage,
-            onClick: _cache[0] || (_cache[0] = ($event) => unref(list).fetchNextPage())
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(loadMoreLabel.value), 1)
-            ]),
-            _: 1
-          }, 8, ["disabled"])
-        ], 2)) : hasRows.value ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass(unref(cn)("py-2 text-center text-sm text-muted-foreground", props.class)),
-          "data-slot": "infinite-pagination"
-        }, toDisplayString(noMoreRowsLabel.value), 3)) : createCommentVNode("", true)
-      ], 64)) : createCommentVNode("", true);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/components/admin/list/infinite-pagination2.vue.js

@@ -1,4 +0,0 @@
-import _sfc_main from "./infinite-pagination.vue.js";
-export {
-  _sfc_main as default
-};

package/dist/components/admin/list/list-actions.vue.js

@@ -1,51 +0,0 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createBlock, createCommentVNode } from "vue";
-import { useResourceDefinition } from "../../../admin/resource-registry.js";
-import { cn } from "../../../lib/utils.js";
-import { useResourceContext } from "../../../resource-context.js";
-import _sfc_main$2 from "../buttons/create-button.vue.js";
-import _sfc_main$3 from "../buttons/export-button.vue.js";
-import _sfc_main$1 from "../buttons/filter-button.vue.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "list-actions",
-  props: {
-    filters: {},
-    exporter: { type: [Function, Boolean], default: void 0 },
-    hasCreate: { type: Boolean, default: void 0 },
-    resource: {},
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const resource = useResourceContext(props);
-    const definition = useResourceDefinition(() => ({ resource: props.resource }));
-    const showFilters = computed(() => (props.filters ?? []).length > 0);
-    const showCreate = computed(
-      () => props.hasCreate ?? definition.value.hasCreate
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        "data-slot": "list-actions",
-        class: normalizeClass(unref(cn)("flex items-center justify-end gap-2", props.class))
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          showFilters.value ? (openBlock(), createBlock(_sfc_main$1, {
-            key: 0,
-            filters: __props.filters ?? []
-          }, null, 8, ["filters"])) : createCommentVNode("", true),
-          showCreate.value ? (openBlock(), createBlock(_sfc_main$2, {
-            key: 1,
-            resource: unref(resource)
-          }, null, 8, ["resource"])) : createCommentVNode("", true),
-          __props.exporter !== false ? (openBlock(), createBlock(_sfc_main$3, {
-            key: 2,
-            exporter: __props.exporter,
-            resource: unref(resource)
-          }, null, 8, ["exporter", "resource"])) : createCommentVNode("", true)
-        ])
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/components/admin/list/list-actions2.vue.js

@@ -1,4 +0,0 @@
-import _sfc_main from "./list-actions.vue.js";
-export {
-  _sfc_main as default
-};

package/dist/components/admin/list/list-no-results.vue.js

@@ -1,46 +0,0 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createBlock, withCtx, createTextVNode, createCommentVNode } from "vue";
-import { useTranslate } from "../../../i18n/use-translate.js";
-import { cn } from "../../../lib/utils.js";
-import { useListContext } from "../../../list/list-context.js";
-import { useResourceContext } from "../../../resource-context.js";
-import _sfc_main$1 from "../../ui/button.vue.js";
-const _hoisted_1 = { class: "text-muted-foreground" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "list-no-results",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const translate = useTranslate();
-    const resource = useResourceContext();
-    const list = useListContext();
-    if (!resource) {
-      throw new Error("<ListNoResults> must be used inside a <List> component");
-    }
-    const filtered = computed(() => Object.keys(list.filter ?? {}).length > 0);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(cn)("flex flex-col items-center gap-2 p-6 text-center text-sm", props.class))
-      }, [
-        createElementVNode("p", _hoisted_1, toDisplayString(filtered.value ? unref(translate)("ra.navigation.no_filtered_results", {
-          _: "No results found with the current filters."
-        }) : unref(translate)("ra.navigation.no_results", { _: "No results found" })), 1),
-        filtered.value ? (openBlock(), createBlock(_sfc_main$1, {
-          key: 0,
-          variant: "outline",
-          size: "sm",
-          onClick: _cache[0] || (_cache[0] = ($event) => unref(list).setFilters({}, {}))
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(unref(translate)("ra.navigation.clear_filters", { _: "Clear filters" })), 1)
-          ]),
-          _: 1
-        })) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/components/admin/list/list-no-results2.vue.js

@@ -1,4 +0,0 @@
-import _sfc_main from "./list-no-results.vue.js";
-export {
-  _sfc_main as default
-};