@userfrosting/sprinkle-core 6.0.0-beta.7 → 6.0.0-beta.8

package/dist/Page401Unauthorized-Dkz0W0kI.js

@@ -0,0 +1,11 @@
+import { resolveComponent as o, createBlock as e, openBlock as n } from "vue";
+import { _ as t } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const c = {};
+function _(a, s) {
+  const r = o("UFErrorPage");
+  return n(), e(r, { errorCode: "401" });
+}
+const p = /* @__PURE__ */ t(c, [["render", _]]);
+export {
+  p as default
+};

package/dist/Page403Forbidden-CZrvZLe3.js

@@ -0,0 +1,11 @@
+import { resolveComponent as o, createBlock as e, openBlock as n } from "vue";
+import { _ as c } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const t = {};
+function _(a, s) {
+  const r = o("UFErrorPage");
+  return n(), e(r, { errorCode: "403" });
+}
+const p = /* @__PURE__ */ c(t, [["render", _]]);
+export {
+  p as default
+};

package/dist/Page404NotFound-C7Y20KCv.js

@@ -0,0 +1,11 @@
+import { resolveComponent as r, createBlock as e, openBlock as n } from "vue";
+import { _ as t } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const c = {};
+function _(a, s) {
+  const o = r("UFErrorPage");
+  return n(), e(o, { errorCode: "404" });
+}
+const p = /* @__PURE__ */ t(c, [["render", _]]);
+export {
+  p as default
+};

package/dist/PageError-wq0-2ksY.js

@@ -0,0 +1,11 @@
+import { resolveComponent as o, createBlock as e, openBlock as c } from "vue";
+import { _ as n } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const t = {};
+function _(a, s) {
+  const r = o("UFErrorPage");
+  return c(), e(r);
+}
+const p = /* @__PURE__ */ n(t, [["render", _]]);
+export {
+  p as default
+};

package/dist/_plugin-vue_export-helper-CHgC5LLL.js

@@ -0,0 +1,9 @@
+const s = (t, r) => {
+  const o = t.__vccOpts || t;
+  for (const [c, e] of r)
+    o[c] = e;
+  return o;
+};
+export {
+  s as _
+};

package/dist/composables/index.d.ts

@@ -0,0 +1,4 @@
+export { useSprunjer } from './useSprunjer';
+export { useCsrf } from './useCsrf';
+export { useAxiosInterceptor } from './useAxiosInterceptor';
+export { useRuleSchemaAdapter } from './useRuleSchemaAdapter';

package/dist/composables/useAxiosInterceptor.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Axios Error Handler
+ *
+ * This composable sets up an Axios interceptor to handle errors globally using
+ * the Alerts store. It sends the error to the Alerts store, unless it's a 401
+ * error.
+ *
+ * @see https://axios-http.com/docs/interceptors
+ */
+export declare const useAxiosInterceptor: () => void;

package/dist/composables/useCsrf.d.ts

@@ -0,0 +1,18 @@
+/**
+ * CSRF Protection Composable
+ *
+ * Automatically sets the CSRF token in the axios headers for all requests.
+ * The CSRF token is read from the meta tags in the HTML document.
+ * The CSRF token can updated when the server responds with a new token in the headers.
+ *
+ * @see https://cheatsheetseries.owasp.org/cheatsheets/Cross-Site_Request_Forgery_Prevention_Cheat_Sheet.html#axios
+ */
+export declare const useCsrf: () => {
+    key_name: import('vue').Ref<string, string>;
+    key_value: import('vue').Ref<string, string>;
+    name: import('vue').Ref<string, string>;
+    token: import('vue').Ref<string, string>;
+    isEnabled: () => boolean;
+    updateFromHeaders: (headers: any) => void;
+    fetchCsrfToken: () => Promise<void>;
+};

package/dist/composables/useRuleSchemaAdapter.d.ts

@@ -0,0 +1,7 @@
+export declare function useRuleSchemaAdapter(): {
+    adapt: (sourceSchema: Record<string, any>) => Record<string, any>;
+    translateMessage: (fieldRulesMeta: {
+        message?: string;
+        [key: string]: any;
+    }) => string;
+};

package/dist/composables/useSprunjer.d.ts

@@ -0,0 +1,2 @@
+import { AssociativeArray, Sprunjer } from '../interfaces';
+export declare const useSprunjer: (dataUrl: string | (() => string), defaultSorts?: AssociativeArray, defaultFilters?: AssociativeArray, defaultSize?: number, defaultPage?: number) => Sprunjer;

package/dist/composables.js

@@ -0,0 +1,151 @@
+import { ref as _, computed as c, watchEffect as T, toValue as B } from "vue";
+import D from "axios";
+import { u as y, a as h } from "./useAxiosInterceptor-DTHSvv-f.js";
+import { required as q, withMessage as i, email as G, minLength as S, maxLength as V, integer as $, oneOf as p, regex as m, not as M, numeric as O, between as z, url as L } from "@regle/rules";
+import { b as H } from "./useAlertsStore-BnSfoOG2.js";
+const X = (s, a = {}, w = {}, o = 10, t = 0) => {
+  const e = _(o), n = _(t), g = _(a), u = _(w), r = _({
+    count: 0,
+    count_filtered: 0,
+    rows: [],
+    listable: {},
+    sortable: [],
+    filterable: []
+  }), b = _(!1), x = _(null);
+  async function l() {
+    b.value = !0, D.get(B(s), {
+      params: {
+        size: e.value,
+        page: n.value,
+        sorts: g.value,
+        filters: u.value
+      }
+    }).then((f) => {
+      r.value.count = f.data.count, r.value.count_filtered = f.data.count_filtered, r.value.rows = f.data.rows, r.value.listable = f.data.listable ?? {}, r.value.sortable = f.data.sortable ?? [], r.value.filterable = f.data.filterable ?? [];
+    }).catch((f) => {
+      x.value = f.response.data;
+    }).finally(() => {
+      b.value = !1;
+    });
+  }
+  const j = c(() => Math.max(Math.ceil((r.value.count_filtered ?? 0) / e.value) - 1, 0)), C = c(() => r.value.count ?? 0), E = c(() => Math.min(n.value * e.value + 1, r.value.count ?? 0)), d = c(() => Math.min((n.value + 1) * e.value, r.value.count_filtered ?? 0)), A = c(() => r.value.count_filtered ?? 0), P = c(() => r.value.rows ?? []);
+  function I() {
+    console.log("Not yet implemented");
+  }
+  function N(f) {
+    let v;
+    g.value[f] === "asc" ? v = "desc" : g.value[f] === "desc" ? v = null : v = "asc", g.value[f] = v;
+  }
+  return T(() => {
+    l();
+  }), {
+    dataUrl: s,
+    size: e,
+    page: n,
+    sorts: g,
+    filters: u,
+    data: r,
+    fetch: l,
+    loading: b,
+    error: x,
+    downloadCsv: I,
+    totalPages: j,
+    countFiltered: A,
+    count: C,
+    rows: P,
+    first: E,
+    last: d,
+    toggleSort: N
+  };
+};
+function Y() {
+  function s(o) {
+    var e;
+    const t = {};
+    for (const n in o)
+      if (Object.prototype.hasOwnProperty.call(o, n)) {
+        const g = ((e = o[n]) == null ? void 0 : e.validators) || {}, u = {};
+        for (const r of Object.keys(g))
+          w(r, g, u);
+        t[n] = u;
+      }
+    return t;
+  }
+  function a(o) {
+    const { translate: t } = H();
+    if (!o.message)
+      return "";
+    const e = { ...o };
+    return delete e.message, t(o.message, e);
+  }
+  function w(o, t, e) {
+    if (o === "required" && t.required) {
+      const n = a(t.required);
+      e.required = n === "" ? q : i(q, n);
+    }
+    if (o === "email" && t.email) {
+      const n = a(t.email);
+      e.email = i(G, n);
+    }
+    if (o === "length" && t.length) {
+      if (t.length.min !== void 0) {
+        const n = a(t.length);
+        e.minLength = n === "" ? S(t.length.min) : i(S(t.length.min), n);
+      }
+      if (t.length.max !== void 0) {
+        const n = a(t.length);
+        e.maxLength = n === "" ? V(t.length.max) : i(V(t.length.max), n);
+      }
+    }
+    if (o === "matches" && t.matches && console.warn('Validation rule "matches" not implemented yet'), o === "equals" && t.equals && console.warn('Validation rule "equals" not implemented yet'), o === "integer" && t.integer) {
+      const n = a(t.integer);
+      e.integer = n === "" ? $ : i($, n);
+    }
+    if (o === "member_of" && t.member_of) {
+      const n = a(t.member_of);
+      e.member_of = n === "" ? p(t.member_of.values) : i(p(t.member_of.values), n);
+    }
+    if (o === "no_leading_whitespace" && t.no_leading_whitespace) {
+      const n = a(t.no_leading_whitespace);
+      e.no_leading_whitespace = n === "" ? m(/^\S.*$/) : i(m(/^\S.*$/), n);
+    }
+    if (o === "no_trailing_whitespace" && t.no_trailing_whitespace) {
+      const n = a(t.no_trailing_whitespace);
+      e.no_trailing_whitespace = n === "" ? m(/^.*\S$/) : i(m(/^.*\S$/), n);
+    }
+    if (o === "not_equals" && t.not_equals && console.warn('Validation rule "not_equals" not implemented yet'), o === "not_matches" && t.not_matches && console.warn('Validation rule "not_matches" not implemented yet'), o === "not_member_of" && t.not_member_of) {
+      const n = a(t.not_member_of);
+      e.not_member_of = n === "" ? M(p(t.not_member_of.values)) : i(M(p(t.not_member_of.values)), n);
+    }
+    if (o === "numeric" && t.numeric) {
+      const n = a(t.numeric);
+      e.numeric = n === "" ? O : i(O, n);
+    }
+    if (o === "range" && t.range) {
+      const n = a(t.range);
+      e.range = n === "" ? z(t.range.min, t.range.max) : i(
+        z(t.range.min, t.range.max),
+        n
+      );
+    }
+    if (o === "regex" && t.regex) {
+      const n = a(t.regex);
+      e.regex = n === "" ? m(new RegExp(t.regex.regex)) : i(m(new RegExp(t.regex.regex)), n);
+    }
+    if (o === "telephone" && t.telephone && console.warn('Validation rule "telephone" not implemented yet'), o === "uri" && t.uri) {
+      const n = a(t.uri);
+      e.uri = n === "" ? L : i(L, n);
+    }
+    if (o === "username" && t.username) {
+      const n = a(t.username);
+      e.username = n === "" ? m(/^([a-z0-9.\-_])+$/i) : i(m(/^([a-z0-9.\-_])+$/i), n);
+    }
+  }
+  return { adapt: s, translateMessage: a };
+}
+export {
+  y as useAxiosInterceptor,
+  h as useCsrf,
+  Y as useRuleSchemaAdapter,
+  X as useSprunjer
+};

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+import { App } from 'vue';
+/**
+ * Core Sprinkle initialization recipe.
+ *
+ * This recipe is responsible for loading the configuration from the api,
+ * loading the translations, register the translator as $t and $tdate global
+ * properties and setting up the axios CSRF headers.
+ */
+declare const _default: {
+    install: (app: App) => void;
+};
+export default _default;
+declare module 'vue' {
+    interface ComponentCustomProperties {
+        $t: (key: string, placeholders?: string | number | object) => string;
+        $tdate: (date: string, format?: string | object) => string;
+    }
+}

package/dist/index.js

@@ -0,0 +1,15 @@
+import { u as r, b as a } from "./useAlertsStore-BnSfoOG2.js";
+import { u as s, a as e } from "./useAxiosInterceptor-DTHSvv-f.js";
+import "vue";
+import "axios";
+import "@regle/rules";
+const p = {
+  install: (o) => {
+    s(), r().load();
+    const t = a();
+    t.load(), o.config.globalProperties.$t = t.translate, o.config.globalProperties.$tdate = t.translateDate, e();
+  }
+};
+export {
+  p as default
+};

package/{app/assets/interfaces/ApiResponse.ts → dist/interfaces/ApiResponse.d.ts}

@@ -4,12 +4,11 @@
  * Generic API Response interface.
  */
 export interface ApiResponse {
-    title: string
-    description?: string
+    title: string;
+    description?: string;
 }
-
 export interface ApiErrorResponse {
-    title: string
-    description: string
-    status: number
+    title: string;
+    description: string;
+    status: number;
 }

package/{app/assets/interfaces/DictionaryApi.ts → dist/interfaces/DictionaryApi.d.ts}

@@ -7,19 +7,17 @@
  * This api doesn't have a corresponding Request data interface.
  */
 export interface DictionaryResponse {
-    identifier: string
-    config: DictionaryConfig
-    dictionary: DictionaryEntries
+    identifier: string;
+    config: DictionaryConfig;
+    dictionary: DictionaryEntries;
 }
-
 export interface DictionaryEntries {
-    [key: string]: string
+    [key: string]: string;
 }
-
 export interface DictionaryConfig {
-    name: string
-    regional: string
-    authors: string[]
-    plural_rule: number
-    dates: string
+    name: string;
+    regional: string;
+    authors: string[];
+    plural_rule: number;
+    dates: string;
 }

package/dist/interfaces/alerts.d.ts

@@ -0,0 +1,8 @@
+import { Severity } from './severity';
+export interface AlertInterface {
+    title?: string;
+    description?: string;
+    style?: Severity | keyof typeof Severity;
+    closeBtn?: boolean;
+    hideIcon?: boolean;
+}

package/{app/assets/interfaces/common.ts → dist/interfaces/common.d.ts}

@@ -4,5 +4,5 @@
  * Returns miscellaneous interfaces that are used throughout the application.
  */
 export interface AssociativeArray {
-    [key: string]: string | null
+    [key: string]: string | null;
 }

package/dist/interfaces/index.d.ts

@@ -0,0 +1,13 @@
+declare module 'vue-router' {
+    interface RouteMeta {
+        title?: string;
+        description?: string;
+    }
+}
+export type { AlertInterface } from './alerts';
+export type { AssociativeArray } from './common';
+export { Severity } from './severity';
+export type { Sprunjer, SprunjerData, SprunjerListable, SprunjerListableOption } from './sprunjer';
+export type { SprunjerRequest, SprunjerResponse } from './sprunjerApi';
+export type { DictionaryResponse, DictionaryEntries, DictionaryConfig } from './DictionaryApi';
+export type { ApiResponse, ApiErrorResponse } from './ApiResponse';

package/{app/assets/interfaces/severity.ts → dist/interfaces/severity.d.ts}

@@ -12,13 +12,13 @@
  * the theme's button component must accept 'Info' as a valid input, but it can
  * map it to the 'Primary' style.
  */
-export enum Severity {
-    Primary = 'Primary',
-    Secondary = 'Secondary',
-    Success = 'Success',
-    Warning = 'Warning',
-    Danger = 'Danger',
-    Info = 'Info',
-    Muted = 'Muted', // Aka, Disabled
-    Default = 'Default' // No-style or default style
+export declare enum Severity {
+    Primary = "Primary",
+    Secondary = "Secondary",
+    Success = "Success",
+    Warning = "Warning",
+    Danger = "Danger",
+    Info = "Info",
+    Muted = "Muted",// Aka, Disabled
+    Default = "Default"
 }

package/dist/interfaces/sprunjer.d.ts

@@ -0,0 +1,51 @@
+import { Ref, ComputedRef } from 'vue';
+import { ApiErrorResponse, AssociativeArray } from '.';
+export interface Sprunjer {
+    dataUrl: string | (() => string);
+    size: Ref<number>;
+    page: Ref<number>;
+    sorts: Ref<AssociativeArray>;
+    filters: Ref<AssociativeArray>;
+    data: Ref<SprunjerData>;
+    fetch: () => void;
+    loading: Ref<boolean>;
+    error: Ref<ApiErrorResponse | null>;
+    totalPages: ComputedRef<number>;
+    downloadCsv: () => void;
+    countFiltered: ComputedRef<number>;
+    count: ComputedRef<number>;
+    rows: ComputedRef<any[]>;
+    first: ComputedRef<number>;
+    last: ComputedRef<number>;
+    toggleSort: (column: string) => void;
+}
+/**
+ * Sprunjer Data. Represents the data that is returned from any Sprunjer
+ * Composable. It is different than SprunjerResponse, as the response if what
+ * the API return, Data is what Vue provides. Both are similar, but Data doesn't
+ * have optional values.
+ *
+ * N.B.: "rows" uses a generic array. It can contain any object, and should
+ * actually be can be extended for each Sprunjer
+ */
+export interface SprunjerData {
+    count: number;
+    count_filtered: number;
+    rows: any[];
+    listable: SprunjerListable;
+    sortable: string[];
+    filterable: string[];
+}
+/**
+ * Sprunjer Listable. Represents a listable for a Sprunjer.
+ */
+export interface SprunjerListable {
+    [key: string]: SprunjerListableOption[];
+}
+/**
+ * Sprunjer Listable Option. Represents a listable option for a Sprunjer.
+ */
+export interface SprunjerListableOption {
+    value: string;
+    text: string;
+}

package/{app/assets/interfaces/sprunjerApi.ts → dist/interfaces/sprunjerApi.d.ts}

@@ -1,9 +1,7 @@
-import type { AssociativeArray, SprunjerListable } from '.'
-
+import { AssociativeArray, SprunjerListable } from '.';
 /**
  * Sprunje API Interfaces - What the API expects and what it returns.
  */
-
 /**
  * Sprunjer Response. All the data that is returned from any Sprunjer API.
  * Note listable, sortable and filterable are optional when dealing with the API.
@@ -12,22 +10,21 @@ import type { AssociativeArray, SprunjerListable } from '.'
  * actually be can be extended for each Sprunjer
  */
 export interface SprunjerResponse {
-    count: number
-    count_filtered: number
-    rows: any[]
-    listable?: SprunjerListable
-    sortable?: string[]
-    filterable?: string[]
+    count: number;
+    count_filtered: number;
+    rows: any[];
+    listable?: SprunjerListable;
+    sortable?: string[];
+    filterable?: string[];
 }
-
 /**
  * Sprunjer Request. All the parameters that can be passed to a Sprunjer.
  * All parameters are optional.
  */
 export interface SprunjerRequest {
-    size?: number
-    page?: number
-    sorts?: AssociativeArray
-    filters?: AssociativeArray
-    format?: string
+    size?: number;
+    page?: number;
+    sorts?: AssociativeArray;
+    filters?: AssociativeArray;
+    format?: string;
 }

package/dist/interfaces.js

@@ -0,0 +1,5 @@
+import "vue-router";
+import { S as t } from "./severity-DwLpzIij.js";
+export {
+  t as Severity
+};

package/dist/routes/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Default error routes.
+ *
+ * N.B.: The first of these routes serve as a catch-all, so 404 not found must
+ * be first.
+ */
+declare const _default: {
+    path: string;
+    name: string;
+    meta: {
+        title: string;
+        description: string;
+    };
+    component: () => Promise<typeof import("../views/Page404NotFound.vue")>;
+}[];
+export default _default;

package/dist/routes.js

@@ -0,0 +1,41 @@
+const t = [
+  {
+    path: "/:pathMatch(.*)*",
+    name: "NotFound",
+    meta: {
+      title: "ERROR.404.TITLE",
+      description: "ERROR.404.DESCRIPTION"
+    },
+    component: () => import("./Page404NotFound-C7Y20KCv.js")
+  },
+  {
+    path: "/:pathMatch(.*)*",
+    name: "Unauthorized",
+    meta: {
+      title: "ERROR.401.TITLE",
+      description: "ERROR.401.DESCRIPTION"
+    },
+    component: () => import("./Page401Unauthorized-Dkz0W0kI.js")
+  },
+  {
+    path: "/:pathMatch(.*)*",
+    name: "Forbidden",
+    meta: {
+      title: "ERROR.403.TITLE",
+      description: "ERROR.403.DESCRIPTION"
+    },
+    component: () => import("./Page403Forbidden-CZrvZLe3.js")
+  },
+  {
+    path: "/:pathMatch(.*)*",
+    name: "Error",
+    meta: {
+      title: "ERROR.TITLE",
+      description: "ERROR.DESCRIPTION"
+    },
+    component: () => import("./PageError-wq0-2ksY.js")
+  }
+];
+export {
+  t as default
+};

package/dist/severity-DwLpzIij.js

@@ -0,0 +1,4 @@
+var n = /* @__PURE__ */ ((a) => (a.Primary = "Primary", a.Secondary = "Secondary", a.Success = "Success", a.Warning = "Warning", a.Danger = "Danger", a.Info = "Info", a.Muted = "Muted", a.Default = "Default", a))(n || {});
+export {
+  n as S
+};