@sustaina/shared-ui 1.36.0 → 1.37.0

package/dist/index.js

@@ -1,10 +1,12 @@
 'use strict';
 
+var React25 = require('react');
+var reactRouter = require('@tanstack/react-router');
+var zustand = require('zustand');
 var clsx2 = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
 var AccordionPrimitive = require('@radix-ui/react-accordion');
-var React25 = require('react');
 var lucideReact = require('lucide-react');
 var reactDom = require('react-dom');
 var SelectPrimitive = require('@radix-ui/react-select');
@@ -20,7 +22,6 @@ var reactTable = require('@tanstack/react-table');
 var SheetPrimitive = require('@radix-ui/react-dialog');
 var reactI18next = require('react-i18next');
 var i18n = require('i18next');
-var zustand = require('zustand');
 var StarterKit = require('@tiptap/starter-kit');
 var react = require('@tiptap/react');
 var ReactDOM = require('react-dom/client');
@@ -82,9 +83,9 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
+var React25__namespace = /*#__PURE__*/_interopNamespace(React25);
 var clsx2__default = /*#__PURE__*/_interopDefault(clsx2);
 var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
-var React25__namespace = /*#__PURE__*/_interopNamespace(React25);
 var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
 var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
@@ -265,6 +266,82 @@ function formatISODate(isoDate, format5 = "d/m/Y H:i") {
     return partKey ? parts[partKey] : match;
   });
 }
+function useSafeBlocker({
+  shouldBlockFn,
+  enableBeforeUnload = true,
+  disabled = false,
+  withResolver = false
+}) {
+  const router = reactRouter.useRouter({ warn: false });
+  const [resolver, setResolver] = React25.useState({
+    status: "idle",
+    proceed: void 0,
+    reset: void 0
+  });
+  React25.useEffect(() => {
+    if (disabled || !router?.history?.block) {
+      return;
+    }
+    return router.history.block({
+      enableBeforeUnload,
+      blockerFn: async () => {
+        const shouldBlock = await shouldBlockFn();
+        if (!withResolver) {
+          return shouldBlock;
+        }
+        if (!shouldBlock) {
+          return false;
+        }
+        const canNavigate = await new Promise((resolve) => {
+          setResolver({
+            status: "blocked",
+            proceed: () => resolve(false),
+            reset: () => resolve(true)
+          });
+        });
+        setResolver({
+          status: "idle",
+          proceed: void 0,
+          reset: void 0
+        });
+        return canNavigate;
+      }
+    });
+  }, [disabled, enableBeforeUnload, router, shouldBlockFn, withResolver]);
+  React25.useEffect(() => {
+    if (disabled || router?.history || typeof window === "undefined") {
+      return;
+    }
+    const shouldEnable = enableBeforeUnload;
+    if (!shouldEnable) {
+      return;
+    }
+    const handler = (event) => {
+      const shouldBlock = typeof shouldEnable === "function" ? shouldEnable() : shouldEnable;
+      if (!shouldBlock) {
+        return;
+      }
+      event.preventDefault();
+      event.returnValue = "";
+    };
+    window.addEventListener("beforeunload", handler, { capture: true });
+    return () => window.removeEventListener("beforeunload", handler, { capture: true });
+  }, [disabled, enableBeforeUnload, router]);
+  return resolver;
+}
+var useDraftGuardStore = zustand.create((set) => ({
+  isDirty: false,
+  source: null,
+  isInitialized: false,
+  markDirty: (source) => set((state) => {
+    if (!state.isInitialized || !source) {
+      return state;
+    }
+    return { ...state, isDirty: true, source };
+  }),
+  clearDraft: () => set({ isDirty: false, source: null }),
+  markInitialized: () => set({ isInitialized: true })
+}));
 function cn(...args) {
   return tailwindMerge.twMerge(clsx2.clsx(args));
 }
@@ -3234,6 +3311,7 @@ var LookupSelect = ({
 }) => {
   const [inputValue, setInputValue] = React25.useState("");
   const inputRef = React25.useRef(null);
+  const [inputFocused, setInputFocused] = React25.useState(false);
   const [suggestions, setSuggestions] = React25.useState([]);
   const [optionLabels, setOptionLabels] = React25.useState({});
   const [loading, setLoading] = React25.useState(false);
@@ -3284,8 +3362,6 @@ var LookupSelect = ({
         onChange([trimmed]);
       }
       setInputValue("");
-      setSuggestions([]);
-      setIsDropdownOpen(false);
     },
     [value, onChange, maxTags, multiple]
   );
@@ -3294,12 +3370,15 @@ var LookupSelect = ({
       if (index < 0) return;
       const newTags = value.filter((_, i) => i !== index);
       onChange(newTags);
+      setIsDropdownOpen(false);
+      setInputFocused(false);
     },
     [value, onChange]
   );
   const handleClear = React25.useCallback(() => {
     setInputValue("");
     setSuggestions([]);
+    setInputFocused(false);
     setIsDropdownOpen(false);
     setFetchError(null);
     if (onClear) onClear();
@@ -3315,7 +3394,10 @@ var LookupSelect = ({
         }, 100);
       } else {
         inputRef.current?.blur();
+        setInputFocused(false);
+        setIsDropdownOpen(false);
       }
+      inputRef.current.value = "";
     },
     [addTag, multiple, upsertOptionLabels]
   );
@@ -3358,16 +3440,16 @@ var LookupSelect = ({
     });
   }, [dropdownPortalElement]);
   React25.useEffect(() => {
-    if (!fetchSuggestions) return;
+    if (!fetchSuggestions || !inputFocused) return;
     if (fetchDelayRef.current) {
       clearTimeout(fetchDelayRef.current);
     }
     const query = inputValue.trim();
     if (!query) {
-      setSuggestions([]);
-      setIsDropdownOpen(false);
       setLoading(false);
       setFetchError(null);
+      setSuggestions([]);
+      setIsDropdownOpen(false);
       return;
     }
     setLoading(true);
@@ -3397,7 +3479,7 @@ var LookupSelect = ({
         clearTimeout(fetchDelayRef.current);
       }
     };
-  }, [inputValue, fetchSuggestions, suggestionDebounce, upsertOptionLabels]);
+  }, [inputValue, fetchSuggestions, suggestionDebounce, upsertOptionLabels, inputFocused]);
   React25.useEffect(() => {
     if (!fetchSuggestions) return;
     if (value.length === 0) return;
@@ -3414,6 +3496,7 @@ var LookupSelect = ({
       if (containerRef.current?.contains(target)) return;
       if (dropdownContentRef.current?.contains(target)) return;
       setIsDropdownOpen(false);
+      setInputFocused(false);
     };
     document.addEventListener("mousedown", handleDocumentClick);
     return () => {
@@ -3435,7 +3518,7 @@ var LookupSelect = ({
       window.removeEventListener("resize", handleReposition);
       window.removeEventListener("scroll", handleReposition, true);
     };
-  }, [dropdownPortalElement, isDropdownOpen, updateDropdownPosition]);
+  }, [dropdownPortalElement, isDropdownOpen, updateDropdownPosition, value]);
   React25.useEffect(() => {
     if (suggestions.length === 0) {
       setActiveSuggestionIndex(-1);
@@ -3490,7 +3573,7 @@ var LookupSelect = ({
               return /* @__PURE__ */ jsxRuntime.jsxs(
                 "span",
                 {
-                  className: "flex items-center gap-1 rounded-lg border border-[#f0f0f0] bg-[#f9f9f9] px-2 py-1 my-1 text-sm text-inherit max-w-full wrap-break-word",
+                  className: "flex items-center gap-1 rounded-lg border border-sus-secondary-gray-3 bg-sus-secondary-gray-2 px-2 py-1 my-1 text-sm text-inherit max-w-full wrap-break-word",
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-pre-wrap break-all", children: label }),
                     /* @__PURE__ */ jsxRuntime.jsx(
@@ -3518,9 +3601,7 @@ var LookupSelect = ({
                 onChange: (e) => setInputValue(e.target.value),
                 onKeyDown: handleKeyDown,
                 onFocus: () => {
-                  if (suggestions.length > 0 && !fetchError) {
-                    setIsDropdownOpen(true);
-                  }
+                  setInputFocused(true);
                 },
                 hidden: !multiple && selectedLabel !== void 0,
                 placeholder: value.length === 0 && resolvedPlaceholder || "",
@@ -5774,151 +5855,6 @@ function DialogDescription2({
 // src/components/dialog-alert/lib/constants.ts
 var DIALOG_ALERT_I18N_SUBNAMESPACE = "dialog_alert";
 var i18nPrefix = `translation:${DIALOG_ALERT_I18N_SUBNAMESPACE}.`;
-
-// src/components/dialog-alert/locale/default.ts
-var defaultResource = {
-  sharedui: {
-    translation: {
-      [DIALOG_ALERT_I18N_SUBNAMESPACE]: {
-        ok: "OK",
-        cancel: "Cancel",
-        close: "Close",
-        "success.saved": {
-          title: "Successfully",
-          description: "Data has been successfully saved"
-        },
-        "success.deleted": {
-          title: "Successfully",
-          description: "Data has been successfully deleted"
-        },
-        "success.removed": {
-          title: "Successfully",
-          description: "Data has been successfully removed"
-        },
-        "error.api_db_error": {
-          title: "API/Database Error",
-          description: "Failed to connect to the system. Please check API or database connection."
-        },
-        "error.permission_denied": {
-          title: "Permission Denied",
-          description: "You do not have permission to perform this action.",
-          confirm_text: "Discard"
-        },
-        "error.session_expired": {
-          title: "Session Expired",
-          description: "Your session has expired or you have been logged out. Please sign in again.",
-          confirm_text: "Logout"
-        },
-        "error.user_not_found": {
-          title: "User Not Found",
-          description: "The system could not locate the user account.",
-          confirm_text: "Logout"
-        },
-        "error.data_not_found": {
-          title: "Data Not Found",
-          description: "The data has already been deleted or does not exist in the system."
-        },
-        "error.data_restrict_editing": {
-          title: "Data Status Restricts Editing",
-          description: "Data status does not allow editing."
-        },
-        "error.network_timeout_error": {
-          title: "Network Error / Timeout",
-          description: "The system could not connect to the network or the request took too long to process."
-        },
-        "error.queue_full": {
-          title: "Queue Full",
-          description: "The notification queue has reached its limit. Please try again later."
-        },
-        "error.invalid_data_format": {
-          title: "Invalid Data Format",
-          description: "Data creation failed due to invalid or incorrectly formatted data."
-        },
-        "error.data_linked_to_system_data": {
-          title: "Data Linked to System Data",
-          description: "Cannot delete data because they are linked to existing system data."
-        },
-        "error.pending_workflow_conflict": {
-          title: "Pending Workflow Conflict ",
-          description: "The data is currently involved in a pending workflow or approval process and cannot be deactivated."
-        },
-        "error.invalid_incomplete_data": {
-          title: "Invalid or Incomplete Data",
-          description: "Data status cannot be changed due to incomplete or invalid information."
-        },
-        "error.client_side_error": {
-          title: "Client-Side Error",
-          description: "An error occurred on the client side. Please refresh the page or try again."
-        },
-        "error.system_limitation": {
-          title: "System Limitation",
-          description: "The search cannot be completed due to system limitations. Please simplify your query."
-        },
-        "error.timeout": {
-          title: "Timeout",
-          description: "Request failed due to a system error or timeout. Please try again."
-        },
-        "error.duplicate_data": {
-          title: "Duplicate Data",
-          description: "The data you entered already exists in the system."
-        },
-        "error.something_went_wrong": {
-          title: "Something Went Wrong",
-          description: "An unknown error occurred."
-        },
-        "confirm.delete": {
-          title: "Confirmation",
-          description: "Are you sure you want to delete this item?",
-          confirm_text: "Delete"
-        },
-        "confirm.inactive": {
-          title: "Confirmation",
-          description: "Are you sure you want to inactive this item?",
-          confirm_text: "Inactive"
-        },
-        "confirm.active": {
-          variant: "confirm-green",
-          title: "Confirmation",
-          description: "Are you sure you want to active this item?",
-          confirm_text: "Active"
-        },
-        "confirm.leave_page": {
-          title: "Confirmation",
-          description: "Unsaved changes. Do you want to leave this page?",
-          confirm_text: "Leave"
-        },
-        "confirm.reset_form": {
-          title: "Confirmation",
-          description: "Unsaved changes. If you continue, all changes will be lost.",
-          confirm_text: "Reset"
-        },
-        "confirm.remove": {
-          title: "Confirmation",
-          description: "Are you sure you want to remove this item?",
-          confirm_text: "Remove"
-        },
-        "confirm.logout": {
-          title: "Confirmation",
-          description: "Do you want to log out?",
-          confirm_text: "Logout"
-        }
-      }
-    }
-  }
-};
-
-// src/components/dialog-alert/locale/i18n.ts
-var instance = i18n__default.default.createInstance({
-  resources: defaultResource,
-  lng: "sharedui",
-  fallbackLng: "sharedui",
-  defaultNS: "translation",
-  interpolation: {
-    escapeValue: false
-  }
-}).use(reactI18next.initReactI18next);
-instance.init();
-var i18n_default = instance;
 var titleColorVariant = {
   default: "",
   success: "text-sus-button-green-3",
@@ -6150,6 +6086,151 @@ var DIALOG_ALERT_TEMPLATES = {
     confirmText: "confirm.logout.confirm_text"
   }
 };
+
+// src/components/dialog-alert/locale/default.ts
+var defaultResource = {
+  sharedui: {
+    translation: {
+      [DIALOG_ALERT_I18N_SUBNAMESPACE]: {
+        ok: "OK",
+        cancel: "Cancel",
+        close: "Close",
+        "success.saved": {
+          title: "Successfully",
+          description: "Data has been successfully saved"
+        },
+        "success.deleted": {
+          title: "Successfully",
+          description: "Data has been successfully deleted"
+        },
+        "success.removed": {
+          title: "Successfully",
+          description: "Data has been successfully removed"
+        },
+        "error.api_db_error": {
+          title: "API/Database Error",
+          description: "Failed to connect to the system. Please check API or database connection."
+        },
+        "error.permission_denied": {
+          title: "Permission Denied",
+          description: "You do not have permission to perform this action.",
+          confirm_text: "Discard"
+        },
+        "error.session_expired": {
+          title: "Session Expired",
+          description: "Your session has expired or you have been logged out. Please sign in again.",
+          confirm_text: "Logout"
+        },
+        "error.user_not_found": {
+          title: "User Not Found",
+          description: "The system could not locate the user account.",
+          confirm_text: "Logout"
+        },
+        "error.data_not_found": {
+          title: "Data Not Found",
+          description: "The data has already been deleted or does not exist in the system."
+        },
+        "error.data_restrict_editing": {
+          title: "Data Status Restricts Editing",
+          description: "Data status does not allow editing."
+        },
+        "error.network_timeout_error": {
+          title: "Network Error / Timeout",
+          description: "The system could not connect to the network or the request took too long to process."
+        },
+        "error.queue_full": {
+          title: "Queue Full",
+          description: "The notification queue has reached its limit. Please try again later."
+        },
+        "error.invalid_data_format": {
+          title: "Invalid Data Format",
+          description: "Data creation failed due to invalid or incorrectly formatted data."
+        },
+        "error.data_linked_to_system_data": {
+          title: "Data Linked to System Data",
+          description: "Cannot delete data because they are linked to existing system data."
+        },
+        "error.pending_workflow_conflict": {
+          title: "Pending Workflow Conflict ",
+          description: "The data is currently involved in a pending workflow or approval process and cannot be deactivated."
+        },
+        "error.invalid_incomplete_data": {
+          title: "Invalid or Incomplete Data",
+          description: "Data status cannot be changed due to incomplete or invalid information."
+        },
+        "error.client_side_error": {
+          title: "Client-Side Error",
+          description: "An error occurred on the client side. Please refresh the page or try again."
+        },
+        "error.system_limitation": {
+          title: "System Limitation",
+          description: "The search cannot be completed due to system limitations. Please simplify your query."
+        },
+        "error.timeout": {
+          title: "Timeout",
+          description: "Request failed due to a system error or timeout. Please try again."
+        },
+        "error.duplicate_data": {
+          title: "Duplicate Data",
+          description: "The data you entered already exists in the system."
+        },
+        "error.something_went_wrong": {
+          title: "Something Went Wrong",
+          description: "An unknown error occurred."
+        },
+        "confirm.delete": {
+          title: "Confirmation",
+          description: "Are you sure you want to delete this item?",
+          confirm_text: "Delete"
+        },
+        "confirm.inactive": {
+          title: "Confirmation",
+          description: "Are you sure you want to inactive this item?",
+          confirm_text: "Inactive"
+        },
+        "confirm.active": {
+          variant: "confirm-green",
+          title: "Confirmation",
+          description: "Are you sure you want to active this item?",
+          confirm_text: "Active"
+        },
+        "confirm.leave_page": {
+          title: "Confirmation",
+          description: "Unsaved changes. Do you want to leave this page?",
+          confirm_text: "Leave"
+        },
+        "confirm.reset_form": {
+          title: "Confirmation",
+          description: "Unsaved changes. If you continue, all changes will be lost.",
+          confirm_text: "Reset"
+        },
+        "confirm.remove": {
+          title: "Confirmation",
+          description: "Are you sure you want to remove this item?",
+          confirm_text: "Remove"
+        },
+        "confirm.logout": {
+          title: "Confirmation",
+          description: "Do you want to log out?",
+          confirm_text: "Logout"
+        }
+      }
+    }
+  }
+};
+
+// src/components/dialog-alert/locale/i18n.ts
+var instance = i18n__default.default.createInstance({
+  resources: defaultResource,
+  lng: "sharedui",
+  fallbackLng: "sharedui",
+  defaultNS: "translation",
+  interpolation: {
+    escapeValue: false
+  }
+}).use(reactI18next.initReactI18next);
+instance.init();
+var i18n_default = instance;
 var useDialogAlertStore = zustand.create((set, get) => ({
   open: false,
   dialogProps: {},
@@ -6202,7 +6283,7 @@ var DialogAlertProvider = ({ children, i18nResource, i18nLang }) => {
       return;
     }
   }, [i18nLang, i18nResource]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactI18next.I18nextProvider, { i18n: i18n_default, children: [
     children,
     /* @__PURE__ */ jsxRuntime.jsx(DialogAlert, { open, onOpenChange: setOpen, ...dialogProps })
   ] });
@@ -12049,6 +12130,7 @@ exports.stripNullishObject = stripNullishObject;
 exports.throttle = throttle;
 exports.tokenizeFormulaString = tokenizeFormulaString;
 exports.useControllableState = useControllableState_default;
+exports.useDraftGuardStore = useDraftGuardStore;
 exports.useFormField = useFormField;
 exports.useGridSettingsStore = useGridSettingsStore_default;
 exports.useHover = useHover_default;
@@ -12057,6 +12139,7 @@ exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
 exports.useMediaQuery = useMediaQuery_default;
 exports.usePreventPageLeave = usePreventPageLeave_default;
 exports.usePreventPageLeaveStore = usePreventPageLeaveStore_default;
+exports.useSafeBlocker = useSafeBlocker;
 exports.useScreenSize = useScreenSize_default;
 exports.useSidebar = useSidebar;
 exports.useTruncated = useTruncated_default;