@fctc/widget-logic 1.4.0 → 1.4.1

package/dist/icons.d.mts

@@ -0,0 +1,9 @@
+declare const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
+declare const LoadingIcon: ({ width, height, ...props }: React.SVGProps<SVGSVGElement>) => JSX.Element;
+
+declare const CloseIcon: ({ className }: {
+    className?: string;
+}) => JSX.Element;
+
+export { CloseIcon, EyeIcon, LoadingIcon };

package/dist/icons.d.ts

@@ -0,0 +1,9 @@
+declare const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
+declare const LoadingIcon: ({ width, height, ...props }: React.SVGProps<SVGSVGElement>) => JSX.Element;
+
+declare const CloseIcon: ({ className }: {
+    className?: string;
+}) => JSX.Element;
+
+export { CloseIcon, EyeIcon, LoadingIcon };

package/dist/icons.js

@@ -0,0 +1,139 @@
+"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/icons.ts
+var icons_exports = {};
+__export(icons_exports, {
+  CloseIcon: () => CloseIcon,
+  EyeIcon: () => EyeIcon,
+  LoadingIcon: () => LoadingIcon
+});
+module.exports = __toCommonJS(icons_exports);
+
+// src/icons/eye-icon.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var EyeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  "svg",
+  {
+    width: "20",
+    height: "21",
+    viewBox: "0 0 20 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M2.72904 13.5776C2.02076 12.6574 1.66663 12.1974 1.66663 10.8312C1.66663 9.46507 2.02076 9.00499 2.72904 8.08483C4.14326 6.24752 6.51505 4.16455 9.99996 4.16455C13.4849 4.16455 15.8567 6.24752 17.2709 8.08483C17.9792 9.00499 18.3333 9.46507 18.3333 10.8312C18.3333 12.1974 17.9792 12.6574 17.2709 13.5776C15.8567 15.4149 13.4849 17.4979 9.99996 17.4979C6.51505 17.4979 4.14326 15.4149 2.72904 13.5776Z",
+          stroke: "#ABACAE",
+          strokeWidth: "1.5"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M12.5 10.8311C12.5 12.2118 11.3807 13.3311 10 13.3311C8.61929 13.3311 7.5 12.2118 7.5 10.8311C7.5 9.45034 8.61929 8.33105 10 8.33105C11.3807 8.33105 12.5 9.45034 12.5 10.8311Z",
+          stroke: "#ABACAE",
+          strokeWidth: "1.5"
+        }
+      )
+    ]
+  }
+);
+
+// src/icons/loading-icon.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var LoadingIcon = ({
+  width = 15,
+  height = 15,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlnsXlink: "http://www.w3.org/1999/xlink",
+      viewBox: "0 0 100 100",
+      preserveAspectRatio: "xMidYMid",
+      width,
+      height,
+      style: {
+        shapeRendering: "auto",
+        display: "block",
+        background: "transparent"
+      },
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "circle",
+          {
+            strokeDasharray: "141.37166941154067 49.12388980384689",
+            r: "30",
+            strokeWidth: "10",
+            stroke: "currentColor",
+            fill: "none",
+            cy: "50",
+            cx: "50",
+            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "animateTransform",
+              {
+                keyTimes: "0;1",
+                values: "0 50 50;360 50 50",
+                dur: "0.5050505050505051s",
+                repeatCount: "indefinite",
+                type: "rotate",
+                attributeName: "transform"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", {})
+      ] })
+    }
+  );
+};
+
+// src/icons/close-icon.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var CloseIcon = ({ className = "" }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "path",
+        {
+          d: "M12.0001 10.7275L16.4551 6.27246L17.7277 7.54506L13.2727 12.0001L17.7277 16.4551L16.4551 17.7277L12.0001 13.2727L7.54506 17.7277L6.27246 16.4551L10.7275 12.0001L6.27246 7.54506L7.54506 6.27246L12.0001 10.7275Z",
+          fill: "#A4A4A4"
+        }
+      )
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CloseIcon,
+  EyeIcon,
+  LoadingIcon
+});

package/dist/icons.mjs

@@ -0,0 +1,110 @@
+// src/icons/eye-icon.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var EyeIcon = () => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: "20",
+    height: "21",
+    viewBox: "0 0 20 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M2.72904 13.5776C2.02076 12.6574 1.66663 12.1974 1.66663 10.8312C1.66663 9.46507 2.02076 9.00499 2.72904 8.08483C4.14326 6.24752 6.51505 4.16455 9.99996 4.16455C13.4849 4.16455 15.8567 6.24752 17.2709 8.08483C17.9792 9.00499 18.3333 9.46507 18.3333 10.8312C18.3333 12.1974 17.9792 12.6574 17.2709 13.5776C15.8567 15.4149 13.4849 17.4979 9.99996 17.4979C6.51505 17.4979 4.14326 15.4149 2.72904 13.5776Z",
+          stroke: "#ABACAE",
+          strokeWidth: "1.5"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12.5 10.8311C12.5 12.2118 11.3807 13.3311 10 13.3311C8.61929 13.3311 7.5 12.2118 7.5 10.8311C7.5 9.45034 8.61929 8.33105 10 8.33105C11.3807 8.33105 12.5 9.45034 12.5 10.8311Z",
+          stroke: "#ABACAE",
+          strokeWidth: "1.5"
+        }
+      )
+    ]
+  }
+);
+
+// src/icons/loading-icon.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var LoadingIcon = ({
+  width = 15,
+  height = 15,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx2(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlnsXlink: "http://www.w3.org/1999/xlink",
+      viewBox: "0 0 100 100",
+      preserveAspectRatio: "xMidYMid",
+      width,
+      height,
+      style: {
+        shapeRendering: "auto",
+        display: "block",
+        background: "transparent"
+      },
+      ...props,
+      children: /* @__PURE__ */ jsxs2("g", { children: [
+        /* @__PURE__ */ jsx2(
+          "circle",
+          {
+            strokeDasharray: "141.37166941154067 49.12388980384689",
+            r: "30",
+            strokeWidth: "10",
+            stroke: "currentColor",
+            fill: "none",
+            cy: "50",
+            cx: "50",
+            children: /* @__PURE__ */ jsx2(
+              "animateTransform",
+              {
+                keyTimes: "0;1",
+                values: "0 50 50;360 50 50",
+                dur: "0.5050505050505051s",
+                repeatCount: "indefinite",
+                type: "rotate",
+                attributeName: "transform"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx2("g", {})
+      ] })
+    }
+  );
+};
+
+// src/icons/close-icon.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var CloseIcon = ({ className = "" }) => {
+  return /* @__PURE__ */ jsx3(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: /* @__PURE__ */ jsx3(
+        "path",
+        {
+          d: "M12.0001 10.7275L16.4551 6.27246L17.7277 7.54506L13.2727 12.0001L17.7277 16.4551L16.4551 17.7277L12.0001 13.2727L7.54506 17.7277L6.27246 16.4551L10.7275 12.0001L6.27246 7.54506L7.54506 6.27246L12.0001 10.7275Z",
+          fill: "#A4A4A4"
+        }
+      )
+    }
+  );
+};
+export {
+  CloseIcon,
+  EyeIcon,
+  LoadingIcon
+};

package/dist/index.d.mts

@@ -1,5 +1,2 @@
-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';
+
+export {  }

package/dist/index.d.ts

@@ -1,5 +1,2 @@
-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';
+
+export {  }

package/dist/index.js

@@ -1,365 +1 @@
 "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/index.ts
-var index_exports = {};
-__export(index_exports, {
-  UseOnChangeFormHandler: () => UseOnChangeFormHandler,
-  useArchieveHandler: () => useArchieveHandler,
-  useClickOutside: () => useClickOutside,
-  useDuplicateRowHandler: () => useDuplicateRowHandler,
-  useExportExcelHandler: () => useExportExcelHandler,
-  useGetFieldExportHandler: () => useGetFieldExportHandler,
-  useRemoveRowHandler: () => useRemoveRowHandler,
-  useSaveFormHandler: () => useSaveFormHandler,
-  useTableHandler: () => useTableHandler
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/action/use-archieve-row.ts
-var import_interface_logic = require("@fctc/interface-logic");
-var useArchieveHandler = ({
-  data,
-  onSuccess,
-  onError,
-  onSettled
-}) => {
-  const archieve = (0, import_interface_logic.useButton)();
-  const handleDuplicateRecord = () => {
-    archieve.mutate(
-      {
-        method: `action_${data.actionName}`,
-        model: data.model,
-        ids: Array.isArray(data.ids) ? [...data.ids] : data.ids,
-        context: data.context
-      },
-      {
-        onSuccess,
-        onError,
-        onSettled
-      }
-    );
-  };
-  return handleDuplicateRecord;
-};
-
-// src/action/use-duplicate-row.ts
-var import_interface_logic2 = require("@fctc/interface-logic");
-var useDuplicateRowHandler = ({
-  data,
-  onSuccess,
-  onError,
-  onSettled
-}) => {
-  const duplicateRecord = (0, import_interface_logic2.useDuplicateRecord)();
-  const handleDuplicateRecord = () => {
-    duplicateRecord.mutate(
-      {
-        model: data.model,
-        id: Array.isArray(data.ids) ? [...data.ids] : data.ids,
-        context: data.context
-      },
-      {
-        onSuccess,
-        onError,
-        onSettled
-      }
-    );
-  };
-  return handleDuplicateRecord;
-};
-
-// src/action/use-get-field-export.ts
-var import_interface_logic3 = require("@fctc/interface-logic");
-var useGetFieldExportHandler = ({
-  data,
-  onSuccess,
-  onError,
-  onSettled
-}) => {
-  const fieldExport = (0, import_interface_logic3.useGetFieldExport)();
-  const handleGetFieldExport = () => {
-    fieldExport.mutate(
-      {
-        context: data.context,
-        ids: data.ids,
-        model: data.model,
-        isShow: data.isShow,
-        fieldType: data.fieldType,
-        importCompat: data.importCompat,
-        name: data.name,
-        parentField: data.parentField,
-        parentName: data.parentName,
-        prefix: data.prefix
-      },
-      {
-        onSuccess,
-        onError,
-        onSettled
-      }
-    );
-  };
-  return handleGetFieldExport;
-};
-
-// src/action/use-export-excel.ts
-var import_interface_logic4 = require("@fctc/interface-logic");
-var useExportExcelHandler = ({
-  data,
-  onSuccess,
-  onError,
-  onSettled
-}) => {
-  const exportExcel = (0, import_interface_logic4.useExportExcel)();
-  const handleExport = () => {
-    exportExcel.mutate(
-      {
-        model: data.model,
-        ids: data?.ids,
-        fields: data.fields,
-        domain: (0, import_interface_logic4.evalJSONDomain)(data.domain, data.context),
-        importCompat: data?.importCompat,
-        type: data.type,
-        context: data.context,
-        groupby: data?.groupby
-      },
-      {
-        onSuccess,
-        onError,
-        onSettled
-      }
-    );
-  };
-  return handleExport;
-};
-
-// src/widget/form/use-on-change-form.ts
-var import_interface_logic5 = require("@fctc/interface-logic");
-var UseOnChangeFormHandler = ({
-  data,
-  onSuccess,
-  onError,
-  onSettled
-}) => {
-  const fetchOnchange = (0, import_interface_logic5.useOnChangeForm)();
-  const handleOnChangeForm = () => {
-    fetchOnchange.mutate(
-      {
-        ids: data.id ? data.id : [],
-        model: data.model,
-        specification: data.specification,
-        context: data.context,
-        object: data.object,
-        fieldChange: [data.nameField]
-      },
-      {
-        onSuccess,
-        onError,
-        onSettled
-      }
-    );
-  };
-  return handleOnChangeForm;
-};
-
-// src/widget/form/use-save-form.ts
-var import_interface_logic6 = require("@fctc/interface-logic");
-var useSaveFormHandler = ({
-  data,
-  onSuccess,
-  onError,
-  onSettled
-}) => {
-  const fetchSave = (0, import_interface_logic6.useSave)();
-  const handleSaveForm = () => {
-    fetchSave.mutate(
-      {
-        ids: data.id ? [data.id] : [],
-        model: data.model,
-        data,
-        specification: data.specification,
-        context: data.context
-      },
-      {
-        onSuccess,
-        onError,
-        onSettled
-      }
-    );
-  };
-  return handleSaveForm;
-};
-
-// src/widget/form/use-remove-row.ts
-var import_interface_logic7 = require("@fctc/interface-logic");
-var useRemoveRowHandler = ({
-  data,
-  onSuccess,
-  onError,
-  onSettled
-}) => {
-  const remove = (0, import_interface_logic7.useRemoveRow)();
-  const handleRemoveRow = () => {
-    remove.mutate(
-      {
-        model: data.model,
-        ids: Array.isArray(data.ids) ? [...data.ids] : data.ids,
-        context: data.context
-      },
-      {
-        onSuccess,
-        onError,
-        onSettled
-      }
-    );
-  };
-  return handleRemoveRow;
-};
-
-// src/widget/table/use-table.ts
-var import_interface_logic8 = require("@fctc/interface-logic");
-var import_react = require("react");
-function mergeButtons(fields) {
-  const buttons = fields?.filter((f) => f.type_co === "button");
-  const others = fields?.filter((f) => f.type_co !== "button");
-  if (buttons?.length) {
-    others.push({
-      type_co: "buttons",
-      buttons
-    });
-  }
-  return others;
-}
-var useTableHandler = ({ data }) => {
-  const [rows, setRows] = (0, import_react.useState)(data.records || []);
-  const [columns, setColumns] = (0, import_react.useState)([]);
-  const dataModelFields = data.fields?.map((field) => {
-    return {
-      ...data.dataModel?.[field?.name],
-      ...field,
-      string: field?.string || data.dataModel?.[field?.name]?.string
-    };
-  });
-  const mergeFields = mergeButtons(dataModelFields);
-  const transformData = (dataList) => {
-    if (!dataList) return;
-    return dataList?.map((item) => {
-      const transformedItem = { ...item };
-      Object.keys(item).forEach((field) => {
-        if (field !== "__domain") {
-          if (item[field] && typeof item[field] === "object" && item[field].display_name) {
-            transformedItem[field] = item[field];
-          } else if (Array.isArray(item[field]) && item[field].length > 0) {
-            if (data.typeTable === "group" && item[field]?.length === 2 && typeof item[field]?.[1] === "string") {
-              transformedItem["string"] = item[field]?.[1];
-            }
-            transformedItem[field] = item[field];
-          }
-        }
-      });
-      return item.display_name ? { ...transformedItem, item: item.display_name } : transformedItem;
-    });
-  };
-  (0, import_react.useEffect)(() => {
-    setRows(transformData(data.records || null));
-  }, [data.records]);
-  const handleGetColumns = () => {
-    let cols = [];
-    try {
-      cols = mergeFields?.filter((item) => {
-        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? import_interface_logic8.domainHelper.matchDomains(data.context, item?.column_invisible) : item?.invisible ? import_interface_logic8.domainHelper.matchDomains(data.context, item?.invisible) : false);
-      })?.map((field) => {
-        return {
-          name: field?.name,
-          optional: field?.optional,
-          title: field?.type_co === "button" ? "" : field?.string,
-          field: { ...field }
-        };
-      });
-    } catch (error) {
-      console.error("Error in useTable:", error);
-    }
-    return cols;
-  };
-  (0, import_react.useEffect)(() => {
-    const columns2 = handleGetColumns();
-    setColumns(columns2);
-  }, [data.records]);
-  const onToggleColumnOptional = (item) => {
-    const tempColumn = [...columns]?.map((val) => {
-      if (item?.name === val?.name) {
-        return {
-          ...val,
-          optional: item?.optional === "show" ? "hide" : "show"
-        };
-      }
-      return val;
-    });
-    setColumns(tempColumn);
-  };
-  return {
-    rows,
-    columns,
-    onToggleColumnOptional,
-    typeTable: data.typeTable
-  };
-};
-
-// src/common/use-click-outside.ts
-var import_react2 = require("react");
-var DEFAULT_EVENTS = ["mousedown", "touchstart"];
-var useClickOutside = ({
-  handler,
-  events = DEFAULT_EVENTS,
-  nodes = [],
-  refs
-}) => {
-  const ref = (0, import_react2.useRef)(null);
-  (0, import_react2.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 = {
-  UseOnChangeFormHandler,
-  useArchieveHandler,
-  useClickOutside,
-  useDuplicateRowHandler,
-  useExportExcelHandler,
-  useGetFieldExportHandler,
-  useRemoveRowHandler,
-  useSaveFormHandler,
-  useTableHandler
-});