@fctc/widget-logic 1.3.0 → 1.3.2

package/dist/utils.mjs

@@ -0,0 +1,242 @@
+// src/utils/constants.ts
+var languages = [
+  { id: "vi_VN", name: "VIE" },
+  { id: "en_US", name: "ENG" }
+];
+var API_PRESCHOOL_URL = {
+  baseURL: "https://preschool.vitrust.app"
+};
+var API_APP_URL = {
+  baseUrl: "https://api.vitrust.app",
+  c2: "https://api.vitrust.app/c2",
+  apiV2: "https://api.vitrust.app/c2/api/v2"
+};
+
+// src/utils/function.ts
+import { useCallback, useEffect, useReducer, useRef, useState } from "react";
+var countSum = (data, field) => {
+  if (!data || !field) return 0;
+  return data.reduce(
+    (total, item) => total + (item?.[`${field}_count`] || 0),
+    0
+  );
+};
+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;
+}
+function isElementVisible(el) {
+  const style = window.getComputedStyle(el);
+  return style.display !== "none" && style.visibility !== "hidden" && style.opacity !== "0";
+}
+function arraysAreEqual(a, b) {
+  if (a.length !== b.length) return false;
+  const setA = new Set(a);
+  const setB = new Set(b);
+  if (setA.size !== setB.size) return false;
+  for (const val of setA) {
+    if (!setB.has(val)) return false;
+  }
+  return true;
+}
+function useGetRowIds(tableRef) {
+  const [rowIds, setRowIds] = useState([]);
+  const lastRowIdsRef = useRef([]);
+  const updateVisibleRowIds = useCallback(() => {
+    const table = tableRef?.current;
+    if (!table) return;
+    const rows = table.querySelectorAll("tr[data-row-id]");
+    const ids = [];
+    rows.forEach((row) => {
+      const el = row;
+      if (isElementVisible(el)) {
+        const id = el.getAttribute("data-row-id");
+        if (id) ids.push(id);
+      }
+    });
+    const uniqueIds = Array.from(new Set(ids));
+    if (!arraysAreEqual(lastRowIdsRef.current, uniqueIds)) {
+      lastRowIdsRef.current = uniqueIds;
+      setRowIds(uniqueIds);
+    }
+  }, [tableRef]);
+  useEffect(() => {
+    const table = tableRef?.current;
+    if (!table) return;
+    const observer = new MutationObserver(() => {
+      updateVisibleRowIds();
+    });
+    observer.observe(table, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ["style", "class"]
+    });
+    updateVisibleRowIds();
+    return () => {
+      observer.disconnect();
+    };
+  }, [updateVisibleRowIds, tableRef]);
+  return { rowIds, refresh: updateVisibleRowIds };
+}
+var getDateRange = (currentDate, unit) => {
+  const date = new Date(currentDate);
+  let dateStart, dateEnd;
+  function formatDate(d) {
+    return d.getFullYear() + "-" + String(d.getMonth() + 1).padStart(2, "0") + "-" + String(d.getDate()).padStart(2, "0") + " " + String(d.getHours()).padStart(2, "0") + ":" + String(d.getMinutes()).padStart(2, "0") + ":" + String(d.getSeconds()).padStart(2, "0");
+  }
+  switch (unit) {
+    case "month":
+      dateStart = new Date(
+        date.getFullYear(),
+        date.getMonth() + 1,
+        date.getDate(),
+        23,
+        59,
+        59
+      );
+      dateStart.setHours(dateStart.getHours() - 7);
+      dateEnd = new Date(date.getFullYear(), date.getMonth(), 0, 0, 0, 0);
+      dateEnd.setHours(dateEnd.getHours() - 7);
+      break;
+    case "day":
+      dateStart = new Date(
+        date.getFullYear(),
+        date.getMonth(),
+        date.getDate(),
+        23,
+        59,
+        59
+      );
+      dateStart.setHours(dateStart.getHours() - 7);
+      dateEnd = new Date(
+        date.getFullYear(),
+        date.getMonth(),
+        date.getDate(),
+        0,
+        0,
+        0
+      );
+      dateEnd.setHours(dateEnd.getHours() - 7);
+      break;
+    case "week":
+      const dayOfWeek = date.getDay();
+      const daysToMonday = dayOfWeek === 0 ? -6 : 1 - dayOfWeek;
+      const daysToSunday = dayOfWeek === 0 ? 0 : 7 - dayOfWeek;
+      dateStart = new Date(
+        date.getFullYear(),
+        date.getMonth(),
+        date.getDate() + daysToSunday,
+        23,
+        59,
+        59
+      );
+      dateStart.setHours(dateStart.getHours() - 7);
+      dateEnd = new Date(
+        date.getFullYear(),
+        date.getMonth(),
+        date.getDate() + daysToMonday,
+        0,
+        0,
+        0
+      );
+      dateEnd.setHours(dateEnd.getHours() - 7);
+      break;
+    case "year":
+      dateStart = new Date(date.getFullYear(), 11, 31, 23, 59, 59);
+      dateStart.setHours(dateStart.getHours() - 7);
+      dateEnd = new Date(date.getFullYear() - 1, 11, 31, 0, 0, 0);
+      dateEnd.setHours(dateEnd.getHours() - 7);
+      break;
+    default:
+      throw new Error(
+        "\u0110\u01A1n v\u1ECB kh\xF4ng h\u1EE3p l\u1EC7. Ch\u1EC9 ch\u1EA5p nh\u1EADn: week, day, month, year"
+      );
+  }
+  return [
+    ["date_start", "<=", formatDate(dateStart)],
+    ["date_end", ">=", formatDate(dateEnd)]
+  ];
+};
+var convertFieldsToArray = (fields) => {
+  const defaultFields = ["display_name", "date_start", "date_end"];
+  if (!fields || !Array.isArray(fields)) {
+    return defaultFields;
+  }
+  const inputFields = fields.filter((field) => field && field.type_co === "field").map((field) => field.name);
+  return [...defaultFields, ...inputFields];
+};
+function combineContexts(contexts) {
+  if (contexts.some((context) => !context)) {
+    return void 0;
+  } else {
+    const res = contexts.reduce((acc, context) => {
+      return { ...acc, ...context };
+    }, {});
+    return res;
+  }
+}
+var STORAGES = {
+  TOKEN: "accessToken",
+  USER_INFO: "USER_INFO"
+};
+function useAsyncState(initialValue = [true, null]) {
+  return useReducer(
+    (_state, action = null) => [false, action],
+    initialValue
+  );
+}
+async function setStorageItemAsync(key, value) {
+  try {
+    if (value === null) {
+      localStorage.removeItem(key);
+    } else {
+      localStorage.setItem(key, value);
+    }
+  } catch (e) {
+    console.error("Local storage is unavailable:", e);
+  }
+}
+function useStorageState(key) {
+  const [state, setState] = useAsyncState();
+  useEffect(() => {
+    try {
+      const storedValue = localStorage.getItem(key);
+      setState(storedValue);
+    } catch (e) {
+      console.error("Local storage is unavailable:", e);
+    }
+  }, [key]);
+  const setValue = useCallback(
+    (value) => {
+      setState(value);
+      setStorageItemAsync(key, value);
+    },
+    [key]
+  );
+  return [state, setValue];
+}
+
+// src/utils.ts
+export * from "@fctc/interface-logic/utils";
+export {
+  API_APP_URL,
+  API_PRESCHOOL_URL,
+  STORAGES,
+  combineContexts,
+  convertFieldsToArray,
+  countSum,
+  getDateRange,
+  languages,
+  mergeButtons,
+  setStorageItemAsync,
+  useGetRowIds,
+  useStorageState
+};

package/package.json

@@ -1,34 +1,74 @@
 {
   "name": "@fctc/widget-logic",
-  "version": "1.3.0",
+  "version": "1.3.2",
+  "types": "dist/index.d.ts",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.cjs"
     },
-    "./action": {
-      "types": "./dist/action.d.ts",
-      "import": "./dist/action.mjs",
-      "require": "./dist/action.cjs"
-    },
-    "./form": {
-      "types": "./dist/form.d.ts",
-      "import": "./dist/form.mjs",
-      "require": "./dist/form.cjs"
-    },
-    "./table": {
-      "types": "./dist/table.d.ts",
-      "import": "./dist/table.mjs",
-      "require": "./dist/table.cjs"
-    },
-    "./common": {
-      "types": "./dist/common.d.ts",
-      "import": "./dist/common.mjs",
-      "require": "./dist/common.cjs"
+    "./hooks": {
+      "types": "./dist/hooks.d.ts",
+      "import": "./dist/hooks.mjs",
+      "require": "./dist/hooks.cjs"
+    },
+    "./types": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/types.mjs",
+      "require": "./dist/types.cjs"
+    },
+    "./widget": {
+      "types": "./dist/widget.d.ts",
+      "import": "./dist/widget.mjs",
+      "require": "./dist/widget.cjs"
+    },
+    "./icons": {
+      "types": "./dist/icons.d.ts",
+      "import": "./dist/icons.mjs",
+      "require": "./dist/icons.cjs"
+    },
+    "./utils": {
+      "types": "./dist/utils.d.ts",
+      "import": "./dist/utils.mjs",
+      "require": "./dist/utils.cjs"
+    },
+    "./store": {
+      "types": "./dist/store.d.ts",
+      "import": "./dist/store.mjs",
+      "require": "./dist/store.cjs"
+    },
+    "./config": {
+      "types": "./dist/config.d.ts",
+      "import": "./dist/config.mjs",
+      "require": "./dist/config.cjs"
+    },
+    "./constants": {
+      "types": "./dist/constants.d.ts",
+      "import": "./dist/constants.mjs",
+      "require": "./dist/constants.cjs"
+    },
+    "./environment": {
+      "types": "./dist/environment.d.ts",
+      "import": "./dist/environment.mjs",
+      "require": "./dist/environment.cjs"
+    },
+    "./model": {
+      "types": "./dist/model.d.ts",
+      "import": "./dist/model.mjs",
+      "require": "./dist/model.cjs"
+    },
+    "./provider": {
+      "types": "./dist/provider.d.ts",
+      "import": "./dist/provider.mjs",
+      "require": "./dist/provider.cjs"
+    },
+    "./services": {
+      "types": "./dist/services.d.ts",
+      "import": "./dist/services.mjs",
+      "require": "./dist/services.cjs"
     }
   },
   "files": [
@@ -39,7 +79,15 @@
     "test": "jest"
   },
   "dependencies": {
-    "@fctc/interface-logic": "^1.0.4"
+    "@fctc/interface-logic": "^1.2.6",
+    "@headlessui/react": "^2.2.6",
+    "@tanstack/react-query": "^5.84.0",
+    "@types/react-dom": "^19.1.7",
+    "i18next": "^25.3.2",
+    "i18next-browser-languagedetector": "^8.2.0",
+    "react-dom": "^19.1.1",
+    "react-i18next": "^15.6.1",
+    "react-tooltip": "^5.29.1"
   },
   "devDependencies": {
     "@types/react": "18.0.0",

package/dist/action.d.mts

@@ -1,68 +0,0 @@
-interface UseArchieveProps {
-    data: {
-        method: string;
-        model: string;
-        ids: number[];
-        context: any;
-        actionName: 'archive' | 'unarchive';
-    };
-    onSuccess?: (res: any) => void;
-    onError?: (err: any) => void;
-    onSettled?: (err: any) => void;
-}
-declare const useArchieveHandler: ({ data, onSuccess, onError, onSettled, }: UseArchieveProps) => () => void;
-
-interface UseDuplicateRowProps {
-    data: {
-        model: string;
-        ids: any;
-        context: any;
-    };
-    onSuccess?: (res: any) => void;
-    onError?: (err: any) => void;
-    onSettled?: (err: any) => void;
-}
-declare const useDuplicateRowHandler: ({ data, onSuccess, onError, onSettled, }: UseDuplicateRowProps) => () => void;
-
-interface UseGetFieldExportProps {
-    data: {
-        ids: number[];
-        model: string;
-        isShow?: boolean;
-        fieldType?: any;
-        importCompat?: boolean;
-        name?: string;
-        parentField?: any;
-        parentName?: string;
-        prefix?: any;
-        context?: any;
-    };
-    onSuccess?: (res: any) => void;
-    onError?: (err: any) => void;
-    onSettled?: (err: any) => void;
-}
-declare const useGetFieldExportHandler: ({ data, onSuccess, onError, onSettled, }: UseGetFieldExportProps) => () => void;
-
-interface UseExportExcelProps {
-    data: {
-        context: any;
-        model: string;
-        fields: {
-            name: string;
-            label: string;
-            type: string;
-        }[];
-        domain: any;
-        title?: string;
-        ids?: number[];
-        groupby?: any;
-        importCompat?: boolean;
-        type?: 'xlsx' | 'csv';
-    };
-    onSuccess?: (res: any) => void;
-    onError?: (err: any) => void;
-    onSettled?: (err: any) => void;
-}
-declare const useExportExcelHandler: ({ data, onSuccess, onError, onSettled, }: UseExportExcelProps) => () => void;
-
-export { useArchieveHandler, useDuplicateRowHandler, useExportExcelHandler, useGetFieldExportHandler };

package/dist/action.d.ts

@@ -1,68 +0,0 @@
-interface UseArchieveProps {
-    data: {
-        method: string;
-        model: string;
-        ids: number[];
-        context: any;
-        actionName: 'archive' | 'unarchive';
-    };
-    onSuccess?: (res: any) => void;
-    onError?: (err: any) => void;
-    onSettled?: (err: any) => void;
-}
-declare const useArchieveHandler: ({ data, onSuccess, onError, onSettled, }: UseArchieveProps) => () => void;
-
-interface UseDuplicateRowProps {
-    data: {
-        model: string;
-        ids: any;
-        context: any;
-    };
-    onSuccess?: (res: any) => void;
-    onError?: (err: any) => void;
-    onSettled?: (err: any) => void;
-}
-declare const useDuplicateRowHandler: ({ data, onSuccess, onError, onSettled, }: UseDuplicateRowProps) => () => void;
-
-interface UseGetFieldExportProps {
-    data: {
-        ids: number[];
-        model: string;
-        isShow?: boolean;
-        fieldType?: any;
-        importCompat?: boolean;
-        name?: string;
-        parentField?: any;
-        parentName?: string;
-        prefix?: any;
-        context?: any;
-    };
-    onSuccess?: (res: any) => void;
-    onError?: (err: any) => void;
-    onSettled?: (err: any) => void;
-}
-declare const useGetFieldExportHandler: ({ data, onSuccess, onError, onSettled, }: UseGetFieldExportProps) => () => void;
-
-interface UseExportExcelProps {
-    data: {
-        context: any;
-        model: string;
-        fields: {
-            name: string;
-            label: string;
-            type: string;
-        }[];
-        domain: any;
-        title?: string;
-        ids?: number[];
-        groupby?: any;
-        importCompat?: boolean;
-        type?: 'xlsx' | 'csv';
-    };
-    onSuccess?: (res: any) => void;
-    onError?: (err: any) => void;
-    onSettled?: (err: any) => void;
-}
-declare const useExportExcelHandler: ({ data, onSuccess, onError, onSettled, }: UseExportExcelProps) => () => void;
-
-export { useArchieveHandler, useDuplicateRowHandler, useExportExcelHandler, useGetFieldExportHandler };

package/dist/action.js

@@ -1,152 +0,0 @@
-"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/action.ts
-var action_exports = {};
-__export(action_exports, {
-  useArchieveHandler: () => useArchieveHandler,
-  useDuplicateRowHandler: () => useDuplicateRowHandler,
-  useExportExcelHandler: () => useExportExcelHandler,
-  useGetFieldExportHandler: () => useGetFieldExportHandler
-});
-module.exports = __toCommonJS(action_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;
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useArchieveHandler,
-  useDuplicateRowHandler,
-  useExportExcelHandler,
-  useGetFieldExportHandler
-});