@fctc/widget-logic 1.0.11 → 1.1.1

package/dist/action.js

@@ -27,7 +27,7 @@ __export(action_exports, {
 });
 module.exports = __toCommonJS(action_exports);
 
-// src/action/use-archieve-row.tsx
+// src/action/use-archieve-row.ts
 var import_interface_logic = require("@fctc/interface-logic");
 var useArchieveHandler = ({
   data,
@@ -54,7 +54,7 @@ var useArchieveHandler = ({
   return handleDuplicateRecord;
 };
 
-// src/action/use-duplicate-row.tsx
+// src/action/use-duplicate-row.ts
 var import_interface_logic2 = require("@fctc/interface-logic");
 var useDuplicateRowHandler = ({
   data,
@@ -80,7 +80,7 @@ var useDuplicateRowHandler = ({
   return handleDuplicateRecord;
 };
 
-// src/action/use-get-field-export.tsx
+// src/action/use-get-field-export.ts
 var import_interface_logic3 = require("@fctc/interface-logic");
 var useGetFieldExportHandler = ({
   data,
@@ -113,7 +113,7 @@ var useGetFieldExportHandler = ({
   return handleGetFieldExport;
 };
 
-// src/action/use-export-excel.tsx
+// src/action/use-export-excel.ts
 var import_interface_logic4 = require("@fctc/interface-logic");
 var useExportExcelHandler = ({
   data,

package/dist/action.mjs

@@ -1,4 +1,4 @@
-// src/action/use-archieve-row.tsx
+// src/action/use-archieve-row.ts
 import { useButton } from "@fctc/interface-logic";
 var useArchieveHandler = ({
   data,
@@ -25,7 +25,7 @@ var useArchieveHandler = ({
   return handleDuplicateRecord;
 };
 
-// src/action/use-duplicate-row.tsx
+// src/action/use-duplicate-row.ts
 import { useDuplicateRecord } from "@fctc/interface-logic";
 var useDuplicateRowHandler = ({
   data,
@@ -51,7 +51,7 @@ var useDuplicateRowHandler = ({
   return handleDuplicateRecord;
 };
 
-// src/action/use-get-field-export.tsx
+// src/action/use-get-field-export.ts
 import { useGetFieldExport } from "@fctc/interface-logic";
 var useGetFieldExportHandler = ({
   data,
@@ -84,7 +84,7 @@ var useGetFieldExportHandler = ({
   return handleGetFieldExport;
 };
 
-// src/action/use-export-excel.tsx
+// src/action/use-export-excel.ts
 import { evalJSONDomain, useExportExcel } from "@fctc/interface-logic";
 var useExportExcelHandler = ({
   data,

package/dist/common.d.mts

@@ -0,0 +1,13 @@
+import { RefObject } from 'react';
+
+declare const DEFAULT_EVENTS: readonly ["mousedown", "touchstart"];
+type EventType = (typeof DEFAULT_EVENTS)[number];
+interface UseClickOutsideOptions {
+    handler: (event?: Event) => void;
+    events?: readonly EventType[];
+    nodes?: (HTMLDivElement | null)[];
+    refs?: any;
+}
+declare const useClickOutside: ({ handler, events, nodes, refs, }: UseClickOutsideOptions) => RefObject<HTMLDivElement | null>;
+
+export { useClickOutside };

package/dist/common.d.ts

@@ -0,0 +1,13 @@
+import { RefObject } from 'react';
+
+declare const DEFAULT_EVENTS: readonly ["mousedown", "touchstart"];
+type EventType = (typeof DEFAULT_EVENTS)[number];
+interface UseClickOutsideOptions {
+    handler: (event?: Event) => void;
+    events?: readonly EventType[];
+    nodes?: (HTMLDivElement | null)[];
+    refs?: any;
+}
+declare const useClickOutside: ({ handler, events, nodes, refs, }: UseClickOutsideOptions) => RefObject<HTMLDivElement | null>;
+
+export { useClickOutside };

package/dist/common.js

@@ -0,0 +1,60 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/common.ts
+var common_exports = {};
+__export(common_exports, {
+  useClickOutside: () => useClickOutside
+});
+module.exports = __toCommonJS(common_exports);
+
+// src/common/use-click-outside.ts
+var import_react = require("react");
+var DEFAULT_EVENTS = ["mousedown", "touchstart"];
+var useClickOutside = ({
+  handler,
+  events = DEFAULT_EVENTS,
+  nodes = [],
+  refs
+}) => {
+  const ref = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    const listener = (event) => {
+      const { target } = event;
+      if (refs && refs?.length > 0 && refs?.some((r) => r.current?.contains(target))) {
+        return;
+      }
+      if (!(target instanceof HTMLElement)) return;
+      const shouldIgnore = target.hasAttribute("data-ignore-outside-clicks") || !document.body.contains(target) && target.tagName !== "HTML";
+      const shouldTrigger = nodes.length > 0 ? nodes.every((node) => node && !event.composedPath().includes(node)) : ref.current && !ref.current.contains(target);
+      if (shouldTrigger && !shouldIgnore) {
+        handler(event);
+      }
+    };
+    events.forEach((event) => document.addEventListener(event, listener));
+    return () => {
+      events.forEach((event) => document.removeEventListener(event, listener));
+    };
+  }, [handler, nodes, events]);
+  return ref;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useClickOutside
+});

package/dist/common.mjs

@@ -0,0 +1,33 @@
+// src/common/use-click-outside.ts
+import { useEffect, useRef } from "react";
+var DEFAULT_EVENTS = ["mousedown", "touchstart"];
+var useClickOutside = ({
+  handler,
+  events = DEFAULT_EVENTS,
+  nodes = [],
+  refs
+}) => {
+  const ref = useRef(null);
+  useEffect(() => {
+    const listener = (event) => {
+      const { target } = event;
+      if (refs && refs?.length > 0 && refs?.some((r) => r.current?.contains(target))) {
+        return;
+      }
+      if (!(target instanceof HTMLElement)) return;
+      const shouldIgnore = target.hasAttribute("data-ignore-outside-clicks") || !document.body.contains(target) && target.tagName !== "HTML";
+      const shouldTrigger = nodes.length > 0 ? nodes.every((node) => node && !event.composedPath().includes(node)) : ref.current && !ref.current.contains(target);
+      if (shouldTrigger && !shouldIgnore) {
+        handler(event);
+      }
+    };
+    events.forEach((event) => document.addEventListener(event, listener));
+    return () => {
+      events.forEach((event) => document.removeEventListener(event, listener));
+    };
+  }, [handler, nodes, events]);
+  return ref;
+};
+export {
+  useClickOutside
+};

package/dist/form.d.mts

@@ -3,22 +3,23 @@ interface UseSaveFormProps$1 {
         context: any;
         model: string;
         specification: any;
-        id: any;
-        nameField: any;
-        object: any;
+        ids: any;
+        nameField?: any;
+        object?: any;
     };
     onSuccess?: (res: any) => void;
     onError?: (err: any) => void;
     onSettled?: (err: any) => void;
 }
-declare const UseOnChangeFormHandler: ({ data, onSuccess, onError, onSettled, }: UseSaveFormProps$1) => () => void;
+declare const UseOnChangeFormHandler: ({ data, onSuccess, onError, onSettled, }: UseSaveFormProps$1) => Promise<any>;
 
 interface UseSaveFormProps {
     data: {
         context: any;
         model: string;
-        specification: any;
-        id: number | string;
+        specification?: any;
+        ids: any;
+        records: any;
     };
     onSuccess?: (res: any) => void;
     onError?: (err: any) => void;

package/dist/form.d.ts

@@ -3,22 +3,23 @@ interface UseSaveFormProps$1 {
         context: any;
         model: string;
         specification: any;
-        id: any;
-        nameField: any;
-        object: any;
+        ids: any;
+        nameField?: any;
+        object?: any;
     };
     onSuccess?: (res: any) => void;
     onError?: (err: any) => void;
     onSettled?: (err: any) => void;
 }
-declare const UseOnChangeFormHandler: ({ data, onSuccess, onError, onSettled, }: UseSaveFormProps$1) => () => void;
+declare const UseOnChangeFormHandler: ({ data, onSuccess, onError, onSettled, }: UseSaveFormProps$1) => Promise<any>;
 
 interface UseSaveFormProps {
     data: {
         context: any;
         model: string;
-        specification: any;
-        id: number | string;
+        specification?: any;
+        ids: any;
+        records: any;
     };
     onSuccess?: (res: any) => void;
     onError?: (err: any) => void;

package/dist/form.js

@@ -26,7 +26,7 @@ __export(form_exports, {
 });
 module.exports = __toCommonJS(form_exports);
 
-// src/widget/form/use-on-change-form.tsx
+// src/widget/form/use-on-change-form.ts
 var import_interface_logic = require("@fctc/interface-logic");
 var UseOnChangeFormHandler = ({
   data,
@@ -35,27 +35,32 @@ var UseOnChangeFormHandler = ({
   onSettled
 }) => {
   const fetchOnchange = (0, import_interface_logic.useOnChangeForm)();
-  const handleOnChangeForm = () => {
+  return new Promise((resolve, reject) => {
     fetchOnchange.mutate(
       {
-        ids: data.id ? data.id : [],
+        ids: data.ids ? data.ids : [],
         model: data.model,
         specification: data.specification,
         context: data.context,
         object: data.object,
-        fieldChange: [data.nameField]
+        fieldChange: data.nameField
       },
       {
-        onSuccess,
-        onError,
+        onSuccess: (res) => {
+          onSuccess?.(res);
+          resolve(res);
+        },
+        onError: (err) => {
+          onError?.(err);
+          reject(err);
+        },
         onSettled
       }
     );
-  };
-  return handleOnChangeForm;
+  });
 };
 
-// src/widget/form/use-save-form.tsx
+// src/widget/form/use-save-form.ts
 var import_interface_logic2 = require("@fctc/interface-logic");
 var useSaveFormHandler = ({
   data,
@@ -67,9 +72,9 @@ var useSaveFormHandler = ({
   const handleSaveForm = () => {
     fetchSave.mutate(
       {
-        ids: data.id ? [data.id] : [],
+        ids: data.ids ? [data.ids] : [],
         model: data.model,
-        data,
+        data: data.records,
         specification: data.specification,
         context: data.context
       },
@@ -83,7 +88,7 @@ var useSaveFormHandler = ({
   return handleSaveForm;
 };
 
-// src/widget/form/use-remove-row.tsx
+// src/widget/form/use-remove-row.ts
 var import_interface_logic3 = require("@fctc/interface-logic");
 var useRemoveRowHandler = ({
   data,

package/dist/form.mjs

@@ -1,4 +1,4 @@
-// src/widget/form/use-on-change-form.tsx
+// src/widget/form/use-on-change-form.ts
 import { useOnChangeForm } from "@fctc/interface-logic";
 var UseOnChangeFormHandler = ({
   data,
@@ -7,27 +7,32 @@ var UseOnChangeFormHandler = ({
   onSettled
 }) => {
   const fetchOnchange = useOnChangeForm();
-  const handleOnChangeForm = () => {
+  return new Promise((resolve, reject) => {
     fetchOnchange.mutate(
       {
-        ids: data.id ? data.id : [],
+        ids: data.ids ? data.ids : [],
         model: data.model,
         specification: data.specification,
         context: data.context,
         object: data.object,
-        fieldChange: [data.nameField]
+        fieldChange: data.nameField
       },
       {
-        onSuccess,
-        onError,
+        onSuccess: (res) => {
+          onSuccess?.(res);
+          resolve(res);
+        },
+        onError: (err) => {
+          onError?.(err);
+          reject(err);
+        },
         onSettled
       }
     );
-  };
-  return handleOnChangeForm;
+  });
 };
 
-// src/widget/form/use-save-form.tsx
+// src/widget/form/use-save-form.ts
 import { useSave } from "@fctc/interface-logic";
 var useSaveFormHandler = ({
   data,
@@ -39,9 +44,9 @@ var useSaveFormHandler = ({
   const handleSaveForm = () => {
     fetchSave.mutate(
       {
-        ids: data.id ? [data.id] : [],
+        ids: data.ids ? [data.ids] : [],
         model: data.model,
-        data,
+        data: data.records,
         specification: data.specification,
         context: data.context
       },
@@ -55,7 +60,7 @@ var useSaveFormHandler = ({
   return handleSaveForm;
 };
 
-// src/widget/form/use-remove-row.tsx
+// src/widget/form/use-remove-row.ts
 import { useRemoveRow } from "@fctc/interface-logic";
 var useRemoveRowHandler = ({
   data,

package/dist/index.d.mts

@@ -1,3 +1,5 @@
 export { useArchieveHandler, useDuplicateRowHandler, useExportExcelHandler, useGetFieldExportHandler } from './action.mjs';
 export { UseOnChangeFormHandler, useRemoveRowHandler, useSaveFormHandler } from './form.mjs';
 export { useTableHandler } from './table.mjs';
+export { useClickOutside } from './common.mjs';
+import 'react';

package/dist/index.d.ts

@@ -1,3 +1,5 @@
 export { useArchieveHandler, useDuplicateRowHandler, useExportExcelHandler, useGetFieldExportHandler } from './action.js';
 export { UseOnChangeFormHandler, useRemoveRowHandler, useSaveFormHandler } from './form.js';
 export { useTableHandler } from './table.js';
+export { useClickOutside } from './common.js';
+import 'react';