@chelone/vue 0.0.0-stage → 0.1.1

package/dist/components/admin/buttons/bulk-export-button.vue.js

@@ -0,0 +1,67 @@
+import { defineComponent, computed, openBlock, createBlock, normalizeClass, withCtx, createVNode, unref, createTextVNode, toDisplayString } from "vue";
+import { useCheloneContext, useCheloneNotifications } from "../../../context.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { useListContext } from "../../../list/list-context.js";
+import { useResourceContext } from "../../../resource-context.js";
+import _sfc_main$1 from "../../ui/button.vue.js";
+import { defaultExporter } from "@chelone/core";
+import { DownloadIcon } from "./icons.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "bulk-export-button",
+  props: {
+    exporter: { type: Function },
+    meta: {},
+    resource: {},
+    label: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const resource = useResourceContext(props);
+    if (!resource) {
+      throw new Error(
+        "<BulkExportButton> must be used inside a <Resource> or given a `resource` prop."
+      );
+    }
+    const list = useListContext();
+    const { dataProvider } = useCheloneContext();
+    const notifications = useCheloneNotifications();
+    const translate = useTranslate();
+    const label = computed(
+      () => translate("ra.action.export", { _: props.label ?? "Export" })
+    );
+    async function onClick() {
+      const exporter = props.exporter ?? defaultExporter;
+      try {
+        const { data } = await dataProvider.getMany(resource, {
+          ids: list.selectedIds ?? [],
+          meta: props.meta
+        });
+        await exporter(data, dataProvider, resource);
+      } catch (error) {
+        console.error(error);
+        notifications?.notify("chelone.notification.http_error", { type: "error" });
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        class: normalizeClass(props.class ?? "flex items-center gap-2 h-9"),
+        "aria-label": label.value,
+        "data-slot": "bulk-export-button",
+        onClick
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(DownloadIcon)),
+          createTextVNode(" " + toDisplayString(label.value), 1)
+        ]),
+        _: 1
+      }, 8, ["class", "aria-label"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/buttons/bulk-export-button2.vue.js

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

package/dist/components/admin/buttons/bulk-update-button.vue.d.ts

@@ -0,0 +1,26 @@
+import type { LooseRecord, MutationMode } from "@chelone/core";
+/** Props for {@link BulkUpdateButton}. */
+export interface BulkUpdateButtonProps {
+    /** The fixed patch applied to every selected record. Default `{}`. */
+    data?: Partial<LooseRecord>;
+    /** Override the ambient `<Resource>`. */
+    resource?: string;
+    /** Override the auto-translated label. */
+    label?: string;
+    /**
+     * `"undoable"` updates optimistically with an Undo notification (no confirm
+     * dialog): the rows patch now and the server call is deferred until the Undo
+     * window closes. Default (`"pessimistic"`) is confirm-gated.
+     */
+    mutationMode?: MutationMode;
+    /** Confirmation-dialog body copy (the V3-c `<Confirm>` upgrade will use this). */
+    confirmContent?: string;
+    /** Button variant. Default `"outline"`. */
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+    /** Extra CSS class appended to the button. */
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<BulkUpdateButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BulkUpdateButtonProps> & Readonly<{}>, {
+    variant: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/buttons/bulk-update-button.vue.js

@@ -0,0 +1,109 @@
+import { defineComponent, computed, openBlock, createBlock, normalizeClass, withCtx, createVNode, unref, createTextVNode, toDisplayString } from "vue";
+import { updateRecordsInCache } from "@chelone/core";
+import { useCheloneNotifications, useCheloneContext } from "../../../context.js";
+import { useUpdateMany } from "../../../data/mutations.js";
+import { useUndoable } from "../../../data/undoable.js";
+import { useRefresh } from "../../../data/use-refresh.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { useListContext } from "../../../list/list-context.js";
+import { useResourceContext } from "../../../resource-context.js";
+import _sfc_main$1 from "../../ui/button.vue.js";
+import { RefreshCwIcon } from "./icons.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "bulk-update-button",
+  props: {
+    data: {},
+    resource: {},
+    label: {},
+    mutationMode: {},
+    confirmContent: {},
+    variant: { default: "outline" },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const resource = useResourceContext(props);
+    if (!resource) {
+      throw new Error(
+        "<BulkUpdateButton> must be used inside a <Resource> or given a `resource` prop."
+      );
+    }
+    const list = useListContext();
+    const translate = useTranslate();
+    const notifications = useCheloneNotifications();
+    const ctx = useCheloneContext();
+    const runUndoable = useUndoable();
+    const refresh = useRefresh();
+    const updateMany = useUpdateMany(resource);
+    const isPending = computed(() => updateMany.isPending.value);
+    const label = computed(
+      () => translate("ra.action.update", { _: props.label ?? "Update" })
+    );
+    async function onClick(event) {
+      event.stopPropagation();
+      const ids = list.selectedIds ?? [];
+      if (ids.length === 0) return;
+      if (props.mutationMode === "undoable") {
+        const undoableIds = ids;
+        const data = props.data ?? {};
+        runUndoable({
+          queryKeys: [[resource]],
+          applyOptimistic: () => updateRecordsInCache(
+            ctx.queryClient,
+            resource,
+            undoableIds,
+            data
+          ),
+          commit: () => ctx.dataProvider.updateMany(resource, {
+            ids: undoableIds,
+            data
+          }),
+          message: "chelone.notification.updated",
+          messageArgs: { smart_count: undoableIds.length },
+          onCommitError: () => {
+            notifications?.notify("chelone.notification.http_error", { type: "error" });
+            refresh();
+          }
+        });
+        list.unselectAll();
+        return;
+      }
+      const message = props.confirmContent ?? translate("ra.message.bulk_update_content", {
+        smart_count: ids.length,
+        _: "Are you sure you want to update these items?"
+      });
+      if (typeof window !== "undefined" && !window.confirm(message)) return;
+      try {
+        await updateMany.mutateAsync({ ids, data: props.data ?? {} });
+        notifications?.notify("chelone.notification.updated", {
+          type: "info",
+          messageArgs: { smart_count: ids.length }
+        });
+        list.unselectAll();
+      } catch (error) {
+        console.error(error);
+        notifications?.notify("chelone.notification.http_error", { type: "error" });
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        type: "button",
+        variant: __props.variant,
+        disabled: isPending.value,
+        class: normalizeClass(props.class),
+        "aria-label": label.value,
+        "data-slot": "bulk-update-button",
+        onClick
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(RefreshCwIcon)),
+          createTextVNode(" " + toDisplayString(label.value), 1)
+        ]),
+        _: 1
+      }, 8, ["variant", "disabled", "class", "aria-label"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/buttons/bulk-update-button2.vue.js

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

package/dist/components/admin/buttons/cancel-button.vue.d.ts

@@ -0,0 +1,9 @@
+/** Props for {@link CancelButton}. */
+export interface CancelButtonProps {
+    /** Override the auto-translated label. */
+    label?: string;
+    /** Extra CSS class appended to the button. */
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<CancelButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CancelButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/buttons/cancel-button.vue.js

@@ -0,0 +1,42 @@
+import { defineComponent, computed, openBlock, createBlock, normalizeClass, withCtx, createVNode, unref, createTextVNode, toDisplayString } from "vue";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import _sfc_main$1 from "../../ui/button.vue.js";
+import { CircleXIcon } from "./icons.js";
+import { useNavigate } from "../../../router/nav-composables.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "cancel-button",
+  props: {
+    label: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const navigate = useNavigate();
+    const translate = useTranslate();
+    const label = computed(
+      () => translate("ra.action.cancel", { _: props.label ?? "Cancel" })
+    );
+    function onClick() {
+      navigate(-1);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        type: "button",
+        variant: "ghost",
+        class: normalizeClass(props.class),
+        "aria-label": label.value,
+        "data-slot": "cancel-button",
+        onClick
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(CircleXIcon)),
+          createTextVNode(" " + toDisplayString(label.value), 1)
+        ]),
+        _: 1
+      }, 8, ["class", "aria-label"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/buttons/cancel-button2.vue.js

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

package/dist/components/admin/buttons/clone-button.vue.d.ts

@@ -0,0 +1,21 @@
+import type { LooseRecord } from "@chelone/core";
+/** Props for {@link CloneButton}. */
+export interface CloneButtonProps {
+    /** Override the ambient record. */
+    record?: LooseRecord;
+    /** Override the ambient `<Resource>`. */
+    resource?: string;
+    /** Override the auto-translated label. */
+    label?: string;
+    /** Extra CSS class appended to the anchor. */
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<CloneButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CloneButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    icon?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/buttons/clone-button.vue.js

@@ -0,0 +1,62 @@
+import { defineComponent, inject, computed, unref, openBlock, createBlock, withModifiers, normalizeClass, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { RouterLink } from "vue-router";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { RecordContextKey } from "../../../record/record-context.js";
+import { useResourceContext } from "../../../resource-context.js";
+import { buttonVariants } from "../../ui/button-variants.js";
+import { useMenuAccess } from "../layout/use-menu-access.js";
+import { CopyIcon } from "./icons.js";
+import { useCreatePath } from "../../../router/nav-composables.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "clone-button",
+  props: {
+    record: {},
+    resource: {},
+    label: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const resource = useResourceContext(props);
+    const injectedRecord = inject(RecordContextKey, null);
+    const record = computed(() => props.record ?? injectedRecord?.value);
+    const createPath = useCreatePath();
+    const translate = useTranslate();
+    const { canAccess, isPending: isAccessPending } = useMenuAccess(
+      computed(() => ({ action: "create", resource: resource ?? "" }))
+    );
+    const to = computed(() => {
+      if (!record.value) return "";
+      const { id: _id, ...copy } = record.value;
+      return `${createPath({ resource, type: "create" })}?source=${encodeURIComponent(JSON.stringify(copy))}`;
+    });
+    const label = computed(
+      () => props.label ?? translate("ra.action.clone", { _: "Clone" })
+    );
+    const classes = computed(
+      () => buttonVariants({ variant: "outline", class: props.class })
+    );
+    return (_ctx, _cache) => {
+      return record.value && record.value.id != null && !unref(isAccessPending) && unref(canAccess) ? (openBlock(), createBlock(unref(RouterLink), {
+        key: 0,
+        to: to.value,
+        class: normalizeClass(classes.value),
+        "aria-label": label.value,
+        "data-slot": "clone-button",
+        onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["stop"]))
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            createVNode(unref(CopyIcon))
+          ]),
+          createTextVNode(" " + toDisplayString(label.value), 1)
+        ]),
+        _: 3
+      }, 8, ["to", "class", "aria-label"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/buttons/clone-button2.vue.js

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

package/dist/components/admin/buttons/columns-button.vue.d.ts

@@ -0,0 +1,11 @@
+/** Props for {@link ColumnsButton}. */
+export interface ColumnsButtonProps {
+    /** The resource whose table to control. Defaults to the ambient resource. */
+    resource?: string;
+    /** The store key the table reads its choice from. Defaults to `"<resource>.datatable"`. */
+    storeKey?: string;
+    /** Extra CSS class appended to the trigger. */
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<ColumnsButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColumnsButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/buttons/columns-button.vue.js

@@ -0,0 +1,180 @@
+import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createTextVNode, toDisplayString, createElementBlock, createCommentVNode, Fragment, renderList, createElementVNode } from "vue";
+import { arrangeColumns, columnLabelMatches, defaultDataTableStoreKey } from "@chelone/core";
+import { useCheloneStore } from "../../../context.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { useTranslateLabel } from "../../../label/use-translate-label.js";
+import { useDataTableColumns } from "../../../list/use-data-table-columns.js";
+import { useResourceContext } from "../../../resource-context.js";
+import _sfc_main$3 from "../../ui/button.vue.js";
+import _sfc_main$5 from "../../ui/input.vue.js";
+import _sfc_main$6 from "../../ui/switch.vue.js";
+import { ColumnsIcon, SearchIcon, XIcon, ChevronUpIcon, ChevronDownIcon } from "./icons.js";
+import _sfc_main$1 from "../../ui/dropdown-menu/dropdown-menu.vue.js";
+import _sfc_main$2 from "../../ui/dropdown-menu/dropdown-menu-trigger.vue.js";
+import _sfc_main$4 from "../../ui/dropdown-menu/dropdown-menu-content.vue.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "relative mb-2"
+};
+const _hoisted_2 = { class: "flex min-w-0 flex-1 cursor-pointer items-center gap-2 text-sm" };
+const _hoisted_3 = { class: "truncate" };
+const _hoisted_4 = { class: "mt-2 flex justify-end" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "columns-button",
+  props: {
+    resource: {},
+    storeKey: {},
+    class: {}
+  },
+  setup(__props) {
+    const SEARCH_THRESHOLD = 5;
+    const props = __props;
+    useCheloneStore();
+    const resource = useResourceContext({ resource: props.resource });
+    if (!resource && !props.storeKey) {
+      throw new Error(
+        "ColumnsButton: no resource. Pass a `resource` or `storeKey` prop or render inside a <Resource>."
+      );
+    }
+    const translate = useTranslate();
+    const translateLabel = useTranslateLabel();
+    const state = useDataTableColumns({
+      storeKey: () => props.storeKey ?? defaultDataTableStoreKey(resource),
+      // What the table hides until a choice is stored, as it published them.
+      defaultHiddenColumns: () => state.columns.value.filter((column) => column.defaultHidden).map((column) => column.id)
+    });
+    const query = ref("");
+    const rows = computed(() => {
+      const columns = state.columns.value;
+      return arrangeColumns(
+        columns.map((column) => column.id),
+        { hidden: [], order: state.order.value }
+      ).map((index) => {
+        const column = columns[index];
+        return {
+          id: column.id,
+          label: translateLabel({
+            label: column.label,
+            source: column.source,
+            resource
+          }) || column.id
+        };
+      });
+    });
+    const searchable = computed(() => rows.value.length > SEARCH_THRESHOLD);
+    const searching = computed(() => searchable.value && query.value !== "");
+    const shownRows = computed(
+      () => searching.value ? rows.value.filter((row) => columnLabelMatches(row.label, query.value)) : rows.value
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), null, {
+        default: withCtx(() => [
+          createVNode(unref(_sfc_main$2), null, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$3, {
+                variant: "outline",
+                disabled: unref(state).columns.value.length === 0,
+                class: normalizeClass(props.class),
+                "data-slot": "columns-button"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(ColumnsIcon)),
+                  createTextVNode(" " + toDisplayString(unref(translate)("ra.action.select_columns", { _: "Columns" })), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled", "class"])
+            ]),
+            _: 1
+          }),
+          createVNode(unref(_sfc_main$4), {
+            align: "end",
+            class: "w-64 p-2"
+          }, {
+            default: withCtx(() => [
+              searchable.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                createVNode(unref(SearchIcon), { class: "pointer-events-none absolute left-2 top-1/2 -translate-y-1/2 text-muted-foreground" }),
+                createVNode(_sfc_main$5, {
+                  modelValue: query.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => query.value = $event),
+                  "aria-label": unref(translate)("ra.action.search", { _: "Search" }),
+                  class: "px-8"
+                }, null, 8, ["modelValue", "aria-label"]),
+                query.value !== "" ? (openBlock(), createBlock(_sfc_main$3, {
+                  key: 0,
+                  variant: "ghost",
+                  size: "icon",
+                  class: "absolute right-0 top-1/2 size-7 -translate-y-1/2",
+                  "aria-label": unref(translate)("ra.action.clear_input_value", { _: "Clear value" }),
+                  onClick: _cache[1] || (_cache[1] = ($event) => query.value = "")
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(XIcon))
+                  ]),
+                  _: 1
+                }, 8, ["aria-label"])) : createCommentVNode("", true)
+              ])) : createCommentVNode("", true),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(shownRows.value, (row, position) => {
+                return openBlock(), createElementBlock("div", {
+                  key: row.id,
+                  class: "flex items-center gap-1 rounded-sm px-1 py-1",
+                  "data-slot": "columns-button-row"
+                }, [
+                  createElementVNode("label", _hoisted_2, [
+                    createVNode(_sfc_main$6, {
+                      "model-value": !unref(state).hidden.value.includes(row.id),
+                      "onUpdate:modelValue": ($event) => unref(state).toggle(row.id)
+                    }, null, 8, ["model-value", "onUpdate:modelValue"]),
+                    createElementVNode("span", _hoisted_3, toDisplayString(row.label), 1)
+                  ]),
+                  createVNode(_sfc_main$3, {
+                    variant: "ghost",
+                    size: "icon",
+                    class: "size-7",
+                    disabled: searching.value || position === 0,
+                    "aria-label": unref(translate)("ra.action.move_up", { _: "Move up" }),
+                    onClick: ($event) => unref(state).move(row.id, -1)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(ChevronUpIcon))
+                    ]),
+                    _: 1
+                  }, 8, ["disabled", "aria-label", "onClick"]),
+                  createVNode(_sfc_main$3, {
+                    variant: "ghost",
+                    size: "icon",
+                    class: "size-7",
+                    disabled: searching.value || position === shownRows.value.length - 1,
+                    "aria-label": unref(translate)("ra.action.move_down", { _: "Move down" }),
+                    onClick: ($event) => unref(state).move(row.id, 1)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(ChevronDownIcon))
+                    ]),
+                    _: 1
+                  }, 8, ["disabled", "aria-label", "onClick"])
+                ]);
+              }), 128)),
+              createElementVNode("div", _hoisted_4, [
+                createVNode(_sfc_main$3, {
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: _cache[2] || (_cache[2] = ($event) => unref(state).reset())
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(translate)("ra.action.reset", { _: "Reset" })), 1)
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/buttons/columns-button2.vue.js

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

package/dist/components/admin/buttons/create-button.vue.d.ts

@@ -0,0 +1,18 @@
+/** Props for {@link CreateButton}. */
+export interface CreateButtonProps {
+    /** Override the ambient `<Resource>` this button targets. */
+    resource?: string;
+    /** Override the auto-translated label. */
+    label?: string;
+    /** Extra CSS class appended to the anchor. */
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<CreateButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CreateButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    icon?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/buttons/create-button.vue.js

@@ -0,0 +1,60 @@
+import { defineComponent, computed, openBlock, createBlock, unref, withModifiers, normalizeClass, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { RouterLink } from "vue-router";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { useGetResourceLabel } from "../../../label/use-get-resource-label.js";
+import { useResourceContext } from "../../../resource-context.js";
+import { useMenuAccess } from "../layout/use-menu-access.js";
+import { buttonVariants } from "../../ui/button-variants.js";
+import { PlusIcon } from "./icons.js";
+import { useCreatePath } from "../../../router/nav-composables.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "create-button",
+  props: {
+    resource: {},
+    label: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const resource = useResourceContext(props);
+    const createPath = useCreatePath();
+    const getResourceLabel = useGetResourceLabel();
+    const translate = useTranslate();
+    const { canAccess, isPending: isAccessPending } = useMenuAccess(
+      computed(() => ({ action: "create", resource: resource ?? "" }))
+    );
+    const show = computed(() => !isAccessPending.value && canAccess.value);
+    const to = computed(() => createPath({ resource, type: "create" }));
+    const label = computed(
+      () => translate("ra.action.create", {
+        _: "Create",
+        name: resource ? getResourceLabel(resource, 1) : void 0
+      })
+    );
+    const classes = computed(
+      () => buttonVariants({ variant: "outline", class: props.class })
+    );
+    return (_ctx, _cache) => {
+      return show.value ? (openBlock(), createBlock(unref(RouterLink), {
+        key: 0,
+        to: to.value,
+        class: normalizeClass(classes.value),
+        "aria-label": label.value,
+        "data-slot": "create-button",
+        onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["stop"]))
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            createVNode(unref(PlusIcon))
+          ]),
+          createTextVNode(" " + toDisplayString(label.value), 1)
+        ]),
+        _: 3
+      }, 8, ["to", "class", "aria-label"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/buttons/create-button2.vue.js

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