@chelone/vue 0.0.0-stage → 0.1.0

package/dist/components/admin/list/list-icons.js

@@ -0,0 +1,44 @@
+import { h } from "vue";
+function icon(children) {
+  const cmp = () => h(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: "16",
+      height: "16",
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "aria-hidden": "true"
+    },
+    children()
+  );
+  return cmp;
+}
+const XIcon = icon(() => [
+  h("path", { d: "M18 6 6 18" }),
+  h("path", { d: "m6 6 12 12" })
+]);
+const MinusCircleIcon = icon(() => [
+  h("circle", { cx: "12", cy: "12", r: "10" }),
+  h("path", { d: "M8 12h8" })
+]);
+const ChevronLeftIcon = icon(() => [
+  h("path", { d: "m15 18-6-6 6-6" })
+]);
+const ChevronRightIcon = icon(() => [
+  h("path", { d: "m9 18 6-6-6-6" })
+]);
+const ChevronsUpDownIcon = icon(() => [
+  h("path", { d: "m7 15 5 5 5-5" }),
+  h("path", { d: "m7 9 5-5 5 5" })
+]);
+export {
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  ChevronsUpDownIcon,
+  MinusCircleIcon,
+  XIcon
+};

package/dist/components/admin/list/list-no-results.vue.d.ts

@@ -0,0 +1,6 @@
+/** Props for {@link ListNoResults}. */
+export interface ListNoResultsProps {
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<ListNoResultsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ListNoResultsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,46 @@
+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

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

package/dist/components/admin/list/list-pagination.vue.d.ts

@@ -0,0 +1,9 @@
+/** Props for {@link ListPagination}. */
+export interface ListPaginationProps {
+    rowsPerPageOptions?: number[];
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<ListPaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ListPaginationProps> & Readonly<{}>, {
+    rowsPerPageOptions: number[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,195 @@
+import { defineComponent, computed, watch, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createVNode, withCtx, Fragment, renderList, createBlock, createTextVNode, createCommentVNode } from "vue";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { useListContext } from "../../../list/list-context.js";
+import { cn } from "../../../lib/utils.js";
+import _sfc_main$2 from "../../ui/button.vue.js";
+import _sfc_main$1 from "../../ui/native-select.vue.js";
+import { ChevronLeftIcon, ChevronRightIcon } from "./list-icons.js";
+const _hoisted_1 = { class: "hidden md:flex items-center gap-x-2" };
+const _hoisted_2 = { class: "text-sm font-medium" };
+const _hoisted_3 = {
+  class: "text-sm text-muted-foreground",
+  "data-slot": "page-range"
+};
+const _hoisted_4 = {
+  class: "flex items-center gap-1",
+  "aria-label": "pagination"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "px-2 text-sm text-muted-foreground",
+  "data-slot": "pagination-ellipsis"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "list-pagination",
+  props: {
+    rowsPerPageOptions: { default: () => [5, 10, 25, 50] },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const list = useListContext();
+    const translate = useTranslate();
+    const isPartial = computed(() => list.total == null);
+    const totalPages = computed(
+      () => !isPartial.value && (list.total ?? 0) > 0 ? Math.ceil(list.total / list.perPage) : void 0
+    );
+    watch(
+      [() => list.page, totalPages],
+      ([page, pages]) => {
+        if (pages != null && page > pages) list.setPage(1);
+      },
+      { immediate: true }
+    );
+    const outOfBounds = computed(
+      () => totalPages.value != null && list.page > totalPages.value
+    );
+    const isEmpty = computed(() => !isPartial.value && list.total === 0);
+    const hidden = computed(() => outOfBounds.value || isEmpty.value);
+    const pageStart = computed(() => (list.page - 1) * list.perPage + 1);
+    const pageEnd = computed(
+      () => list.total == null ? list.page * list.perPage : Math.min(list.page * list.perPage, list.total)
+    );
+    const totalDisplay = computed(
+      () => list.total === -1 ? pageEnd.value : list.total
+    );
+    const count = computed(
+      () => list.total != null && list.total > 0 ? Math.ceil(list.total / list.perPage) : 1
+    );
+    const range = (start, end) => {
+      const length = end - start + 1;
+      return length > 0 ? Array.from({ length }, (_, i) => start + i) : [];
+    };
+    const pageTokens = computed(() => {
+      const c = count.value;
+      const page = list.page;
+      const boundaryCount = 1;
+      const siblingCount = 1;
+      const startPages = range(1, Math.min(boundaryCount, c));
+      const endPages = range(Math.max(c - boundaryCount + 1, boundaryCount + 1), c);
+      const siblingsStart = Math.max(
+        Math.min(page - siblingCount, c - boundaryCount - siblingCount * 2 - 1),
+        boundaryCount + 2
+      );
+      const siblingsEnd = Math.min(
+        Math.max(page + siblingCount, boundaryCount + siblingCount * 2 + 2),
+        c - boundaryCount - 1
+      );
+      const siblingPages = range(siblingsStart, siblingsEnd);
+      const tokens = [];
+      const pushPage = (p) => tokens.push({ kind: "page", page: p, key: `p${p}` });
+      for (const p of startPages) pushPage(p);
+      if (siblingsStart > boundaryCount + 2) {
+        tokens.push({ kind: "ellipsis", key: "e-start" });
+      } else if (boundaryCount + 1 < c - boundaryCount) {
+        pushPage(boundaryCount + 1);
+      }
+      for (const p of siblingPages) pushPage(p);
+      if (siblingsEnd < c - boundaryCount - 1) {
+        tokens.push({ kind: "ellipsis", key: "e-end" });
+      } else if (c - boundaryCount > boundaryCount) {
+        pushPage(c - boundaryCount);
+      }
+      for (const p of endPages) pushPage(p);
+      return tokens;
+    });
+    const previousLabel = computed(
+      () => translate("ra.navigation.previous", { _: "Previous" })
+    );
+    const nextLabel = computed(
+      () => translate("ra.navigation.next", { _: "Next" })
+    );
+    const rowsPerPageLabel = computed(
+      () => translate("ra.navigation.page_rows_per_page", { _: "Rows per page" })
+    );
+    const rangeLabel = computed(
+      () => isPartial.value ? translate("ra.navigation.partial_page_range_info", {
+        offsetBegin: pageStart.value,
+        offsetEnd: pageEnd.value,
+        _: `${pageStart.value}-${pageEnd.value}`
+      }) : translate("ra.navigation.page_range_info", {
+        offsetBegin: pageStart.value,
+        offsetEnd: pageEnd.value,
+        total: totalDisplay.value,
+        _: `${pageStart.value}-${pageEnd.value} of ${totalDisplay.value}`
+      })
+    );
+    const rowsPerPageChoices = computed(
+      () => props.rowsPerPageOptions.map((n) => ({ value: n, label: String(n) }))
+    );
+    function goToPage(page) {
+      list.setPage(page);
+    }
+    function onPerPageChange(value) {
+      list.setPerPage(Number(value));
+    }
+    return (_ctx, _cache) => {
+      return !hidden.value ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(unref(cn)("flex items-center justify-end gap-x-2 gap-4", props.class)),
+        "data-slot": "list-pagination"
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("p", _hoisted_2, toDisplayString(rowsPerPageLabel.value), 1),
+          createVNode(_sfc_main$1, {
+            class: "h-8 w-fit",
+            "model-value": unref(list).perPage,
+            options: rowsPerPageChoices.value,
+            "onUpdate:modelValue": onPerPageChange
+          }, null, 8, ["model-value", "options"])
+        ]),
+        createElementVNode("div", _hoisted_3, toDisplayString(rangeLabel.value), 1),
+        createElementVNode("nav", _hoisted_4, [
+          createVNode(_sfc_main$2, {
+            variant: "ghost",
+            size: "icon",
+            type: "button",
+            "aria-label": previousLabel.value,
+            disabled: !unref(list).hasPreviousPage,
+            onClick: _cache[0] || (_cache[0] = ($event) => goToPage(unref(list).page - 1))
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(ChevronLeftIcon))
+            ]),
+            _: 1
+          }, 8, ["aria-label", "disabled"]),
+          !isPartial.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(pageTokens.value, (token) => {
+            return openBlock(), createElementBlock(Fragment, {
+              key: token.key
+            }, [
+              token.kind === "ellipsis" ? (openBlock(), createElementBlock("span", _hoisted_5, "…")) : (openBlock(), createBlock(_sfc_main$2, {
+                key: 1,
+                type: "button",
+                size: "icon",
+                variant: token.page === unref(list).page ? "outline" : "ghost",
+                "aria-current": token.page === unref(list).page ? "page" : void 0,
+                onClick: ($event) => goToPage(token.page)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(token.page), 1)
+                ]),
+                _: 2
+              }, 1032, ["variant", "aria-current", "onClick"]))
+            ], 64);
+          }), 128)) : createCommentVNode("", true),
+          createVNode(_sfc_main$2, {
+            variant: "ghost",
+            size: "icon",
+            type: "button",
+            "aria-label": nextLabel.value,
+            disabled: !unref(list).hasNextPage,
+            onClick: _cache[1] || (_cache[1] = ($event) => goToPage(unref(list).page + 1))
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(ChevronRightIcon))
+            ]),
+            _: 1
+          }, 8, ["aria-label", "disabled"])
+        ])
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

package/dist/components/admin/list/list-toolbar.vue.d.ts

@@ -0,0 +1,29 @@
+import type { Exporter } from "@chelone/core";
+import type { FilterFormEntry } from "./filter-form.vue.js";
+/** Props for {@link ListToolbar}. */
+export interface ListToolbarProps {
+    /** Filter inputs for the form, and the entries for the filter button. */
+    filters?: FilterFormEntry[];
+    /** `false` renders no actions. The `actions` slot replaces the default. */
+    actions?: false;
+    /** Handed to the default actions; `false` hides the export button. */
+    exporter?: Exporter | false;
+    /** Handed to the default actions. */
+    hasCreate?: boolean;
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ListToolbarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ListToolbarProps> & Readonly<{}>, {
+    exporter: Exporter | false;
+    actions: false;
+    hasCreate: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    actions?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,40 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, renderSlot, createCommentVNode } from "vue";
+import { cn } from "../../../lib/utils.js";
+import _sfc_main$1 from "./filter-form.vue.js";
+import _sfc_main$2 from "./list-actions.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "list-toolbar",
+  props: {
+    filters: {},
+    actions: { type: Boolean, default: void 0 },
+    exporter: { type: [Function, Boolean], default: void 0 },
+    hasCreate: { type: Boolean, default: void 0 },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "list-toolbar",
+        class: normalizeClass(unref(cn)("flex items-start justify-between gap-2", props.class))
+      }, [
+        createVNode(_sfc_main$1, { filters: __props.filters }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["filters"]),
+        __props.actions !== false ? renderSlot(_ctx.$slots, "actions", { key: 0 }, () => [
+          createVNode(_sfc_main$2, {
+            filters: __props.filters,
+            exporter: __props.exporter,
+            "has-create": __props.hasCreate
+          }, null, 8, ["filters", "exporter", "has-create"])
+        ]) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

package/dist/components/admin/list/prev-next-buttons.vue.d.ts

@@ -0,0 +1,9 @@
+import type { UsePrevNextControllerOptions } from "../../../controllers/use-prev-next-controller.js";
+/** Props for {@link PrevNextButtons}. The controller options, plus `class`. */
+export interface PrevNextButtonsProps extends UsePrevNextControllerOptions {
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<PrevNextButtonsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PrevNextButtonsProps> & Readonly<{}>, {
+    storeKey: string | false;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/list/prev-next-buttons.vue.js

@@ -0,0 +1,108 @@
+import { defineComponent, unref, openBlock, createBlock, normalizeClass, createElementBlock, createVNode, withCtx, toDisplayString, createCommentVNode } from "vue";
+import { RouterLink } from "vue-router";
+import { usePrevNextController } from "../../../controllers/use-prev-next-controller.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { cn } from "../../../lib/utils.js";
+import _sfc_main$2 from "../../ui/button.vue.js";
+import { buttonVariants } from "../../ui/button-variants.js";
+import _sfc_main$1 from "../../ui/skeleton.vue.js";
+import { AlertCircleIcon } from "../feedback/icons.js";
+import { ChevronLeftIcon, ChevronRightIcon } from "./list-icons.js";
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = {
+  key: 2,
+  class: "text-sm text-muted-foreground tabular-nums"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "prev-next-buttons",
+  props: {
+    class: {},
+    record: {},
+    linkType: {},
+    storeKey: { type: [String, Boolean], default: void 0 },
+    limit: {},
+    sort: {},
+    filter: {},
+    filterDefaultValues: {},
+    meta: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const translate = useTranslate();
+    const controller = usePrevNextController(() => {
+      const { class: _class, ...options } = props;
+      return options;
+    });
+    const ghostIcon = buttonVariants({ variant: "ghost", size: "icon" });
+    return (_ctx, _cache) => {
+      return unref(controller).isPending ? (openBlock(), createBlock(_sfc_main$1, {
+        key: 0,
+        class: normalizeClass(unref(cn)("h-9 w-24", props.class))
+      }, null, 8, ["class"])) : unref(controller).error ? (openBlock(), createElementBlock("span", {
+        key: 1,
+        role: "img",
+        "aria-label": unref(translate)("ra.notification.http_error", { _: "Error" }),
+        class: normalizeClass(unref(cn)("inline-flex text-destructive", props.class))
+      }, [
+        createVNode(unref(AlertCircleIcon))
+      ], 10, _hoisted_1)) : !unref(controller).hasPrev && !unref(controller).hasNext ? (openBlock(), createElementBlock("div", {
+        key: 2,
+        "data-slot": "prev-next-placeholder",
+        "aria-hidden": "true",
+        class: normalizeClass(unref(cn)("h-9 w-24", props.class))
+      }, null, 2)) : (openBlock(), createElementBlock("nav", {
+        key: 3,
+        class: normalizeClass(unref(cn)("flex items-center gap-1", props.class))
+      }, [
+        unref(controller).prevPath ? (openBlock(), createBlock(unref(RouterLink), {
+          key: 0,
+          to: unref(controller).prevPath,
+          "aria-label": unref(translate)("ra.navigation.previous", { _: "Previous" }),
+          class: normalizeClass(unref(ghostIcon))
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(ChevronLeftIcon))
+          ]),
+          _: 1
+        }, 8, ["to", "aria-label", "class"])) : (openBlock(), createBlock(_sfc_main$2, {
+          key: 1,
+          variant: "ghost",
+          size: "icon",
+          "aria-label": unref(translate)("ra.navigation.previous", { _: "Previous" }),
+          disabled: ""
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(ChevronLeftIcon))
+          ]),
+          _: 1
+        }, 8, ["aria-label"])),
+        typeof unref(controller).index === "number" ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(controller).total != null ? `${unref(controller).index + 1} / ${unref(controller).total}` : unref(controller).index + 1), 1)) : createCommentVNode("", true),
+        unref(controller).nextPath ? (openBlock(), createBlock(unref(RouterLink), {
+          key: 3,
+          to: unref(controller).nextPath,
+          "aria-label": unref(translate)("ra.navigation.next", { _: "Next" }),
+          class: normalizeClass(unref(ghostIcon))
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(ChevronRightIcon))
+          ]),
+          _: 1
+        }, 8, ["to", "aria-label", "class"])) : (openBlock(), createBlock(_sfc_main$2, {
+          key: 4,
+          variant: "ghost",
+          size: "icon",
+          "aria-label": unref(translate)("ra.navigation.next", { _: "Next" }),
+          disabled: ""
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(ChevronRightIcon))
+          ]),
+          _: 1
+        }, 8, ["aria-label"]))
+      ], 2));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/list/prev-next-buttons2.vue.js

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

package/dist/components/admin/list/saved-queries-list.vue.d.ts

@@ -0,0 +1,10 @@
+/** Props for {@link SavedQueriesList}. */
+export interface SavedQueriesListProps {
+    /** Defaults to the ambient resource. */
+    resource?: string;
+    /** KV namespace for the saved queries. Default: the resource name. */
+    storeKey?: string;
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<SavedQueriesListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SavedQueriesListProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;