@fctc/widget-logic 1.4.0 → 1.4.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/dist/widget.d.mts

@@ -0,0 +1,325 @@
+import * as react from 'react';
+import { ChangeEvent } from 'react';
+import moment from 'moment';
+
+interface ValuePropsType {
+    id: number | string;
+    display_name: number | string;
+    [key: string]: any;
+}
+interface IInputFieldProps {
+    name?: string;
+    type?: string;
+    readonly?: boolean;
+    required?: boolean;
+    placeholder?: string;
+    defaultValue?: string | number | ValuePropsType;
+    invisible?: boolean;
+    methods?: any;
+    onChange?: (name: string, value: any) => void;
+    onBlur?: Function;
+    onRefetch?: Function;
+    isForm?: boolean;
+    className?: string;
+    value?: string | number | ValuePropsType | null | Record<any, any> | any;
+    string?: string;
+    isEditTable?: boolean;
+    formValues?: any;
+    model?: string;
+    relation?: string;
+    domain?: any;
+}
+
+type TStatus = 'normal' | 'done' | 'blocked';
+interface TStatusDropdownFieldProps extends IInputFieldProps {
+    state: any;
+    selection: any;
+    id: any;
+}
+
+declare const statusDropdownController: (props: TStatusDropdownFieldProps) => {
+    handleClick: (status: any) => Promise<void>;
+    buttonRef: react.RefObject<HTMLDivElement>;
+    isForm: boolean | undefined;
+    setIsOpen: react.Dispatch<react.SetStateAction<boolean>>;
+    isOpen: boolean;
+    selection: any;
+    state: any;
+    colors: Record<TStatus, string>;
+};
+
+interface IMany2OneProps extends IInputFieldProps {
+    context?: any;
+    options?: any;
+    showDetail?: boolean;
+    actionData?: any;
+}
+
+declare const many2oneFieldController: (props: IMany2OneProps) => {
+    allowShowDetail: boolean;
+    handleClose: () => void;
+    handleChooseRecord: (idRecord: number) => void;
+    handleSelectChange: (selectedOption: any) => void;
+    initValue: any;
+    isFetching: boolean;
+    isShowModalMany2Many: boolean;
+    options: any[];
+    fetchMoreOptions: () => void;
+    domainModal: any;
+    tempSelectedOption: any;
+    setTempSelectedOption: React.Dispatch<React.SetStateAction<any>>;
+    setDomainModal: React.Dispatch<React.SetStateAction<any>>;
+    dataOfSelection: any;
+    refetch: () => void;
+    selectOptions: any[];
+    optionsObject: any;
+    contextObject: any;
+    actionId: any;
+    setIsShowModalMany2Many: React.Dispatch<React.SetStateAction<boolean>>;
+};
+
+type Option = {
+    value: number;
+    label: string;
+};
+declare const many2oneButtonController: (props: any) => {
+    options: Option[];
+};
+
+interface IMany2ManyControllerProps extends IInputFieldProps {
+    context: any;
+    tab: any;
+    aid: number;
+    setSelectedRowKeys: any;
+    fields: any;
+    setFields: any;
+    groupByDomain: any;
+    page: number;
+    options: any;
+    sessionStorageUtils: any;
+}
+
+declare const many2manyFieldController: (props: IMany2ManyControllerProps) => {};
+
+interface IMany2ManyTagFieldProps extends IInputFieldProps {
+    options: any;
+    widget: string;
+    placeholderNoOption: string;
+}
+
+declare const many2manyTagsController: (props: IMany2ManyTagFieldProps) => {
+    options: any;
+    customNoOptionsMessage: () => string;
+    tranfer: (data: any) => any;
+    dataOfSelection: any;
+    isUser: boolean;
+};
+
+interface IDurationFieldProps extends IInputFieldProps {
+    id: any;
+}
+
+declare const durationController: (props: IDurationFieldProps) => {
+    defaultValue: string | number | ValuePropsType | undefined;
+    dataResponse: any;
+    handleClick: (stage_id: any) => Promise<void>;
+    disabled: boolean;
+    modelStatus: boolean;
+    setModalStatus: react.Dispatch<react.SetStateAction<boolean>>;
+};
+
+interface IPriorityFieldProps extends IInputFieldProps {
+    selection: any;
+    id: any;
+    actionData: any;
+    viewData: any;
+    context: any;
+}
+
+declare const priorityFieldController: (props: IPriorityFieldProps) => {
+    selection: any;
+    isForm: boolean | undefined;
+    methods: any;
+    defaultPriority: number;
+    savePriorities: ({ value, resetPriority, }: {
+        value: number;
+        resetPriority?: () => void;
+    }) => Promise<void>;
+    label: any;
+    id: any;
+    onChange: ((name: string, value: any) => void) | undefined;
+};
+
+declare const floatTimeFiledController: ({ onChange: fieldOnChange, onBlur, value, isDirty, props, }: {
+    onChange: any;
+    onBlur: any;
+    value: any;
+    error: any;
+    isDirty: any;
+    props: IInputFieldProps;
+}) => {
+    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleBlur: () => void;
+    handleKeyDown: (e: any) => void;
+    input: string;
+    errors: string;
+};
+
+declare const floatController: ({ onChange, value, props, }: {
+    onChange: any;
+    value: any;
+    props: IInputFieldProps;
+}) => {
+    handleInputMouseLeave: () => void;
+    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    useFormatFloatNumber: (value: number | string) => string;
+    inputRef: react.MutableRefObject<HTMLInputElement | null>;
+    inputValue: string;
+};
+
+declare const downloadFileController: () => {
+    inputId: string;
+    file: any;
+    handleFileChange: (e: any) => void;
+    handleFileDownload: () => void;
+};
+
+declare const downLoadBinaryController: (props: IInputFieldProps) => {
+    handleFileDownload: (e: any) => Promise<void>;
+};
+
+interface IDateFieldProps extends IInputFieldProps {
+    showTime: boolean;
+    widget: string;
+    min: number | string;
+    max: number | string;
+    viewData: any;
+}
+
+declare const dateFieldController: (props: IDateFieldProps) => {
+    formatDate: string;
+    formatDateParse: string;
+    range: (start: number, end: number, step?: number) => number[];
+    years: number[];
+    months_vi: string[];
+    months_en: string[];
+    customValidateMinMax: (date: any) => string | false;
+    minNowValue: boolean | moment.Moment | null;
+    maxNowValue: boolean | moment.Moment | null;
+};
+
+declare const copyLinkButtonController: (props: IInputFieldProps) => {
+    isCopied: boolean;
+    handleCopyToClipboard: (value: string) => Promise<void>;
+    propValue: any;
+};
+
+interface IColorFieldProps extends IInputFieldProps {
+    actionData: any;
+    idForm: number | string;
+}
+
+declare const colorFieldController: (props: IColorFieldProps) => {
+    savePickColor: (colorObject: any) => Promise<void>;
+};
+
+declare const binaryFieldController: (props: IInputFieldProps) => {
+    inputId: string;
+    selectedImage: string | null;
+    initialImage: any;
+    isInsideTable: boolean;
+    binaryRef: react.RefObject<HTMLDivElement>;
+    handleImageChange: (e: ChangeEvent<HTMLInputElement>, onChange: (file: File | null) => void) => Promise<void>;
+    handleRemoveImage: (onChange: (file: File | null) => void) => void;
+    checkIsImageLink: (url: string) => boolean;
+    getImageBase64WithMimeType: (base64: any) => string | null;
+};
+
+interface ITableBodyProps {
+    checkedAll: any;
+    checkboxRef: any;
+    setIsAutoSelect: any;
+    selectedRowKeys: any;
+    row: any;
+    isAutoSelect: any;
+    selectedRowKeysRef: any;
+    onClickRow: any;
+}
+
+declare const tableBodyController: (props: ITableBodyProps) => {
+    handleCheckBoxSingle: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    checked: any;
+    handleClickRow: (col: any, row: any) => void;
+};
+
+interface ITableHeadProps {
+    typeTable: string;
+    rows: any[];
+    selectedRowKeysRef: any;
+}
+
+declare const tableHeadController: (props: ITableHeadProps) => {
+    handleCheckBoxAll: (event: React.ChangeEvent<HTMLInputElement>) => void;
+};
+
+interface ITableProps {
+    data: {
+        fields: any[];
+        records: any[];
+        dataModel: {
+            [fieldName: string]: {
+                string?: string;
+                [key: string]: any;
+            };
+        };
+        context: any;
+        typeTable?: 'list' | 'group' | 'calendar';
+    };
+}
+interface ISelctionStateProps {
+    typeTable?: string;
+    tableRef: any;
+    rows?: any[];
+}
+
+declare const tableController: ({ data }: ITableProps) => {
+    rows: any[];
+    columns: any;
+    onToggleColumnOptional: (item: any) => void;
+    typeTable: "group" | "list" | "calendar" | undefined;
+};
+
+declare const tableGroupController: (props: any) => {
+    handleExpandChildGroup: () => void;
+    colEmptyGroup: {
+        fromStart: number;
+        fromEnd: number;
+    };
+    leftPadding: string;
+    isShowGroup: boolean;
+    isQueryFetched: boolean;
+    nameGroupWithCount: string;
+    columns: any;
+    row: any;
+    isPlaceholderData: boolean;
+    columnsGroup: any;
+    indexRow: any;
+    rowsGroup: any[];
+    model: any;
+    viewData: any;
+    renderField: any;
+    level: any;
+    specification: any;
+    context: any;
+    checkedAll: any;
+    isDisplayCheckbox: any;
+    isAutoSelect: any;
+    setIsAutoSelect: any;
+    selectedRowKeysRef: any;
+    initVal: Record<string, any>;
+    dataResponse: any;
+    pageGroup: any;
+    setPageGroup: react.Dispatch<any>;
+};
+
+export { type ISelctionStateProps, type ITableBodyProps, type ITableHeadProps, type ITableProps, binaryFieldController, colorFieldController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, floatController, floatTimeFiledController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, statusDropdownController, tableBodyController, tableController, tableGroupController, tableHeadController };