@fctc/widget-logic 1.1.3 → 1.1.4

package/dist/index.d.mts

@@ -1,9 +1,9 @@
 export { useClickOutside, useDebounce } from './hooks.mjs';
 export { CloseIcon, EyeIcon, LoadingIcon } from './icons.mjs';
-import { ValuePropsType, WidgetPropsType, ColorWrapperControllerProps, ColorType, IInputFieldProps } from './types.mjs';
-export { GoogleLoginType } from './types.mjs';
+import { ValuePropsType, WidgetPropsType, ColorWrapperControllerProps, IInputFieldProps } from './types.mjs';
+export { ColorType, GoogleLoginType } from './types.mjs';
 import * as react from 'react';
-import react__default, { ChangeEvent } from 'react';
+import { ChangeEvent } from 'react';
 import * as _tanstack_query_core from '@tanstack/query-core';
 import * as _fctc_interface_logic from '@fctc/interface-logic';
 import { BaseModelInit } from '@fctc/interface-logic';
@@ -265,9 +265,9 @@ declare const copyLinkButtonController: (props: any) => {
 };
 
 declare const colorWrapperController: (props: ColorWrapperControllerProps) => {
-    selectedColor: ColorType;
+    selectedColor: any;
     showFullColors: boolean;
-    setSelectedColor: react.Dispatch<react.SetStateAction<ColorType>>;
+    setSelectedColor: react.Dispatch<any>;
     handleShowFullColors: () => void;
     pickColorsRef: react.RefObject<HTMLDivElement>;
     savePickColor: any;
@@ -298,29 +298,6 @@ declare const binaryFieldController: (props: IInputFieldProps) => {
     getImageBase64WithMimeType: (base64: any) => string | null;
 };
 
-declare const ModalConfirm: ({ name, isShowModal, onClick, onClose, title, content, isLoading, }: {
-    name: "delete" | "duplicate" | "archive" | "unarchive";
-    isShowModal: boolean;
-    isLoading?: boolean;
-    onClick: () => void;
-    onClose: () => void;
-    title?: string;
-    content?: React.ReactNode;
-}) => JSX.Element;
-
-declare const ModalDetail: ({ idToolTip, title, model, idForm, aid, place, renderDetail, context, }: any) => react.ReactPortal;
-
-declare const ModalLayer: ({ isOpen, onClose, title, children, }: {
-    isOpen: boolean;
-    onClose: () => void;
-    title?: string;
-    children: react__default.ReactNode;
-}) => JSX.Element;
-
-declare const LayerLoading: () => JSX.Element;
-
-declare const LoadingSmall: () => JSX.Element;
-
 interface UseTableProps {
     data: {
         fields: any[];
@@ -343,4 +320,4 @@ declare const useTableHandler: ({ data }: UseTableProps) => {
     typeTable: "list" | "group" | "calendar" | undefined;
 };
 
-export { ColorType, ColorWrapperControllerProps, IInputFieldProps, LayerLoading, LoadingSmall, ModalConfirm, ModalDetail, ModalLayer, ValuePropsType, WidgetPropsType, binaryFieldController, colorFieldController, colorWrapperController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, floatController, floatTimeFiledController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, statusDropdownController, useTableHandler };
+export { ColorWrapperControllerProps, IInputFieldProps, ValuePropsType, WidgetPropsType, binaryFieldController, colorFieldController, colorWrapperController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, floatController, floatTimeFiledController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, statusDropdownController, useTableHandler };

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 export { useClickOutside, useDebounce } from './hooks.js';
 export { CloseIcon, EyeIcon, LoadingIcon } from './icons.js';
-import { ValuePropsType, WidgetPropsType, ColorWrapperControllerProps, ColorType, IInputFieldProps } from './types.js';
-export { GoogleLoginType } from './types.js';
+import { ValuePropsType, WidgetPropsType, ColorWrapperControllerProps, IInputFieldProps } from './types.js';
+export { ColorType, GoogleLoginType } from './types.js';
 import * as react from 'react';
-import react__default, { ChangeEvent } from 'react';
+import { ChangeEvent } from 'react';
 import * as _tanstack_query_core from '@tanstack/query-core';
 import * as _fctc_interface_logic from '@fctc/interface-logic';
 import { BaseModelInit } from '@fctc/interface-logic';
@@ -265,9 +265,9 @@ declare const copyLinkButtonController: (props: any) => {
 };
 
 declare const colorWrapperController: (props: ColorWrapperControllerProps) => {
-    selectedColor: ColorType;
+    selectedColor: any;
     showFullColors: boolean;
-    setSelectedColor: react.Dispatch<react.SetStateAction<ColorType>>;
+    setSelectedColor: react.Dispatch<any>;
     handleShowFullColors: () => void;
     pickColorsRef: react.RefObject<HTMLDivElement>;
     savePickColor: any;
@@ -298,29 +298,6 @@ declare const binaryFieldController: (props: IInputFieldProps) => {
     getImageBase64WithMimeType: (base64: any) => string | null;
 };
 
-declare const ModalConfirm: ({ name, isShowModal, onClick, onClose, title, content, isLoading, }: {
-    name: "delete" | "duplicate" | "archive" | "unarchive";
-    isShowModal: boolean;
-    isLoading?: boolean;
-    onClick: () => void;
-    onClose: () => void;
-    title?: string;
-    content?: React.ReactNode;
-}) => JSX.Element;
-
-declare const ModalDetail: ({ idToolTip, title, model, idForm, aid, place, renderDetail, context, }: any) => react.ReactPortal;
-
-declare const ModalLayer: ({ isOpen, onClose, title, children, }: {
-    isOpen: boolean;
-    onClose: () => void;
-    title?: string;
-    children: react__default.ReactNode;
-}) => JSX.Element;
-
-declare const LayerLoading: () => JSX.Element;
-
-declare const LoadingSmall: () => JSX.Element;
-
 interface UseTableProps {
     data: {
         fields: any[];
@@ -343,4 +320,4 @@ declare const useTableHandler: ({ data }: UseTableProps) => {
     typeTable: "list" | "group" | "calendar" | undefined;
 };
 
-export { ColorType, ColorWrapperControllerProps, IInputFieldProps, LayerLoading, LoadingSmall, ModalConfirm, ModalDetail, ModalLayer, ValuePropsType, WidgetPropsType, binaryFieldController, colorFieldController, colorWrapperController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, floatController, floatTimeFiledController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, statusDropdownController, useTableHandler };
+export { ColorWrapperControllerProps, IInputFieldProps, ValuePropsType, WidgetPropsType, binaryFieldController, colorFieldController, colorWrapperController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, floatController, floatTimeFiledController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, statusDropdownController, useTableHandler };

package/dist/index.js

@@ -4036,12 +4036,7 @@ var index_exports = {};
 __export(index_exports, {
   CloseIcon: () => CloseIcon,
   EyeIcon: () => EyeIcon,
-  LayerLoading: () => LayerLoading,
   LoadingIcon: () => LoadingIcon,
-  LoadingSmall: () => LoadingSmall,
-  ModalConfirm: () => ModalConfirm,
-  ModalDetail: () => ModalDetail,
-  ModalLayer: () => ModalLayer,
   binaryFieldController: () => binaryFieldController,
   colorFieldController: () => colorFieldController,
   colorWrapperController: () => colorWrapperController,
@@ -5313,7 +5308,7 @@ var dateFieldController = (props) => {
   };
 };
 
-// src/widget/basic/copy-link-buttton/controller.ts
+// src/widget/basic/copy-link-button/controller.ts
 var import_react12 = require("react");
 var import_interface_logic10 = require("@fctc/interface-logic");
 var copyLinkButtonController = (props) => {
@@ -5495,277 +5490,11 @@ var binaryFieldController = (props) => {
     getImageBase64WithMimeType
   };
 };
-
-// src/widget/common/modal-layer.tsx
-var import_react15 = require("react");
-var import_react16 = require("@headlessui/react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var ModalLayer = ({
-  isOpen,
-  onClose,
-  title,
-  children
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_react16.Transition,
-    {
-      show: isOpen,
-      enter: "transition duration-100 ease-out",
-      enterFrom: "transform scale-95 opacity-0",
-      enterTo: "transform scale-100 opacity-100",
-      leave: "transition duration-75 ease-out",
-      leaveFrom: "transform scale-100 opacity-100",
-      leaveTo: "transform scale-95 opacity-0",
-      as: import_react15.Fragment,
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react16.Dialog, { onClose, "aria-labelledby": "modal-title", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react16.DialogPanel, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[500]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex items-center justify-center mx-4 absolute inset-0 overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: " relative z-[1] mx-auto my-[88px] p-4 flex flex-col gap-2 max-w-[1000px] transform rounded-xl bg-[#FFF]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-            "div",
-            {
-              className: `flex justify-between items-center border-[rgba(0,0,0,0.1)] pb-2`,
-              children: [
-                title && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { id: "modal-title", className: "text-[20px] font-semibold", children: title }),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-                  "button",
-                  {
-                    onClick: onClose,
-                    "aria-label": "Close",
-                    className: "ml-auto absolute top-[16px] right-[16px] !cursor-pointer",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CloseIcon, {})
-                  }
-                )
-              ]
-            }
-          ),
-          children
-        ] }) })
-      ] }) }) })
-    }
-  );
-};
-
-// src/widget/common/modal-confirm.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var ModalConfirm = ({
-  name,
-  isShowModal,
-  onClick,
-  onClose,
-  title,
-  content,
-  isLoading
-}) => {
-  const renderButtonAction = (name2) => {
-    switch (name2) {
-      case "duplicate":
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          "button",
-          {
-            type: "button",
-            onClick,
-            className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
-            disabled: isLoading,
-            children: isLoading && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoadingIcon, {})
-          }
-        );
-      case "archive":
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          "button",
-          {
-            type: "button",
-            onClick,
-            className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
-            disabled: isLoading,
-            children: isLoading && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoadingIcon, {})
-          }
-        );
-      case "unarchive":
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          "button",
-          {
-            type: "button",
-            onClick,
-            className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
-            disabled: isLoading,
-            children: isLoading && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoadingIcon, {})
-          }
-        );
-      case "delete":
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          "button",
-          {
-            type: "button",
-            onClick,
-            className: "button-primary flex-1 flex items-center justify-center gap-2",
-            disabled: isLoading,
-            children: isLoading && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoadingIcon, {})
-          }
-        );
-      default:
-        break;
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModalLayer, { isOpen: isShowModal, onClose, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mx-auto flex flex-col items-center justify-center gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-[4px] items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "text-[18px] font-bold", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-[16px]", children: content })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex justify-center items-center gap-2 w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        "button",
-        {
-          type: "button",
-          onClick: onClose,
-          className: "button-secondary flex-1 cursor-pointer"
-        }
-      ),
-      renderButtonAction(name)
-    ] })
-  ] }) });
-};
-
-// src/widget/common/modal-detail.tsx
-var import_react17 = require("react");
-var import_react_dom = require("react-dom");
-var import_react_tooltip = require("react-tooltip");
-var import_interface_logic13 = require("@fctc/interface-logic");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var ModalDetail = ({
-  idToolTip,
-  title,
-  model,
-  idForm,
-  aid,
-  place,
-  renderDetail,
-  context
-}) => {
-  const [showModalDetail, setShowModalDetail] = (0, import_react17.useState)(false);
-  const [actionData, setActionData] = (0, import_react17.useState)();
-  const { isShowingModalDetail } = (0, import_interface_logic13.useAppSelector)(import_interface_logic13.selectForm);
-  const appDispatch = (0, import_interface_logic13.useAppDispatch)();
-  const handleToggleModal = (e) => {
-    e.stopPropagation();
-    setShowModalDetail(!showModalDetail);
-    appDispatch((0, import_interface_logic13.setIsShowingModalDetail)(!isShowingModalDetail));
-  };
-  const handleNavigateDetail = () => {
-    sessionStorage.setItem("actionData", JSON.stringify(actionData));
-    (0, import_interface_logic13.setIsShowingModalDetail)(!isShowingModalDetail);
-    window.location.href = `/form/menu?model=${model}&id=${idForm}`;
-  };
-  return (0, import_react_dom.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-      !isShowingModalDetail && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        import_react_tooltip.Tooltip,
-        {
-          opacity: 1,
-          className: "z-[99999] ",
-          place,
-          id: idToolTip,
-          clickable: true,
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-            "button",
-            {
-              className: "flex gap-2 cursor-pointer items-center justify-center rounded-lg",
-              type: "button",
-              onClick: handleToggleModal,
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(EyeIcon, {}),
-                title
-              ]
-            }
-          )
-        }
-      ),
-      showModalDetail && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[100]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "absolute inset-0 overflow-auto flex flex-col justify-center items-center px-5", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative z-[1] max-w-full p-4 flex flex-col gap-4 w-[1000px] transform rounded-3xl bg-[#FFF] h-[90%]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-              "div",
-              {
-                id: "modal-detail",
-                className: "text-[20px] cursor-pointer font-semibold flex items-stretch gap-2",
-                children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                  "button",
-                  {
-                    onClick: handleNavigateDetail,
-                    className: "text-sm italic text-primary underline cursor-pointer",
-                    children: title
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { onClick: handleToggleModal, className: "cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CloseIcon, { className: "h-5 w-5" }) })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex-1 overflow-auto", children: typeof renderDetail === "function" && renderDetail({
-            id: idForm,
-            aid,
-            model,
-            setActionData,
-            context
-          }) })
-        ] }) })
-      ] })
-    ] }),
-    document.body
-  );
-};
-
-// src/widget/common/loading-normal.tsx
-var import_react18 = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var LayerLoading = () => {
-  const [activeIndex, setActiveIndex] = (0, import_react18.useState)(0);
-  (0, import_react18.useEffect)(() => {
-    const interval = setInterval(() => {
-      setActiveIndex((prevIndex) => (prevIndex + 1) % 6);
-    }, 200);
-    return () => clearInterval(interval);
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex justify-center flex-col items-center gap-12", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "loading-container", children: [...Array(6)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      "div",
-      {
-        className: `loading-item ${index === activeIndex ? "active" : ""}`
-      },
-      index
-    )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "text-[rgba(45,45,45,1)] text-xl font-semibold tracking-[-1%]" })
-  ] }) }) });
-};
-
-// src/widget/common/loading-small.tsx
-var import_react19 = require("react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var LoadingSmall = () => {
-  const [activeIndex, setActiveIndex] = (0, import_react19.useState)(0);
-  (0, import_react19.useEffect)(() => {
-    const interval = setInterval(() => {
-      setActiveIndex((prevIndex) => (prevIndex + 1) % 6);
-    }, 200);
-    return () => clearInterval(interval);
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex justify-center flex-col items-center gap-12", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "loading-container-small", children: [...Array(4)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    "div",
-    {
-      className: `loading-item-small ${index === activeIndex ? "active" : ""}`
-    },
-    index
-  )) }) }) }) });
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CloseIcon,
   EyeIcon,
-  LayerLoading,
   LoadingIcon,
-  LoadingSmall,
-  ModalConfirm,
-  ModalDetail,
-  ModalLayer,
   binaryFieldController,
   colorFieldController,
   colorWrapperController,

package/dist/index.mjs

@@ -5321,7 +5321,7 @@ var dateFieldController = (props) => {
   };
 };
 
-// src/widget/basic/copy-link-buttton/controller.ts
+// src/widget/basic/copy-link-button/controller.ts
 import { useState as useState10 } from "react";
 import { copyTextToClipboard } from "@fctc/interface-logic";
 var copyLinkButtonController = (props) => {
@@ -5503,281 +5503,10 @@ var binaryFieldController = (props) => {
     getImageBase64WithMimeType
   };
 };
-
-// src/widget/common/modal-layer.tsx
-import { Fragment } from "react";
-import { Dialog, DialogPanel, Transition } from "@headlessui/react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var ModalLayer = ({
-  isOpen,
-  onClose,
-  title,
-  children
-}) => {
-  return /* @__PURE__ */ jsx4(
-    Transition,
-    {
-      show: isOpen,
-      enter: "transition duration-100 ease-out",
-      enterFrom: "transform scale-95 opacity-0",
-      enterTo: "transform scale-100 opacity-100",
-      leave: "transition duration-75 ease-out",
-      leaveFrom: "transform scale-100 opacity-100",
-      leaveTo: "transform scale-95 opacity-0",
-      as: Fragment,
-      children: /* @__PURE__ */ jsx4(Dialog, { onClose, "aria-labelledby": "modal-title", children: /* @__PURE__ */ jsx4(DialogPanel, { children: /* @__PURE__ */ jsxs3("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[500]", children: [
-        /* @__PURE__ */ jsx4("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
-        /* @__PURE__ */ jsx4("div", { className: "flex items-center justify-center mx-4 absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxs3("div", { className: " relative z-[1] mx-auto my-[88px] p-4 flex flex-col gap-2 max-w-[1000px] transform rounded-xl bg-[#FFF]", children: [
-          /* @__PURE__ */ jsxs3(
-            "div",
-            {
-              className: `flex justify-between items-center border-[rgba(0,0,0,0.1)] pb-2`,
-              children: [
-                title && /* @__PURE__ */ jsx4("div", { id: "modal-title", className: "text-[20px] font-semibold", children: title }),
-                /* @__PURE__ */ jsx4(
-                  "button",
-                  {
-                    onClick: onClose,
-                    "aria-label": "Close",
-                    className: "ml-auto absolute top-[16px] right-[16px] !cursor-pointer",
-                    children: /* @__PURE__ */ jsx4(CloseIcon, {})
-                  }
-                )
-              ]
-            }
-          ),
-          children
-        ] }) })
-      ] }) }) })
-    }
-  );
-};
-
-// src/widget/common/modal-confirm.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-var ModalConfirm = ({
-  name,
-  isShowModal,
-  onClick,
-  onClose,
-  title,
-  content,
-  isLoading
-}) => {
-  const renderButtonAction = (name2) => {
-    switch (name2) {
-      case "duplicate":
-        return /* @__PURE__ */ jsx5(
-          "button",
-          {
-            type: "button",
-            onClick,
-            className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
-            disabled: isLoading,
-            children: isLoading && /* @__PURE__ */ jsx5(LoadingIcon, {})
-          }
-        );
-      case "archive":
-        return /* @__PURE__ */ jsx5(
-          "button",
-          {
-            type: "button",
-            onClick,
-            className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
-            disabled: isLoading,
-            children: isLoading && /* @__PURE__ */ jsx5(LoadingIcon, {})
-          }
-        );
-      case "unarchive":
-        return /* @__PURE__ */ jsx5(
-          "button",
-          {
-            type: "button",
-            onClick,
-            className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
-            disabled: isLoading,
-            children: isLoading && /* @__PURE__ */ jsx5(LoadingIcon, {})
-          }
-        );
-      case "delete":
-        return /* @__PURE__ */ jsx5(
-          "button",
-          {
-            type: "button",
-            onClick,
-            className: "button-primary flex-1 flex items-center justify-center gap-2",
-            disabled: isLoading,
-            children: isLoading && /* @__PURE__ */ jsx5(LoadingIcon, {})
-          }
-        );
-      default:
-        break;
-    }
-  };
-  return /* @__PURE__ */ jsx5(ModalLayer, { isOpen: isShowModal, onClose, children: /* @__PURE__ */ jsxs4("div", { className: "mx-auto flex flex-col items-center justify-center gap-4", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-[4px] items-center", children: [
-      /* @__PURE__ */ jsx5("div", { className: "text-[18px] font-bold", children: title }),
-      /* @__PURE__ */ jsx5("p", { className: "text-[16px]", children: content })
-    ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "flex justify-center items-center gap-2 w-full", children: [
-      /* @__PURE__ */ jsx5(
-        "button",
-        {
-          type: "button",
-          onClick: onClose,
-          className: "button-secondary flex-1 cursor-pointer"
-        }
-      ),
-      renderButtonAction(name)
-    ] })
-  ] }) });
-};
-
-// src/widget/common/modal-detail.tsx
-import { useState as useState13 } from "react";
-import { createPortal } from "react-dom";
-import { Tooltip } from "react-tooltip";
-import {
-  selectForm,
-  setIsShowingModalDetail,
-  useAppDispatch as useAppDispatch2,
-  useAppSelector as useAppSelector4
-} from "@fctc/interface-logic";
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-var ModalDetail = ({
-  idToolTip,
-  title,
-  model,
-  idForm,
-  aid,
-  place,
-  renderDetail,
-  context
-}) => {
-  const [showModalDetail, setShowModalDetail] = useState13(false);
-  const [actionData, setActionData] = useState13();
-  const { isShowingModalDetail } = useAppSelector4(selectForm);
-  const appDispatch = useAppDispatch2();
-  const handleToggleModal = (e) => {
-    e.stopPropagation();
-    setShowModalDetail(!showModalDetail);
-    appDispatch(setIsShowingModalDetail(!isShowingModalDetail));
-  };
-  const handleNavigateDetail = () => {
-    sessionStorage.setItem("actionData", JSON.stringify(actionData));
-    setIsShowingModalDetail(!isShowingModalDetail);
-    window.location.href = `/form/menu?model=${model}&id=${idForm}`;
-  };
-  return createPortal(
-    /* @__PURE__ */ jsxs5(Fragment2, { children: [
-      !isShowingModalDetail && /* @__PURE__ */ jsx6(
-        Tooltip,
-        {
-          opacity: 1,
-          className: "z-[99999] ",
-          place,
-          id: idToolTip,
-          clickable: true,
-          children: /* @__PURE__ */ jsxs5(
-            "button",
-            {
-              className: "flex gap-2 cursor-pointer items-center justify-center rounded-lg",
-              type: "button",
-              onClick: handleToggleModal,
-              children: [
-                /* @__PURE__ */ jsx6(EyeIcon, {}),
-                title
-              ]
-            }
-          )
-        }
-      ),
-      showModalDetail && /* @__PURE__ */ jsxs5("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[100]", children: [
-        /* @__PURE__ */ jsx6("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
-        /* @__PURE__ */ jsx6("div", { className: "absolute inset-0 overflow-auto flex flex-col justify-center items-center px-5", children: /* @__PURE__ */ jsxs5("div", { className: "relative z-[1] max-w-full p-4 flex flex-col gap-4 w-[1000px] transform rounded-3xl bg-[#FFF] h-[90%]", children: [
-          /* @__PURE__ */ jsxs5("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
-            /* @__PURE__ */ jsx6(
-              "div",
-              {
-                id: "modal-detail",
-                className: "text-[20px] cursor-pointer font-semibold flex items-stretch gap-2",
-                children: /* @__PURE__ */ jsx6(
-                  "button",
-                  {
-                    onClick: handleNavigateDetail,
-                    className: "text-sm italic text-primary underline cursor-pointer",
-                    children: title
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx6("button", { onClick: handleToggleModal, className: "cursor-pointer", children: /* @__PURE__ */ jsx6(CloseIcon, { className: "h-5 w-5" }) })
-          ] }),
-          /* @__PURE__ */ jsx6("div", { className: "flex-1 overflow-auto", children: typeof renderDetail === "function" && renderDetail({
-            id: idForm,
-            aid,
-            model,
-            setActionData,
-            context
-          }) })
-        ] }) })
-      ] })
-    ] }),
-    document.body
-  );
-};
-
-// src/widget/common/loading-normal.tsx
-import { useEffect as useEffect10, useState as useState14 } from "react";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-var LayerLoading = () => {
-  const [activeIndex, setActiveIndex] = useState14(0);
-  useEffect10(() => {
-    const interval = setInterval(() => {
-      setActiveIndex((prevIndex) => (prevIndex + 1) % 6);
-    }, 200);
-    return () => clearInterval(interval);
-  }, []);
-  return /* @__PURE__ */ jsx7("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ jsx7("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ jsxs6("div", { className: "flex justify-center flex-col items-center gap-12", children: [
-    /* @__PURE__ */ jsx7("div", { className: "loading-container", children: [...Array(6)].map((_, index) => /* @__PURE__ */ jsx7(
-      "div",
-      {
-        className: `loading-item ${index === activeIndex ? "active" : ""}`
-      },
-      index
-    )) }),
-    /* @__PURE__ */ jsx7("div", { className: "text-[rgba(45,45,45,1)] text-xl font-semibold tracking-[-1%]" })
-  ] }) }) });
-};
-
-// src/widget/common/loading-small.tsx
-import { useEffect as useEffect11, useState as useState15 } from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var LoadingSmall = () => {
-  const [activeIndex, setActiveIndex] = useState15(0);
-  useEffect11(() => {
-    const interval = setInterval(() => {
-      setActiveIndex((prevIndex) => (prevIndex + 1) % 6);
-    }, 200);
-    return () => clearInterval(interval);
-  }, []);
-  return /* @__PURE__ */ jsx8("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ jsx8("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ jsx8("div", { className: "flex justify-center flex-col items-center gap-12", children: /* @__PURE__ */ jsx8("div", { className: "loading-container-small", children: [...Array(4)].map((_, index) => /* @__PURE__ */ jsx8(
-    "div",
-    {
-      className: `loading-item-small ${index === activeIndex ? "active" : ""}`
-    },
-    index
-  )) }) }) }) });
-};
 export {
   CloseIcon,
   EyeIcon,
-  LayerLoading,
   LoadingIcon,
-  LoadingSmall,
-  ModalConfirm,
-  ModalDetail,
-  ModalLayer,
   binaryFieldController,
   colorFieldController,
   colorWrapperController,

package/dist/types.d.mts

@@ -116,8 +116,8 @@ interface ColorType {
 }
 interface ColorWrapperControllerProps {
     savePickColor: any;
-    defaultColor: number;
-    colors: ColorType[];
+    defaultColor: any;
+    colors: any;
 }
 
 export type { ColorType, ColorWrapperControllerProps, GoogleLoginType, IInputFieldProps, ValuePropsType, WidgetPropsType };

package/dist/types.d.ts

@@ -116,8 +116,8 @@ interface ColorType {
 }
 interface ColorWrapperControllerProps {
     savePickColor: any;
-    defaultColor: number;
-    colors: ColorType[];
+    defaultColor: any;
+    colors: any;
 }
 
 export type { ColorType, ColorWrapperControllerProps, GoogleLoginType, IInputFieldProps, ValuePropsType, WidgetPropsType };

package/package.json

@@ -1,52 +1,57 @@
-{
-  "name": "@fctc/widget-logic",
-  "version": "1.1.3",
-  "types": "dist/index.d.ts",
-  "main": "dist/index.cjs",
-  "module": "dist/index.mjs",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.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"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "tsup",
-    "test": "jest"
-  },
-  "dependencies": {
-    "@fctc/interface-logic": "^1.0.4",
-    "@headlessui/react": "^2.2.6",
-    "@types/react-dom": "^19.1.7",
-    "react-datepicker": "^8.4.0",
-    "react-dom": "^19.1.1",
-    "react-tooltip": "^5.29.1"
-  },
-  "devDependencies": {
-    "@types/react": "18.0.0",
-    "jest": "^29.7.0",
-    "react": "18.0.0",
-    "tsup": "^8.0.0",
-    "typescript": "^5.8.2"
-  },
-  "packageManager": "yarn@1.22.0"
-}
+{
+  "name": "@fctc/widget-logic",
+  "version": "1.1.4",
+  "types": "dist/index.d.ts",
+  "main": "dist/index.cjs",
+  "module": "dist/index.mjs",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.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"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "test": "jest"
+  },
+  "dependencies": {
+    "@fctc/interface-logic": "^1.0.4",
+    "@headlessui/react": "^2.2.6",
+    "@types/react-dom": "^19.1.7",
+    "react-datepicker": "^8.4.0",
+    "react-dom": "^19.1.1",
+    "react-tooltip": "^5.29.1"
+  },
+  "devDependencies": {
+    "@types/react": "18.0.0",
+    "jest": "^29.7.0",
+    "react": "18.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.8.2"
+  },
+  "packageManager": "yarn@1.22.0"
+}