@chelone/vue 0.1.0 → 0.2.0

package/dist/admin/admin-shell.vue.js

@@ -4,7 +4,7 @@ import { useRoute, useRouter, START_LOCATION } from "vue-router";
 import _sfc_main$6 from "../components/admin/layout/layout.vue.js";
 import _sfc_main$1 from "../components/admin/layout/theme-provider.vue.js";
 import _sfc_main$4 from "../components/admin/auth/login-page.vue.js";
-import _sfc_main$3 from "../components/ui/spinner2.vue.js";
+import _sfc_main$3 from "../components/ui/spinner.vue.js";
 import { useBasename } from "../router/adapter.js";
 import { useWatchDataErrors } from "../auth/permissions-hooks.js";
 import { useAuthGate } from "./auth-gate.js";

package/dist/admin/admin.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, provide, useSlots, onScopeDispose, onBeforeUpdate, watchEffect, openBlock, createElementBlock, Fragment, renderSlot, createVNode, createSlots, withCtx, normalizeProps, guardReactiveProps } from "vue";
-import { joinBasename } from "@chelone/core";
+import { createI18n, englishMessages, joinBasename } from "@chelone/core";
 import { BasenameKey } from "../router/adapter.js";
 import { QueryClient, VUE_QUERY_CLIENT } from "@tanstack/vue-query";
 import { useRouter, START_LOCATION } from "vue-router";
@@ -44,7 +44,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       dataProvider: props.dataProvider,
       queryClient,
       authProvider: props.authProvider,
-      i18n: props.i18n,
+      // Built once, and only when the app brings no i18n of its own.
+      i18n: props.i18n ?? createI18n({ locale: "en", messages: { en: englishMessages } }),
       store: props.store,
       notifications: props.notifications,
       // Thread the zod registry so `useForm({ resource })` auto-resolves the

package/dist/components/admin/auth/auth-callback.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, unref, openBlock, createBlock, createElementBlock, createVNode } from "vue";
 import { useHandleAuthCallback } from "../../../admin/auth-gate.js";
-import _sfc_main$2 from "../../ui/spinner2.vue.js";
+import _sfc_main$2 from "../../ui/spinner.vue.js";
 import _sfc_main$1 from "./auth-error.vue.js";
 const _hoisted_1 = {
   key: 1,

package/dist/components/admin/auth/login-form.vue.js

@@ -6,7 +6,7 @@ import { useTranslate } from "../../../i18n/use-translate.js";
 import { cn } from "../../../lib/utils.js";
 import { useLogin } from "../../../auth/auth-hooks.js";
 import _sfc_main$2 from "../../ui/button.vue.js";
-import _sfc_main$3 from "../../ui/spinner2.vue.js";
+import _sfc_main$3 from "../../ui/spinner.vue.js";
 import _sfc_main$1 from "../inputs/text-input.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "login-form",

package/dist/components/admin/auth/login-with-email.vue.js

@@ -6,7 +6,7 @@ import { useForm } from "../../../form/use-form.js";
 import { useTranslate } from "../../../i18n/use-translate.js";
 import { cn } from "../../../lib/utils.js";
 import _sfc_main$3 from "../../ui/button.vue.js";
-import _sfc_main$4 from "../../ui/spinner2.vue.js";
+import _sfc_main$4 from "../../ui/spinner.vue.js";
 import _sfc_main$2 from "../inputs/password-input.vue.js";
 import _sfc_main$1 from "../inputs/text-input.vue.js";
 import { LogInIcon } from "./icons.js";

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

@@ -3,6 +3,8 @@ import { removeRecordsFromCache } from "@chelone/core";
 import { useCheloneContext } from "../../../context.js";
 import { useUndoable } from "../../../data/undoable.js";
 import { useTranslate } from "../../../i18n/use-translate.js";
+import { humanize, pluralize } from "../../../label/inflection.js";
+import { useGetRecordRepresentation } from "../../../label/use-get-record-representation.js";
 import { RecordContextKey } from "../../../record/record-context.js";
 import { useResourceContext } from "../../../resource-context.js";
 import { useMenuAccess } from "../layout/use-menu-access.js";
@@ -56,6 +58,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }))
     );
     const show = computed(() => !isAccessPending.value && canAccess.value);
+    const getRecordRepresentation = useGetRecordRepresentation(resource);
+    const confirmOptions = computed(() => {
+      const representation = getRecordRepresentation(record.value);
+      return {
+        name: translate(`resources.${resource}.forcedCaseName`, {
+          smart_count: 1,
+          _: humanize(
+            translate(`resources.${resource}.name`, {
+              smart_count: 1,
+              _: pluralize(resource, 1)
+            })
+          )
+        }),
+        recordRepresentation: typeof representation === "string" ? representation : "",
+        id: record.value?.id
+      };
+    });
     const label = computed(
       () => translate("ra.action.delete", { _: props.label ?? "Delete" })
     );
@@ -123,9 +142,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           title: __props.confirmTitle,
           content: __props.confirmContent,
           "confirm-color": __props.confirmColor,
+          "translate-options": confirmOptions.value,
           onConfirm,
           onClose: onCancel
-        }, null, 8, ["is-open", "loading", "title", "content", "confirm-color"])) : createCommentVNode("", true)
+        }, null, 8, ["is-open", "loading", "title", "content", "confirm-color", "translate-options"])) : createCommentVNode("", true)
       ], 64);
     };
   }

package/dist/components/admin/feedback/loading-indicator.vue.js

@@ -2,7 +2,7 @@ import { defineComponent, computed, openBlock, createElementBlock, normalizeClas
 import { useLoading, useRefresh } from "../../../data/use-refresh.js";
 import { useTranslate } from "../../../i18n/use-translate.js";
 import { cn } from "../../../lib/utils.js";
-import _sfc_main$2 from "../../ui/spinner2.vue.js";
+import _sfc_main$2 from "../../ui/spinner.vue.js";
 import { RotateCwIcon } from "../buttons/icons.js";
 import _sfc_main$1 from "../common/icon-button-with-tooltip.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/admin/feedback/spinner.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createBlock, normalizeClass, createCommentVNode } from "vue";
 import { cn } from "../../../lib/utils.js";
-import _sfc_main$1 from "../../ui/spinner2.vue.js";
+import _sfc_main$1 from "../../ui/spinner.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "spinner",
   props: {

package/dist/components/admin/list/calendar-header.vue.js

@@ -57,7 +57,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(_sfc_main$1, {
               variant: "ghost",
               size: "icon",
-              "aria-label": unref(translate)("ra.navigation.previous", { _: "Previous" }),
+              "aria-label": unref(translate)("ra.calendar.previous", { _: "Previous" }),
               onClick: _cache[0] || (_cache[0] = ($event) => emit("navigate", "previous"))
             }, {
               default: withCtx(() => [
@@ -78,7 +78,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(_sfc_main$1, {
               variant: "ghost",
               size: "icon",
-              "aria-label": unref(translate)("ra.navigation.next", { _: "Next" }),
+              "aria-label": unref(translate)("ra.calendar.next", { _: "Next" }),
               onClick: _cache[2] || (_cache[2] = ($event) => emit("navigate", "next"))
             }, {
               default: withCtx(() => [

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

@@ -98,8 +98,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     const rangeStartISO = computed(() => range.value.start.toISOString());
     const rangeEndISO = computed(() => range.value.end.toISOString());
-    const LIST_DEFAULT_PER_PAGE = 10;
-    const originalPerPage = list.perPage === props.perPage ? LIST_DEFAULT_PER_PAGE : list.perPage;
+    const originalPerPage = list.perPage === props.perPage ? list.defaultPerPage ?? 10 : list.perPage;
     let appliedKeys = [];
     const without = (filter, keys) => Object.fromEntries(
       Object.entries(filter).filter(([key]) => !keys.includes(key))

package/dist/components/admin/list/count-spinner.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, unref, openBlock, createBlock, normalizeClass, createCommentVNode } from "vue";
-import _sfc_main$1 from "../../ui/spinner2.vue.js";
+import _sfc_main$1 from "../../ui/spinner.vue.js";
 import { useTimeout } from "../feedback/use-timeout.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "count-spinner",

package/dist/components/admin/supabase/forgot-password-form.vue.js

@@ -6,7 +6,7 @@ import { useForm } from "../../../form/use-form.js";
 import { useTranslate } from "../../../i18n/use-translate.js";
 import { cn } from "../../../lib/utils.js";
 import _sfc_main$2 from "../../ui/button.vue.js";
-import _sfc_main$3 from "../../ui/spinner2.vue.js";
+import _sfc_main$3 from "../../ui/spinner.vue.js";
 import _sfc_main$1 from "../inputs/text-input.vue.js";
 import { useResetPassword } from "./use-password-recovery.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/admin/supabase/set-password-form.vue.js

@@ -6,7 +6,7 @@ import { useForm } from "../../../form/use-form.js";
 import { useTranslate } from "../../../i18n/use-translate.js";
 import { cn } from "../../../lib/utils.js";
 import _sfc_main$2 from "../../ui/button.vue.js";
-import _sfc_main$3 from "../../ui/spinner2.vue.js";
+import _sfc_main$3 from "../../ui/spinner.vue.js";
 import _sfc_main$1 from "../inputs/password-input.vue.js";
 import { useSupabaseUrlTokens, useSetPassword } from "./use-password-recovery.js";
 const _hoisted_1 = {

package/dist/components/maps-osm/osm-feature-operator.vue.js

@@ -6,7 +6,7 @@ import { useTranslate } from "../../i18n/use-translate.js";
 import { useNotify } from "../../notification-hooks.js";
 import { useMapsConfig } from "../maps/use-map.js";
 import _sfc_main$1 from "../ui/button.vue.js";
-import _sfc_main$2 from "../ui/spinner2.vue.js";
+import _sfc_main$2 from "../ui/spinner.vue.js";
 import { fetchOsmFeatures } from "./osm-features.js";
 import { subtractMask, unionAll } from "./osm-geometry-ops.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/ui/spinner.vue.js

@@ -1,4 +1,32 @@
-import _sfc_main from "./spinner2.vue.js";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode } from "vue";
+import { cn } from "../../lib/utils.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "spinner",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const classes = computed(() => cn("size-4 animate-spin", props.class));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", {
+        role: "status",
+        "aria-label": "Loading",
+        class: normalizeClass(classes.value),
+        "data-slot": "spinner",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "aria-hidden": "false"
+      }, [..._cache[0] || (_cache[0] = [
+        createElementVNode("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }, null, -1)
+      ])], 2);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/ui/spinner2.vue.js

@@ -1,32 +1,4 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode } from "vue";
-import { cn } from "../../lib/utils.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "spinner",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const classes = computed(() => cn("size-4 animate-spin", props.class));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", {
-        role: "status",
-        "aria-label": "Loading",
-        class: normalizeClass(classes.value),
-        "data-slot": "spinner",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        "stroke-width": "2",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        "aria-hidden": "false"
-      }, [..._cache[0] || (_cache[0] = [
-        createElementVNode("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }, null, -1)
-      ])], 2);
-    };
-  }
-});
+import _sfc_main from "./spinner.vue.js";
 export {
   _sfc_main as default
 };

package/dist/controllers/use-infinite-list-controller.js

@@ -1,4 +1,4 @@
-import { createInfiniteListController } from "@chelone/core";
+import { createInfiniteListController, listControllerActions } from "@chelone/core";
 import { reactive, computed } from "vue";
 import { useCheloneContext } from "../context.js";
 import { useRequiredResource } from "../resource-context.js";
@@ -29,18 +29,7 @@ function useInfiniteListController(options = {}) {
     selectedIds: computed(() => state.value.selectedIds),
     hasNextPage: computed(() => state.value.hasNextPage),
     hasPreviousPage: computed(() => state.value.hasPreviousPage),
-    setPage: controller.setPage,
-    setPerPage: controller.setPerPage,
-    setSort: controller.setSort,
-    setFilters: controller.setFilters,
-    setParams: controller.setParams,
-    showFilter: controller.showFilter,
-    hideFilter: controller.hideFilter,
-    select: controller.select,
-    toggleItem: controller.toggleItem,
-    unselectAll: controller.unselectAll,
-    selectAll: controller.selectAll,
-    refetch: controller.refetch,
+    ...listControllerActions(controller),
     fetchNextPage: controller.fetchNextPage,
     fetchPreviousPage: controller.fetchPreviousPage
   });

package/dist/controllers/use-list-controller.js

@@ -1,4 +1,4 @@
-import { createListController, listPatchFromSearch, serializeListState } from "@chelone/core";
+import { createListController, listPatchFromSearch, serializeListState, listControllerActions } from "@chelone/core";
 import { onScopeDispose, watch, reactive, computed } from "vue";
 import { useCheloneContext } from "../context.js";
 import { useRequiredResource } from "../resource-context.js";
@@ -53,18 +53,8 @@ function useListController(options = {}) {
     selectedIds: computed(() => state.value.selectedIds),
     hasNextPage: computed(() => state.value.hasNextPage),
     hasPreviousPage: computed(() => state.value.hasPreviousPage),
-    setPage: controller.setPage,
-    setPerPage: controller.setPerPage,
-    setSort: controller.setSort,
-    setFilters: controller.setFilters,
-    setParams: controller.setParams,
-    showFilter: controller.showFilter,
-    hideFilter: controller.hideFilter,
-    select: controller.select,
-    toggleItem: controller.toggleItem,
-    unselectAll: controller.unselectAll,
-    selectAll: controller.selectAll,
-    refetch: controller.refetch
+    ...listControllerActions(controller),
+    defaultPerPage: controller.defaultPerPage
   });
 }
 export {