@finema/core 3.23.2 → 3.25.0

package/dist/runtime/components/Table/index.vue

@@ -1,41 +1,41 @@
 <template>
-  <div ref="tableContainer">
-    <div
-      v-if="options.isEnabledSearch"
+  <div ref="tableContainer">
+    <div
+      v-if="options.isEnabledSearch"
       :class="
   theme.searchContainer({
     class: [ui?.searchContainer]
   })
-"
-    >
-      <Input
-        v-model="q"
-        icon="i-heroicons-magnifying-glass"
-        :placeholder="options.searchPlaceholder || messages.common.search"
-      />
-    </div>
-    <Base
-      v-bind="$attrs"
-      :options="options"
-      :ui="computedUi"
-      :column-pinning="computedColumnPinning"
-      :to="to"
-      :target="target"
-      :preserve-query="preserveQuery"
-      @page-change="onPageChange"
-      @search="emits('search', q)"
-    >
-      <template
-        v-for="(_, slot) of $slots"
-        #[slot]="slotProps"
-      >
-        <slot
-          :name="slot"
-          v-bind="slotProps || {}"
-        />
-      </template>
-    </Base>
-  </div>
+"
+    >
+      <Input
+        v-model="q"
+        icon="i-heroicons-magnifying-glass"
+        :placeholder="options.searchPlaceholder || messages.common.search"
+      />
+    </div>
+    <Base
+      v-bind="$attrs"
+      :options="options"
+      :ui="computedUi"
+      :column-pinning="computedColumnPinning"
+      :to="to"
+      :target="target"
+      :preserve-query="preserveQuery"
+      @page-change="onPageChange"
+      @search="emits('search', q)"
+    >
+      <template
+        v-for="(_, slot) of $slots"
+        #[slot]="slotProps"
+      >
+        <slot
+          :name="slot"
+          v-bind="slotProps || {}"
+        />
+      </template>
+    </Base>
+  </div>
 </template>
 
 <script setup>
@@ -72,13 +72,9 @@ const computedUi = computed(() => {
 });
 const computedColumnPinning = computed(() => {
   if (props.isPinAction) {
-    const hasActionsColumn = props.options.columns.some(
-      (col) => col.accessorKey === "actions"
-    );
+    const hasActionsColumn = props.options.columns.some((col) => col.accessorKey === "actions");
     if (hasActionsColumn) {
-      const rightPinned = props.columnPinning.right.filter(
-        (col) => col !== "actions"
-      );
+      const rightPinned = props.columnPinning.right.filter((col) => col !== "actions");
       return {
         left: props.columnPinning.left,
         right: [...rightPinned, "actions"]
@@ -104,7 +100,5 @@ const onPageChange = (newPage) => {
   }
   emits("pageChange", newPage);
 };
-const {
-  messages
-} = useCoreMessages();
+const { messages } = useCoreMessages();
 </script>

package/dist/runtime/composables/loaderList.js

@@ -1,9 +1,7 @@
 import { reactive, computed } from "vue";
 import { ObjectHelper } from "../utils/ObjectHelper.js";
 import { createCancelableRequest } from "../helpers/apiCancelHelper.js";
-import {
-  apiListHelper
-} from "../helpers/apiListHelper.js";
+import { apiListHelper } from "../helpers/apiListHelper.js";
 const useListLoader = (loaderOptions) => {
   const result = reactive({
     items: [],

package/dist/runtime/composables/loaderPage.js

@@ -65,6 +65,7 @@ export const usePageLoader = (loaderOptions) => {
     }
   };
   const cancelAll = () => {
+    ;
     Object.keys(requests).forEach(cancel);
   };
   const withRequest = async (key, externalSignal, autoCancel, run) => {
@@ -100,30 +101,35 @@ export const usePageLoader = (loaderOptions) => {
   const findSetLoading = () => {
     find.status = ObjectHelper.toLoadingStatus(find.status);
   };
-  const runFetch = (page, query, opts, mode = "replace") => withRequest("fetch", opts?.signal, true, (signal, guard) => apiFetchHelper(
-    () => ({
-      status: fetch.status,
-      items: fetch.items,
-      options: fetch.options
-    }),
-    guard((data) => {
-      if (mode === "append") fetch.statusNextPage = data;
-      else fetch.status = data;
-    }),
-    guard((data) => {
-      fetch.options = data;
-    }),
-    guard((data) => {
-      fetch.items = mode === "append" ? [...fetch.items, ...data] : data;
-    }),
-    page,
-    query,
-    {
-      ...loaderOptions,
-      ...opts,
-      signal
-    }
-  ));
+  const runFetch = (page, query, opts, mode = "replace") => withRequest(
+    "fetch",
+    opts?.signal,
+    true,
+    (signal, guard) => apiFetchHelper(
+      () => ({
+        status: fetch.status,
+        items: fetch.items,
+        options: fetch.options
+      }),
+      guard((data) => {
+        if (mode === "append") fetch.statusNextPage = data;
+        else fetch.status = data;
+      }),
+      guard((data) => {
+        fetch.options = data;
+      }),
+      guard((data) => {
+        fetch.items = mode === "append" ? [...fetch.items, ...data] : data;
+      }),
+      page,
+      query,
+      {
+        ...loaderOptions,
+        ...opts,
+        signal
+      }
+    )
+  );
   const fetchPage = (page = 1, query = "", opts) => runFetch(page, query, opts);
   const fetchAll = (query = "", opts = {}) => runFetch(1, query, {
     ...opts,
@@ -134,10 +140,7 @@ export const usePageLoader = (loaderOptions) => {
   });
   const fetchSearch = (query = "", opts) => fetchPage(1, query, opts);
   const lastFetchParams = () => {
-    const {
-      page: _page,
-      ...params
-    } = fetch.options?.request?.params || {};
+    const { page: _page, ...params } = fetch.options?.request?.params || {};
     return params;
   };
   const fetchNextPage = (opts) => runFetch(
@@ -153,111 +156,131 @@ export const usePageLoader = (loaderOptions) => {
     params: lastFetchParams(),
     ...opts
   });
-  const findRun = (id, opts) => withRequest("find", opts?.signal, true, (signal, guard) => apiFindHelper(
-    () => ({
-      status: find.status,
-      data: find.item,
-      options: find.options
-    }),
-    guard((data) => {
-      find.status = data;
-    }),
-    guard((data) => {
-      find.options = data;
-    }),
-    guard((data) => {
-      find.item = data;
-    }),
-    id,
-    {
-      ...loaderOptions,
-      ...opts,
-      signal
-    }
-  ));
-  const addRun = (payload) => withRequest("add", payload.signal, false, (signal, guard) => apiAddHelper(
-    () => ({
-      items: fetch.items,
-      status: add.status,
-      data: add.item,
-      options: add.options
-    }),
-    guard((data) => {
-      add.status = data;
-    }),
-    guard((data) => {
-      add.options = data;
-    }),
-    guard((data) => {
-      add.item = data;
-    }),
-    guard((data) => {
-      fetch.items = data;
-    }),
-    payload.data,
-    {
-      ...loaderOptions,
-      ...payload,
-      signal
-    }
-  ));
-  const updateRun = (id, payload) => withRequest("update", payload.signal, false, (signal, guard) => updateHelper(
-    () => ({
-      items: fetch.items,
-      status: update.status,
-      data: update.item,
-      oldData: find.item,
-      options: update.options
-    }),
-    guard((data) => {
-      update.status = data;
-    }),
-    guard((data) => {
-      update.options = data;
-    }),
-    guard((data) => {
-      update.item = data;
-    }),
-    guard((data) => {
-      fetch.items = data;
-    }),
-    guard((data) => {
-      find.item = data;
-    }),
-    id,
-    payload.data,
-    {
-      ...loaderOptions,
-      ...payload,
-      signal
-    }
-  ));
-  const deleteRun = (id, opts) => withRequest("delete", opts?.signal, false, (signal, guard) => apiDeleteHelper(
-    () => ({
-      status: del.status,
-      data: del.item,
-      items: fetch.items,
-      options: del.options
-    }),
-    guard((data) => {
-      del.status = data;
-    }),
-    guard((data) => {
-      del.options = data;
-    }),
-    guard((data) => {
-      del.item = data;
-    }),
-    guard((data) => {
-      fetch.items = data;
-    }),
-    id,
-    {
-      ...loaderOptions,
-      ...opts,
-      signal
-    }
-  ));
+  const findRun = (id, opts) => withRequest(
+    "find",
+    opts?.signal,
+    true,
+    (signal, guard) => apiFindHelper(
+      () => ({
+        status: find.status,
+        data: find.item,
+        options: find.options
+      }),
+      guard((data) => {
+        find.status = data;
+      }),
+      guard((data) => {
+        find.options = data;
+      }),
+      guard((data) => {
+        find.item = data;
+      }),
+      id,
+      {
+        ...loaderOptions,
+        ...opts,
+        signal
+      }
+    )
+  );
+  const addRun = (payload) => withRequest(
+    "add",
+    payload.signal,
+    false,
+    (signal, guard) => apiAddHelper(
+      () => ({
+        items: fetch.items,
+        status: add.status,
+        data: add.item,
+        options: add.options
+      }),
+      guard((data) => {
+        add.status = data;
+      }),
+      guard((data) => {
+        add.options = data;
+      }),
+      guard((data) => {
+        add.item = data;
+      }),
+      guard((data) => {
+        fetch.items = data;
+      }),
+      payload.data,
+      {
+        ...loaderOptions,
+        ...payload,
+        signal
+      }
+    )
+  );
+  const updateRun = (id, payload) => withRequest(
+    "update",
+    payload.signal,
+    false,
+    (signal, guard) => updateHelper(
+      () => ({
+        items: fetch.items,
+        status: update.status,
+        data: update.item,
+        oldData: find.item,
+        options: update.options
+      }),
+      guard((data) => {
+        update.status = data;
+      }),
+      guard((data) => {
+        update.options = data;
+      }),
+      guard((data) => {
+        update.item = data;
+      }),
+      guard((data) => {
+        fetch.items = data;
+      }),
+      guard((data) => {
+        find.item = data;
+      }),
+      id,
+      payload.data,
+      {
+        ...loaderOptions,
+        ...payload,
+        signal
+      }
+    )
+  );
+  const deleteRun = (id, opts) => withRequest(
+    "delete",
+    opts?.signal,
+    false,
+    (signal, guard) => apiDeleteHelper(
+      () => ({
+        status: del.status,
+        data: del.item,
+        items: fetch.items,
+        options: del.options
+      }),
+      guard((data) => {
+        del.status = data;
+      }),
+      guard((data) => {
+        del.options = data;
+      }),
+      guard((data) => {
+        del.item = data;
+      }),
+      guard((data) => {
+        fetch.items = data;
+      }),
+      id,
+      {
+        ...loaderOptions,
+        ...opts,
+        signal
+      }
+    )
+  );
   return {
     fetch,
     find,

package/dist/runtime/composables/useConfig.js

@@ -7,7 +7,7 @@ export const useCoreConfig = () => {
 export const useUiConfig = (config, name) => {
   return tv({
     extend: tv(config),
-    ...uiConfig()[name] || {}
+    ...uiConfig()[name]
   });
 };
 export const useUiIconConfig = (name) => {

package/dist/runtime/composables/useDialog.js

@@ -11,9 +11,7 @@ export var DialogType = /* @__PURE__ */ ((DialogType2) => {
 })(DialogType || {});
 export const useDialog = () => {
   const overlay = useOverlay();
-  const {
-    messages
-  } = useCoreMessages();
+  const { messages } = useCoreMessages();
   const modalLoading = overlay.create(Dialog);
   const openDialog = async (payload) => {
     const modal = overlay.create(Dialog);

package/dist/runtime/composables/useForm.d.ts

@@ -6,7 +6,7 @@ interface IFieldContext<TValue> extends FieldContext<TValue> {
 }
 export declare const useFieldHOC: <TValue = unknown>(newFormProps: IFieldProps, opts?: Partial<FieldOptions<TValue>>) => IFieldContext<TValue>;
 export declare const createFormFields: (fields: () => IFormField[]) => ComputedRef<IFormField[]>;
-export declare const moveToError: ({ errors, }: {
+export declare const moveToError: ({ errors }: {
     errors: Record<string, unknown>;
 }) => void;
 export {};

package/dist/runtime/composables/useForm.js

@@ -21,9 +21,7 @@ export const useFieldHOC = (newFormProps, opts) => {
   };
 };
 export const createFormFields = (fields) => computed(fields);
-export const moveToError = ({
-  errors
-}) => {
+export const moveToError = ({ errors }) => {
   const firstErrorFieldName = Object.keys(errors)[0];
   const el = document.querySelector(`[name="${firstErrorFieldName}"]`);
   if (el) {

package/dist/runtime/composables/useTable.js

@@ -1,13 +1,7 @@
 import { get } from "@vueuse/core";
 import { computed, ObjectHelper } from "#imports";
 export const useTable = (options) => computed(() => {
-  const {
-    repo,
-    columns,
-    transformItems,
-    options: nestedOptions,
-    ...inlineOptions
-  } = options;
+  const { repo, columns, transformItems, options: nestedOptions, ...inlineOptions } = options;
   return createTableOptions(
     repo,
     columns(),
@@ -19,13 +13,7 @@ export const useTable = (options) => computed(() => {
   );
 });
 export const useTableSimple = (options) => computed(() => {
-  const {
-    items,
-    status,
-    columns,
-    options: nestedOptions,
-    ...inlineOptions
-  } = options;
+  const { items, status, columns, options: nestedOptions, ...inlineOptions } = options;
   return {
     items: items(),
     columns: columns(),

package/dist/runtime/helpers/apiBaseHelper.js

@@ -52,11 +52,7 @@ export const createErrorOptions = (error, request) => ({
   request
 });
 export const toSerializableLoaderOptions = (opts) => {
-  const {
-    request,
-    signal: _signal,
-    ...rest
-  } = opts;
+  const { request, signal: _signal, ...rest } = opts;
   const serializableOptions = JSON.parse(JSON.stringify(rest));
   if (request) {
     serializableOptions.request = toSerializableRequestOptions(request);
@@ -89,12 +85,7 @@ const wait = (ms, signal) => new Promise((resolve, reject) => {
   });
 });
 export const handleApiRequest = async (requestContext, mockData, callbacks) => {
-  const {
-    url,
-    method,
-    data,
-    options
-  } = requestContext;
+  const { url, method, data, options } = requestContext;
   try {
     if (mockData) {
       await wait(300, options.signal);
@@ -111,19 +102,10 @@ export const handleApiRequest = async (requestContext, mockData, callbacks) => {
   }
 };
 export const updateLoaderState = {
-  setLoading: (status) => ObjectHelper.toLoadingStatus(
-    status
-  ),
-  setSuccess: (status) => ObjectHelper.toSuccessStatus(
-    status
-  ),
-  setError: (status, error) => ObjectHelper.toErrorStatus(
-    status,
-    error
-  ),
-  setComplete: (status) => ObjectHelper.toCompleteStatus(
-    status
-  ),
+  setLoading: (status) => ObjectHelper.toLoadingStatus(status),
+  setSuccess: (status) => ObjectHelper.toSuccessStatus(status),
+  setError: (status, error) => ObjectHelper.toErrorStatus(status, error),
+  setComplete: (status) => ObjectHelper.toCompleteStatus(status),
   setOptions: (options, updates) => ({
     ...options,
     ...updates,

package/dist/runtime/helpers/apiListHelper.js

@@ -1,5 +1,5 @@
-import { bindParamsToUrl } from "./apiBaseHelper.js";
 import {
+  bindParamsToUrl,
   checkExpiration,
   createErrorOptions,
   createSuccessOptions,
@@ -14,10 +14,7 @@ export const apiListHelper = async (state, onUpdateStatus, onUpdateOptions, onUp
   }
   onUpdateStatus(updateLoaderState.setLoading(state().status));
   onUpdateOptions({});
-  const {
-    requestOptions,
-    stateRequestOptions
-  } = prepareLoaderRequestOptions(
+  const { requestOptions, stateRequestOptions } = prepareLoaderRequestOptions(
     {},
     opts.getRequestOptions?.(opts),
     opts.params,

package/dist/runtime/helpers/apiObjectHelper.js

@@ -1,5 +1,5 @@
-import { bindParamsToUrl } from "./apiBaseHelper.js";
 import {
+  bindParamsToUrl,
   checkExpiration,
   createErrorOptions,
   createSuccessOptions,
@@ -14,10 +14,7 @@ export const apiObjectHelper = async (state, onUpdateStatus, onUpdateOptions, on
   }
   onUpdateStatus(updateLoaderState.setLoading(state().status));
   onUpdateOptions({});
-  const {
-    requestOptions,
-    stateRequestOptions
-  } = prepareLoaderRequestOptions(
+  const { requestOptions, stateRequestOptions } = prepareLoaderRequestOptions(
     {},
     opts.getRequestOptions?.(payload, opts),
     opts.params,