@gridsuite/commons-ui 0.281.0 → 0.282.0

package/dist/features/network-modifications/hooks/useTabsWithError.d.ts

@@ -1,15 +0,0 @@
-import { FieldConstants } from '../../../utils';
-type TabFieldsMap<T extends number> = Readonly<Partial<Record<T, FieldConstants[]>>>;
-/**
- * Manages tab navigation with automatic error highlighting for react-hook-form-based tabbed forms.
- *
- * @param tabFields - Maps each tab index to the field names it owns. Must be a module-level
- *                    constant to remain stable across renders.
- * @param initialTab - The tab to show on first render.
- */
-export declare function useTabsWithError<T extends number>(tabFields: TabFieldsMap<T>, initialTab: T): {
-    tabIndex: T;
-    setTabIndex: (tab: T) => void;
-    tabIndexesWithError: T[];
-};
-export {};

package/dist/features/network-modifications/hooks/useTabsWithError.js

@@ -1,28 +0,0 @@
-import { useState, useRef, useEffect, useCallback } from "react";
-import { useFormState } from "react-hook-form";
-function useTabsWithError(tabFields, initialTab) {
-  const { errors, submitCount } = useFormState();
-  const [tabIndex, setTabIndex] = useState(initialTab);
-  const tabIndexRef = useRef(tabIndex);
-  const tabIndexesWithError = Object.keys(tabFields).map(Number).filter(
-    (tab) => tabFields[tab].some((field) => errors[field] !== void 0)
-  );
-  const tabIndexesWithErrorRef = useRef(tabIndexesWithError);
-  tabIndexesWithErrorRef.current = tabIndexesWithError;
-  useEffect(() => {
-    const tabs = tabIndexesWithErrorRef.current;
-    if (tabs.length > 0 && !tabs.includes(tabIndexRef.current)) {
-      const tab = tabs[0];
-      tabIndexRef.current = tab;
-      setTabIndex(tab);
-    }
-  }, [submitCount]);
-  const handleSetTabIndex = useCallback((tab) => {
-    tabIndexRef.current = tab;
-    setTabIndex(tab);
-  }, []);
-  return { tabIndex, setTabIndex: handleSetTabIndex, tabIndexesWithError };
-}
-export {
-  useTabsWithError
-};

package/dist/features/parameters/common/hook/use-tabs.d.ts

@@ -1,16 +0,0 @@
-import { SyntheticEvent } from 'react';
-import { FieldErrors } from 'react-hook-form';
-export type UseTabsReturn<TTabValue extends string> = {
-    selectedTab: TTabValue;
-    setSelectedTab: (selectedTab: TTabValue) => void;
-    tabsWithError: TTabValue[];
-    onTabChange: (event: SyntheticEvent, newValue: TTabValue) => void;
-    onError: (errors: FieldErrors) => void;
-};
-export type UseTabsProps<TTabValue extends string> = {
-    defaultTab: TTabValue;
-    tabEnum: Record<string, TTabValue>;
-    errors: FieldErrors;
-    tabFields?: Record<TTabValue, string[]>;
-};
-export declare function useTabs<TTabValue extends string>({ defaultTab, tabEnum, errors, tabFields, }: Readonly<UseTabsProps<TTabValue>>): UseTabsReturn<TTabValue>;

package/dist/features/parameters/common/hook/use-tabs.js

@@ -1,65 +0,0 @@
-import { useState, useCallback } from "react";
-import { get } from "react-hook-form";
-import { isObjectEmpty } from "../../../../utils/functions.js";
-function useTabs({
-  defaultTab,
-  tabEnum,
-  errors,
-  tabFields
-}) {
-  const [selectedTab, setSelectedTab] = useState(defaultTab);
-  const [tabsWithError, setTabsWithError] = useState([]);
-  const getTabsWithError = useCallback(
-    (_errors) => {
-      const tabsHasError = [];
-      Object.values(tabEnum).forEach((tabValue) => {
-        const fields = tabFields?.[tabValue] ?? [tabValue];
-        if (fields.some((field) => get(_errors, field))) {
-          tabsHasError.push(tabValue);
-        }
-      });
-      return tabsHasError;
-    },
-    [tabEnum, tabFields]
-  );
-  const onTabChange = useCallback(
-    (event, newSelectedTab) => {
-      setSelectedTab(newSelectedTab);
-      if (!errors || isObjectEmpty(errors)) {
-        return;
-      }
-      const tabsHasError = getTabsWithError(errors);
-      if (tabsHasError.includes(newSelectedTab)) {
-        setTabsWithError(tabsHasError.filter((errorTab) => errorTab !== newSelectedTab));
-      } else {
-        setTabsWithError(tabsHasError);
-      }
-    },
-    [errors, getTabsWithError]
-  );
-  const onError = useCallback(
-    (_errors) => {
-      if (!_errors || isObjectEmpty(_errors)) {
-        return;
-      }
-      const tabsHasError = getTabsWithError(_errors);
-      if (tabsHasError.includes(selectedTab)) {
-        setTabsWithError(tabsHasError.filter((errorTab) => errorTab !== selectedTab));
-      } else if (tabsHasError.length > 0) {
-        setSelectedTab(tabsHasError[0]);
-        setTabsWithError(tabsHasError.filter((errorTab, index, arr) => errorTab !== arr[0]));
-      }
-    },
-    [getTabsWithError, selectedTab]
-  );
-  return {
-    selectedTab,
-    setSelectedTab,
-    tabsWithError,
-    onTabChange,
-    onError
-  };
-}
-export {
-  useTabs
-};