@fctc/widget-logic 1.0.11 → 1.2.0

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,61 @@
+"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 = [],
+  // Default to empty array to avoid undefined errors
+  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,34 @@
+// src/common/use-click-outside.ts
+import { useEffect, useRef } from "react";
+var DEFAULT_EVENTS = ["mousedown", "touchstart"];
+var useClickOutside = ({
+  handler,
+  events = DEFAULT_EVENTS,
+  nodes = [],
+  // Default to empty array to avoid undefined errors
+  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.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,
@@ -55,7 +55,7 @@ var UseOnChangeFormHandler = ({
   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,
@@ -83,7 +83,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,
@@ -27,7 +27,7 @@ var UseOnChangeFormHandler = ({
   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,
@@ -55,7 +55,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';