@pega/react-sdk-components 25.1.10 → 25.1.11

package/lib/components/template/HierarchicalForm/hooks.js

@@ -0,0 +1,163 @@
+import { useState, useEffect, useMemo, useCallback, useRef, Children } from 'react';
+import useGetTabsCount from '../../../hooks/useGetTabsCount';
+import { searchtabsClick as tabClick, getActiveTabId, getFirstVisibleTabId } from '../SubTabs/tabUtils';
+import { getInstructions } from '../../helpers/template-utils';
+const ComponentName = 'HierarchicalForm';
+const getLandingPageViewName = (contextName) => {
+    const target = contextName.substring(0, contextName.lastIndexOf('_'));
+    const activeContainerItemID = PCore.getContainerUtils().getActiveContainerItemName(target);
+    const containerItemData = PCore.getContainerUtils().getContainerItemData(target, activeContainerItemID);
+    return containerItemData?.view?.config?.name;
+};
+export function useHierarchicalForm(props) {
+    const { children = [], getPConnect, tabsVisibility = {}, template } = props;
+    const [tabErrors, setTabErrors] = useState({});
+    const tabErrorsRef = useRef({});
+    const submitAttemptedRef = useRef(false);
+    const { lastUpdateCaseTime = getPConnect().getValue('caseInfo.lastUpdateTime') } = props;
+    const fullCaseId = getPConnect().getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID);
+    const deferLoadedTabs = Children.toArray(children)[0];
+    deferLoadedTabs.props.getPConnect().setInheritedProp('template', template);
+    const navigationKey = useMemo(() => {
+        const parentNavKey = `${getPConnect().getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID) || getLandingPageViewName(getPConnect().getContextName())}`;
+        return `${parentNavKey}-${getPConnect().getMetadata()?.name}-${ComponentName}`;
+    }, []);
+    const instructions = getInstructions(getPConnect(), props.instructions);
+    const storedTab = PCore.getNavigationUtils().getComponentState(navigationKey)?.activeTab;
+    const tabsFromChildren = deferLoadedTabs.props.getPConnect().getChildren();
+    const firstTabId = getFirstVisibleTabId(deferLoadedTabs, undefined);
+    const [currentTabId, setCurrentTabId] = useState(getActiveTabId(tabsFromChildren, storedTab || firstTabId));
+    const [tabVisibilityStr, setTabVisibilityStr] = useState('');
+    const { data: tabData, refreshTabData } = useGetTabsCount(deferLoadedTabs, 'hierarchical', currentTabId, template);
+    const handleCaseRefresh = (message) => {
+        if (message.subtype === 'tab') {
+            refreshTabData();
+        }
+    };
+    useEffect(() => {
+        let index = 0;
+        let caseSubId = '';
+        deferLoadedTabs.props
+            .getPConnect()
+            .getChildren()
+            ?.forEach((child) => {
+            const rawConfigProps = child.getPConnect().getRawConfigProps();
+            if ('visibility' in rawConfigProps) {
+                tabsVisibility[`${index}`] = rawConfigProps.visibility;
+            }
+            index += 1;
+        });
+        getPConnect().registerAdditionalProps({ tabsVisibility });
+        getPConnect().registerAdditionalProps({ lastUpdateCaseTime: '@P caseInfo.lastUpdateTime' });
+        if (fullCaseId) {
+            caseSubId = PCore.getMessagingServiceManager().getCaseSubscription(fullCaseId).subscribe({ caseId: fullCaseId }, handleCaseRefresh);
+        }
+        return () => {
+            if (fullCaseId)
+                PCore.getMessagingServiceManager().getCaseSubscription(fullCaseId).unsubscribe(caseSubId);
+        };
+    }, []);
+    useEffect(() => {
+        refreshTabData();
+    }, [lastUpdateCaseTime]);
+    useEffect(() => {
+        const isVisibilityAvailable = Object.values(tabsVisibility).length > 0 && Object.values(tabsVisibility).every(visibility => typeof visibility === 'boolean');
+        if (isVisibilityAvailable) {
+            let str = '';
+            Object.keys(tabsVisibility).forEach(key => {
+                str += key + tabsVisibility[key];
+            });
+            setTabVisibilityStr(str);
+        }
+    }, [tabsVisibility]);
+    useEffect(() => {
+        if (tabData && tabData.length) {
+            const activeTabId = getActiveTabId(tabData, currentTabId);
+            if (activeTabId !== currentTabId) {
+                setCurrentTabId(activeTabId);
+            }
+        }
+    }, [tabVisibilityStr, tabData]);
+    useEffect(() => {
+        PCore.getNavigationUtils().setComponentState(navigationKey, { activeTab: currentTabId });
+        const activeTabNavKey = `${getPConnect().getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID)}-CaseView-ActiveTab`;
+        PCore.getNavigationUtils().setComponentState(activeTabNavKey, { id: currentTabId });
+        return () => {
+            if (getPConnect().getContextName()?.includes('/modal')) {
+                PCore.getNavigationUtils().setComponentState(navigationKey, { activeTab: firstTabId });
+            }
+        };
+    }, [currentTabId, children]);
+    const handleTabClick = useCallback((event, id) => {
+        tabClick(id, tabData, currentTabId, setCurrentTabId);
+    }, [tabData, currentTabId]);
+    const tabItems = useMemo(() => tabData?.filter((tab) => tab.visibility()) ?? [], [tabData, tabVisibilityStr]);
+    const tabsRef = useRef(tabItems);
+    tabsRef.current = tabItems;
+    const updateTabErrorsOnViewMutate = useCallback((messageObject, tab) => {
+        if (!messageObject.type) {
+            return;
+        }
+        const previousTabErrors = tabErrorsRef.current;
+        let currentTabState = previousTabErrors[tab.id] || {};
+        const { MESSAGES_TYPE_ERROR } = PCore.getConstants().MESSAGES;
+        if (messageObject.type !== MESSAGES_TYPE_ERROR) {
+            delete currentTabState[messageObject.fieldName];
+            currentTabState = Object.keys(currentTabState).length > 0 ? currentTabState : undefined;
+        }
+        else {
+            currentTabState = { ...currentTabState, [messageObject.fieldName]: messageObject.messages };
+        }
+        const newErrors = { ...previousTabErrors, [tab.id]: currentTabState };
+        tabErrorsRef.current = newErrors;
+        setTabErrors(newErrors);
+    }, []);
+    useEffect(() => {
+        const rawConfig = '_rawConfig';
+        tabItems.forEach((tab) => {
+            PCore.getContextTreeManager().onViewMutate(tab.getPConnect().getContextName(), tab.getPConnect().getPageReference(), tab.getPConnect()[rawConfig].config?.name, (messageObject) => updateTabErrorsOnViewMutate(messageObject, tab));
+        });
+    }, [tabItems, updateTabErrorsOnViewMutate]);
+    const navigateToFirstErrorTab = useCallback(() => {
+        const currentErrors = tabErrorsRef.current;
+        const firstTabWithError = tabsRef.current.find((tab) => {
+            const tabErrorState = currentErrors[tab.id];
+            return tabErrorState && Object.keys(tabErrorState).length > 0;
+        });
+        if (firstTabWithError) {
+            submitAttemptedRef.current = false;
+            setCurrentTabId(firstTabWithError.id);
+        }
+    }, []);
+    const highlightFirstErrorTab = useCallback(() => {
+        submitAttemptedRef.current = true;
+        navigateToFirstErrorTab();
+    }, [navigateToFirstErrorTab]);
+    useEffect(() => {
+        const { CURRENT_ASSIGNMENT_UPDATED } = PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS;
+        PCore.getPubSubUtils().subscribe(CURRENT_ASSIGNMENT_UPDATED, () => {
+            tabErrorsRef.current = {};
+            submitAttemptedRef.current = false;
+            setTabErrors({});
+        }, 'CURRENT_ASSIGNMENT_UPDATED-HierarchicalForm');
+        PCore.getPubSubUtils().subscribe(PCore.getConstants().PUB_SUB_EVENTS.ERROR_ON_FINISH_ASSIGNMENT, highlightFirstErrorTab, 'ERROR_ON_FINISH_ASSIGNMENT-HierarchicalForm');
+        return () => {
+            PCore.getPubSubUtils().unsubscribe(CURRENT_ASSIGNMENT_UPDATED, 'CURRENT_ASSIGNMENT_UPDATED-HierarchicalForm');
+            PCore.getPubSubUtils().unsubscribe(PCore.getConstants().PUB_SUB_EVENTS.ERROR_ON_FINISH_ASSIGNMENT, 'ERROR_ON_FINISH_ASSIGNMENT-HierarchicalForm');
+        };
+    }, []);
+    useEffect(() => {
+        if (submitAttemptedRef.current) {
+            navigateToFirstErrorTab();
+        }
+    }, [tabErrors, navigateToFirstErrorTab]);
+    const processedTabs = useMemo(() => {
+        return tabItems.map(tab => {
+            const errorKeys = Object.keys(tabErrors[tab.id] ?? {});
+            const errors = errorKeys.length > 0 ? errorKeys.reduce((sum, fieldName) => sum + tabErrors[tab.id][fieldName].length, 0) : undefined;
+            return { ...tab, errors };
+        });
+    }, [tabItems, tabErrors]);
+    return { currentTabId, handleTabClick, processedTabs, instructions };
+}
+//# sourceMappingURL=hooks.js.map

package/lib/components/template/HierarchicalForm/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/components/template/HierarchicalForm/hooks.ts"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect, useMemo, useCallback, useRef, Children, type PropsWithChildren, type SyntheticEvent } from 'react';\n\nimport useGetTabsCount from '../../../hooks/useGetTabsCount';\nimport { searchtabsClick as tabClick, getActiveTabId, getFirstVisibleTabId } from '../SubTabs/tabUtils';\nimport { getInstructions } from '../../helpers/template-utils';\nimport type { PConnProps } from '../../../types/PConnProps';\n\nconst ComponentName = 'HierarchicalForm';\n\nconst getLandingPageViewName = (contextName: string) => {\n  const target = contextName.substring(0, contextName.lastIndexOf('_'));\n  const activeContainerItemID = PCore.getContainerUtils().getActiveContainerItemName(target);\n  const containerItemData = PCore.getContainerUtils().getContainerItemData(target, activeContainerItemID);\n  return containerItemData?.view?.config?.name;\n};\n\nexport interface HierarchicalFormProps extends PConnProps {\n  tabsVisibility?: Record<string, boolean>;\n  template?: string;\n  instructions?: string;\n  lastUpdateCaseTime?: string | number;\n}\n\nexport function useHierarchicalForm(props: PropsWithChildren<HierarchicalFormProps>) {\n  const { children = [], getPConnect, tabsVisibility = {}, template } = props;\n  const [tabErrors, setTabErrors] = useState<Record<string, any>>({});\n  const tabErrorsRef = useRef<Record<string, any>>({});\n  const submitAttemptedRef = useRef(false);\n  const { lastUpdateCaseTime = getPConnect().getValue('caseInfo.lastUpdateTime') } = props;\n  const fullCaseId = getPConnect().getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID);\n\n  const deferLoadedTabs: any = Children.toArray(children)[0];\n  deferLoadedTabs.props.getPConnect().setInheritedProp('template', template);\n\n  const navigationKey = useMemo(() => {\n    const parentNavKey = `${\n      getPConnect().getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID) || getLandingPageViewName(getPConnect().getContextName())\n    }`;\n    return `${parentNavKey}-${getPConnect().getMetadata()?.name}-${ComponentName}`;\n  }, []);\n\n  const instructions = getInstructions(getPConnect(), props.instructions);\n\n  const storedTab = (PCore.getNavigationUtils().getComponentState(navigationKey) as any)?.activeTab;\n\n  const tabsFromChildren = deferLoadedTabs.props.getPConnect().getChildren();\n\n  const firstTabId = getFirstVisibleTabId(deferLoadedTabs, undefined);\n\n  const [currentTabId, setCurrentTabId] = useState(getActiveTabId(tabsFromChildren, storedTab || firstTabId));\n  const [tabVisibilityStr, setTabVisibilityStr] = useState('');\n  const { data: tabData, refreshTabData } = useGetTabsCount(deferLoadedTabs, 'hierarchical', currentTabId, template);\n\n  const handleCaseRefresh = (message: any) => {\n    if (message.subtype === 'tab') {\n      refreshTabData();\n    }\n  };\n\n  useEffect(() => {\n    let index = 0;\n    let caseSubId = '';\n    deferLoadedTabs.props\n      .getPConnect()\n      .getChildren()\n      ?.forEach((child: any) => {\n        const rawConfigProps = child.getPConnect().getRawConfigProps();\n        if ('visibility' in rawConfigProps) {\n          tabsVisibility[`${index}`] = rawConfigProps.visibility;\n        }\n        index += 1;\n      });\n\n    getPConnect().registerAdditionalProps({ tabsVisibility });\n    getPConnect().registerAdditionalProps({ lastUpdateCaseTime: '@P caseInfo.lastUpdateTime' });\n\n    if (fullCaseId) {\n      caseSubId = PCore.getMessagingServiceManager().getCaseSubscription(fullCaseId).subscribe({ caseId: fullCaseId }, handleCaseRefresh);\n    }\n\n    return () => {\n      if (fullCaseId) PCore.getMessagingServiceManager().getCaseSubscription(fullCaseId).unsubscribe(caseSubId);\n    };\n  }, []);\n\n  useEffect(() => {\n    refreshTabData();\n  }, [lastUpdateCaseTime]);\n\n  useEffect(() => {\n    const isVisibilityAvailable =\n      Object.values(tabsVisibility).length > 0 && Object.values(tabsVisibility).every(visibility => typeof visibility === 'boolean');\n    if (isVisibilityAvailable) {\n      let str = '';\n      Object.keys(tabsVisibility).forEach(key => {\n        str += key + tabsVisibility[key];\n      });\n      setTabVisibilityStr(str);\n    }\n  }, [tabsVisibility]);\n\n  useEffect(() => {\n    if (tabData && tabData.length) {\n      const activeTabId = getActiveTabId(tabData, currentTabId);\n      if (activeTabId !== currentTabId) {\n        setCurrentTabId(activeTabId);\n      }\n    }\n  }, [tabVisibilityStr, tabData]);\n\n  useEffect(() => {\n    PCore.getNavigationUtils().setComponentState(navigationKey, { activeTab: currentTabId });\n    const activeTabNavKey = `${getPConnect().getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID)}-CaseView-ActiveTab`;\n    PCore.getNavigationUtils().setComponentState(activeTabNavKey, { id: currentTabId });\n\n    return () => {\n      if (getPConnect().getContextName()?.includes('/modal')) {\n        PCore.getNavigationUtils().setComponentState(navigationKey, { activeTab: firstTabId });\n      }\n    };\n  }, [currentTabId, children]);\n\n  const handleTabClick = useCallback(\n    (event: SyntheticEvent, id: string) => {\n      tabClick(id, tabData, currentTabId, setCurrentTabId);\n    },\n    [tabData, currentTabId]\n  );\n\n  const tabItems = useMemo(() => tabData?.filter((tab: any) => tab.visibility()) ?? [], [tabData, tabVisibilityStr]);\n\n  const tabsRef = useRef(tabItems);\n  tabsRef.current = tabItems;\n\n  const updateTabErrorsOnViewMutate = useCallback((messageObject: any, tab: any) => {\n    if (!messageObject.type) {\n      return;\n    }\n    const previousTabErrors = tabErrorsRef.current;\n    let currentTabState = previousTabErrors[tab.id] || {};\n    const { MESSAGES_TYPE_ERROR } = PCore.getConstants().MESSAGES;\n    if (messageObject.type !== MESSAGES_TYPE_ERROR) {\n      delete currentTabState[messageObject.fieldName];\n      currentTabState = Object.keys(currentTabState).length > 0 ? currentTabState : undefined;\n    } else {\n      currentTabState = { ...currentTabState, [messageObject.fieldName]: messageObject.messages };\n    }\n    const newErrors = { ...previousTabErrors, [tab.id]: currentTabState };\n    tabErrorsRef.current = newErrors;\n    setTabErrors(newErrors);\n  }, []);\n\n  useEffect(() => {\n    const rawConfig = '_rawConfig';\n    tabItems.forEach((tab: any) => {\n      PCore.getContextTreeManager().onViewMutate(\n        tab.getPConnect().getContextName(),\n        tab.getPConnect().getPageReference(),\n        tab.getPConnect()[rawConfig].config?.name,\n        (messageObject: any) => updateTabErrorsOnViewMutate(messageObject, tab)\n      );\n    });\n  }, [tabItems, updateTabErrorsOnViewMutate]);\n\n  const navigateToFirstErrorTab = useCallback(() => {\n    const currentErrors = tabErrorsRef.current;\n    const firstTabWithError = tabsRef.current.find((tab: any) => {\n      const tabErrorState = currentErrors[tab.id];\n      return tabErrorState && Object.keys(tabErrorState).length > 0;\n    });\n    if (firstTabWithError) {\n      submitAttemptedRef.current = false;\n      setCurrentTabId(firstTabWithError.id);\n    }\n  }, []);\n\n  const highlightFirstErrorTab = useCallback(() => {\n    submitAttemptedRef.current = true;\n    navigateToFirstErrorTab();\n  }, [navigateToFirstErrorTab]);\n\n  useEffect(() => {\n    const { CURRENT_ASSIGNMENT_UPDATED } = PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS;\n    PCore.getPubSubUtils().subscribe(\n      CURRENT_ASSIGNMENT_UPDATED,\n      () => {\n        tabErrorsRef.current = {};\n        submitAttemptedRef.current = false;\n        setTabErrors({});\n      },\n      'CURRENT_ASSIGNMENT_UPDATED-HierarchicalForm'\n    );\n\n    PCore.getPubSubUtils().subscribe(\n      PCore.getConstants().PUB_SUB_EVENTS.ERROR_ON_FINISH_ASSIGNMENT,\n      highlightFirstErrorTab,\n      'ERROR_ON_FINISH_ASSIGNMENT-HierarchicalForm'\n    );\n\n    return () => {\n      PCore.getPubSubUtils().unsubscribe(CURRENT_ASSIGNMENT_UPDATED, 'CURRENT_ASSIGNMENT_UPDATED-HierarchicalForm');\n      PCore.getPubSubUtils().unsubscribe(\n        PCore.getConstants().PUB_SUB_EVENTS.ERROR_ON_FINISH_ASSIGNMENT,\n        'ERROR_ON_FINISH_ASSIGNMENT-HierarchicalForm'\n      );\n    };\n  }, []);\n\n  useEffect(() => {\n    if (submitAttemptedRef.current) {\n      navigateToFirstErrorTab();\n    }\n  }, [tabErrors, navigateToFirstErrorTab]);\n\n  const processedTabs = useMemo(() => {\n    return tabItems.map(tab => {\n      const errorKeys = Object.keys(tabErrors[tab.id] ?? {});\n      const errors = errorKeys.length > 0 ? errorKeys.reduce((sum, fieldName) => sum + tabErrors[tab.id][fieldName].length, 0) : undefined;\n      return { ...tab, errors };\n    });\n  }, [tabItems, tabErrors]);\n\n  return { currentTabId, handleTabClick, processedTabs, instructions };\n}\n"]}

package/lib/components/template/HierarchicalForm/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './HierarchicalForm';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/template/HierarchicalForm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/template/HierarchicalForm/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC"}

package/lib/components/template/HierarchicalForm/index.js

@@ -0,0 +1,2 @@
+export { default } from './HierarchicalForm';
+//# sourceMappingURL=index.js.map

package/lib/components/template/HierarchicalForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/template/HierarchicalForm/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { default } from './HierarchicalForm';\n"]}

package/lib/components/template/ListView/ListView.d.ts

@@ -15,6 +15,7 @@ interface ListViewProps extends PConnProps {
     viewName?: string;
     showRecords?: boolean;
     displayAs?: string;
+    localeReference?: string;
 }
 export default function ListView(props: ListViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/template/ListView/ListView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../src/components/template/ListView/ListView.tsx"],"names":[],"mappings":"AAoCA,OAAO,gBAAgB,CAAC;AAOxB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,aAAc,SAAQ,UAAU;IAExC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;IAEtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,CAAC,EAAE,GAAG,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAwuCpD"}
+{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../src/components/template/ListView/ListView.tsx"],"names":[],"mappings":"AAoCA,OAAO,gBAAgB,CAAC;AAOxB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,aAAc,SAAQ,UAAU;IAExC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;IAEtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,CAAC,EAAE,GAAG,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAcD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAiyCpD"}

package/lib/components/template/ListView/ListView.js

@@ -50,7 +50,7 @@ export default function ListView(props) {
     const { getPConnect, bInForm = true } = props;
     const { globalSearch, referenceList, 
     /* rowClickAction, */
-    selectionMode, referenceType, payload, parameters, compositeKeys, showDynamicFields, viewName, readonlyContextList: selectedValues, value, displayAs } = props;
+    selectionMode, referenceType, payload, parameters, compositeKeys, showDynamicFields, viewName, readonlyContextList: selectedValues, value, displayAs, localeReference } = props;
     let { showRecords } = props;
     const ref = useRef({}).current;
     const cosmosTableRef = useRef();
@@ -84,6 +84,8 @@ export default function ListView(props) {
     const [showSnackbar, setShowSnackbar] = useState(false);
     const [snackbarMessage, setSnackbarMessage] = useState('');
     const [selectedValue, setSelectedValue] = useState(value);
+    // Tracks selected row keys for multi-select mode (mirrors Angular's SelectionModel)
+    const [selectedRowSet, setSelectedRowSet] = useState(new Set());
     // This basically will hold the list of all current filters
     const filters = useRef({});
     // Will contain the list of columns specific for an instance
@@ -150,6 +152,7 @@ export default function ListView(props) {
                     }
                     else {
                         getPConnect().getListActions().clearSelectedRows();
+                        setSelectedRowSet(new Set());
                     }
                 }
             }
@@ -463,6 +466,7 @@ export default function ListView(props) {
         const myColumns = getHeaderCells(columnFields, fieldDefs);
         const selectParams = [];
         myColumns.forEach(column => {
+            column.label = PCore.getLocaleUtils().getLocaleValue(column.label, localeReference);
             selectParams.push({
                 field: column.id
             });
@@ -482,6 +486,16 @@ export default function ListView(props) {
         if (bCallSetRowsColumns) {
             setRows(myRows);
             setColumns(myColumns);
+            if (selectionMode === SELECTION_MODE.MULTI && selectedValues?.length > 0) {
+                const readonlyIds = new Set(selectedValues.map((element) => element[rowID]));
+                const initialSet = new Set();
+                myRows?.forEach(row => {
+                    if (readonlyIds.has(row[rowID])) {
+                        initialSet.add(row[rowID]);
+                    }
+                });
+                setSelectedRowSet(initialSet);
+            }
         }
         return () => {
             // Inspired by https://juliangaramendy.dev/blog/use-promise-subscription
@@ -834,12 +848,11 @@ export default function ListView(props) {
         getPConnect()?.getListActions?.()?.setSelectedRows([reqObj]);
         setSelectedValue(value);
     };
-    const onCheckboxClick = event => {
-        const value = event?.target?.value;
-        const checked = event?.target?.checked;
+    const getSelectedValue = (row, checked) => {
+        const rowValue = row[rowID];
         const reqObj = {};
         if (compositeKeys?.length > 1) {
-            const index = response.findIndex(element => element[rowID] === value);
+            const index = response.findIndex(element => element[rowID] === rowValue);
             const selectedRow = response[index];
             compositeKeys.forEach(element => {
                 reqObj[element] = selectedRow[element];
@@ -847,10 +860,44 @@ export default function ListView(props) {
             reqObj.$selected = checked;
         }
         else {
-            reqObj[rowID] = value;
+            reqObj[rowID] = rowValue;
             reqObj.$selected = checked;
         }
-        getPConnect()?.getListActions()?.setSelectedRows([reqObj]);
+        return reqObj;
+    };
+    const onCheckboxClick = (row) => {
+        const rowKey = row[rowID];
+        const newSet = new Set(selectedRowSet);
+        if (newSet.has(rowKey)) {
+            newSet.delete(rowKey);
+        }
+        else {
+            newSet.add(rowKey);
+        }
+        setSelectedRowSet(newSet);
+        const checked = newSet.has(rowKey);
+        const requiredValue = getSelectedValue(row, checked);
+        getPConnect()?.getListActions()?.setSelectedRows([requiredValue]);
+    };
+    const isAllSelected = () => {
+        const numSelected = selectedRowSet.size;
+        const numRows = arRows?.length || 0;
+        return numRows > 0 && numSelected === numRows;
+    };
+    const toggleAllRows = () => {
+        if (isAllSelected()) {
+            setSelectedRowSet(new Set());
+            getPConnect()?.getListActions()?.clearSelectedRows();
+            return;
+        }
+        if (selectedRowSet.size > 0 && !isAllSelected()) {
+            getPConnect()?.getListActions()?.clearSelectedRows();
+        }
+        const newSet = new Set();
+        arRows.forEach(row => newSet.add(row[rowID]));
+        setSelectedRowSet(newSet);
+        const requiredValues = arRows.map(row => getSelectedValue(row, true));
+        getPConnect()?.getListActions()?.setSelectedRows(requiredValues);
     };
     const processColumnValue = (column, value) => {
         let val;
@@ -888,14 +935,14 @@ export default function ListView(props) {
                                                                 _listViewClick(row, column);
                                                             }, underline: 'hover', children: column.format && typeof value === 'number' ? column.format(value) : value })) : (_jsx(_Fragment, { children: column.format && typeof value === 'number' ? column.format(value) : value || '---' })) }, column.id));
                                                 }) }, row.pxRefObjectInsName || row.pyID));
-                                        }) })] }) })) : (_jsxs(TableContainer, { id: 'list-view', children: [_jsxs(Table, { children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [(selectionMode === SELECTION_MODE.SINGLE || selectionMode === SELECTION_MODE.MULTI) && _jsx(TableCell, {}), arColumns.map(column => {
+                                        }) })] }) })) : (_jsxs(TableContainer, { id: 'list-view', children: [_jsxs(Table, { children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [selectionMode === SELECTION_MODE.SINGLE && _jsx(TableCell, { padding: 'checkbox' }), selectionMode === SELECTION_MODE.MULTI && (_jsx(TableCell, { padding: 'checkbox', children: _jsx(Checkbox, { indeterminate: selectedRowSet.size > 0 && !isAllSelected(), checked: arRows?.length > 0 && isAllSelected(), onChange: toggleAllRows }) })), arColumns.map(column => {
                                                     return (_jsx(TableCell, { className: classes.cell, sortDirection: orderBy === column.id ? order : false, children: _jsxs(TableSortLabel, { active: orderBy === column.id, direction: orderBy === column.id ? order : 'asc', onClick: createSortHandler(column.id), children: [column.label, orderBy === column.id ? (_jsx("span", { className: classes.visuallyHidden, children: order === 'desc' ? 'sorted descending' : 'sorted ascending' })) : null] }) }, column.id));
                                                 })] }) }), _jsx(TableBody, { children: arRows &&
                                             arRows.length > 0 &&
                                             stableSort(arRows, getComparator(order, orderBy))
                                                 .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)
                                                 .map(row => {
-                                                return (_jsxs(TableRow, { children: [selectionMode === SELECTION_MODE.SINGLE && (_jsx(TableCell, { children: _jsx(Radio, { onChange: handleChange, value: row[rowID], name: 'radio-buttons', inputProps: { 'aria-label': 'A' }, checked: selectedValue === row[rowID] }) })), selectionMode === SELECTION_MODE.MULTI && (_jsx(TableCell, { children: _jsx(Checkbox, { onChange: onCheckboxClick, checked: selectedValues.some(selectedValue => selectedValue[rowID] === row[rowID]), value: row[rowID] }) })), arColumns.map(column => {
+                                                return (_jsxs(TableRow, { children: [selectionMode === SELECTION_MODE.SINGLE && (_jsx(TableCell, { padding: 'checkbox', children: _jsx(Radio, { onChange: handleChange, value: row[rowID], name: 'radio-buttons', inputProps: { 'aria-label': 'A' }, checked: selectedValue === row[rowID] }) })), selectionMode === SELECTION_MODE.MULTI && (_jsx(TableCell, { padding: 'checkbox', children: _jsx(Checkbox, { onChange: () => onCheckboxClick(row), checked: selectedRowSet.has(row[rowID]) }) })), arColumns.map(column => {
                                                             const value = row[column.id];
                                                             return (_jsx(TableCell, { className: classes.cell, align: column.align, children: processColumnValue(column, value) }, column.id));
                                                         })] }, row[rowID]));