@pega/lists-react 9.0.0-build.9.9 → 9.0.1

package/lib/Core/Components/Toolbar/hooks/useMore.js

@@ -1,20 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Popover, useElement, useModalManager } from '@pega/cosmos-react-core';
+import { REPEATING_STRUCTURE_TEMPLATES } from 'pega-repeating-structures-core';
 import useTranslate from '../../../Hooks/useTranslate';
 import PersonalizationDeleteConfirmation from '../../DefaultComponents/PersonalizationDeleteConfirmation';
 import ColumnSelector, { colsVisibility, pinning } from '../ColumnSelector';
 import DebugInfo from '../DebugInfo';
 import { useKeyboardA11y } from '../../../Hooks/a11y';
 import { resolveViewComponent } from '../../RenderingEngine/ComponentResolverFactory';
+import showFeatureForTemplate from '../../../templateFeatureSupport';
 const RowDensity = 'Row density';
-const SaveViewAs = 'Save view as..';
 const SaveViewChanges = 'Save changes';
 const ViewAs = 'View as...';
-const EditView = 'Edit view';
+const EditCustomizedView = 'Edit customized view';
 const SetAsDefault = 'Set as default';
 const MarkAsAppDefault = 'Mark as app default';
-const Delete = 'Delete view';
+const DeleteCustomizedView = 'Delete customized view';
 const ResetColumnWidths = 'Reset column widths';
 const AutoSizeColumns = 'Auto size columns';
 const ShowHeaderIcons = 'ShowHeaderIcons';
@@ -23,8 +24,33 @@ const ImportCSVData = 'Import CSV data';
 const ExportToExcel = 'Export to Excel';
 const ExportToCSV = 'Export to CSV';
 const Refresh = 'Refresh';
+const GalleryLayoutToggle = 'Gallery layout';
+const SwitchToTable = 'Display as Table';
+const SwitchToGallery = 'Display as Gallery';
+const shouldShowTemplateSwitch = ({ allowSwitchTemplate, authoredTemplate, currentTemplate, isSmallScreen }) => {
+    if (!allowSwitchTemplate) {
+        return false;
+    }
+    // This switch behavior is only supported for views authored as Table.
+    if (authoredTemplate !== REPEATING_STRUCTURE_TEMPLATES.TABLE) {
+        return false;
+    }
+    if (currentTemplate !== REPEATING_STRUCTURE_TEMPLATES.TABLE &&
+        currentTemplate !== REPEATING_STRUCTURE_TEMPLATES.GALLERY) {
+        return false;
+    }
+    // Small screens can always switch between table/gallery.
+    // Large screens only show the action when currently on gallery (to allow switch back to table).
+    return isSmallScreen || currentTemplate === REPEATING_STRUCTURE_TEMPLATES.GALLERY;
+};
 const useMore = ({ view }) => {
-    const { meta: { displayDensity, toggleFieldVisibility, freezeFields, personalization, headerBar, enableAppDefault, enableFreezeColumns, autoSizeColumns, showQueryInfo, resetColumnWidths, rowDensity, showHeaderIcons: isHeaderIcons, showImportDataOption, showExportToExcelOption, showExportToCSVOption, allowRefresh }, state: { showHeaderIcons, personalization: personalizationState, responsive: { sm: isSmallOrAbove } = {} } = {}, type: { applyToggleVisibility, applyFreeze }, toolBarOptions = [], columns, defaultPresetId, renderFactory, getContext } = view;
+    const { meta: { allowSwitchTemplate, template: authoredTemplate, displayDensity, toggleFieldVisibility, freezeFields, personalization, headerBar, enableAppDefault, enableFreezeColumns, autoSizeColumns, showQueryInfo, resetColumnWidths, rowDensity, showHeaderIcons: isHeaderIcons, showImportDataOption, showExportToExcelOption, showExportToCSVOption, allowRefresh }, template, state: { showHeaderIcons, personalization: personalizationState, responsive: { sm: isSmallOrAbove } = {} } = {}, type: { applyToggleVisibility, applyFreeze, applyGalleryLayout }, toolBarOptions = [], defaultPresetId, renderFactory, getContext, galleryLayout } = view;
+    const shouldShowTemplateSwitchOption = shouldShowTemplateSwitch({
+        allowSwitchTemplate,
+        authoredTemplate,
+        currentTemplate: template,
+        isSmallScreen: !isSmallOrAbove
+    });
     const [popperRef, setPopperRef] = useElement();
     const actionsButtonRef = useRef(null);
     const [translate] = useTranslate();
@@ -50,11 +76,24 @@ const useMore = ({ view }) => {
     const [forceShowMenu, setForceShowMenu] = useState(false);
     const actions = useMemo(() => [
         [
+            {
+                id: 'switch-template',
+                icon: template === REPEATING_STRUCTURE_TEMPLATES.TABLE ? 'grid' : 'table',
+                text: template === REPEATING_STRUCTURE_TEMPLATES.TABLE
+                    ? translate(SwitchToGallery)
+                    : translate(SwitchToTable),
+                show: shouldShowTemplateSwitchOption,
+                onClick: () => {
+                    view.type.changeTemplate(template === REPEATING_STRUCTURE_TEMPLATES.TABLE
+                        ? REPEATING_STRUCTURE_TEMPLATES.GALLERY
+                        : REPEATING_STRUCTURE_TEMPLATES.TABLE);
+                }
+            },
             {
                 id: colsVisibility,
                 icon: 'eye-off',
                 text: translate(colsVisibility),
-                show: !!toggleFieldVisibility,
+                show: showFeatureForTemplate(template, 'showHideColumns') && !!toggleFieldVisibility,
                 onClick: () => {
                     setMoreContent(colsVisibility);
                     setForceShowMenu(true);
@@ -64,7 +103,9 @@ const useMore = ({ view }) => {
                 id: RowDensity,
                 icon: 'row-insert',
                 text: translate(RowDensity),
-                show: displayDensity.length > 0 && rowDensity,
+                show: showFeatureForTemplate(template, 'rowDensity') &&
+                    displayDensity.length > 0 &&
+                    rowDensity,
                 onClick: () => {
                     setMoreContent(RowDensity);
                     setForceShowMenu(true);
@@ -74,7 +115,10 @@ const useMore = ({ view }) => {
                 id: pinning,
                 icon: 'freeze-column',
                 text: translate(pinning),
-                show: !!freezeFields && !!enableFreezeColumns && isSmallOrAbove,
+                show: showFeatureForTemplate(template, 'freezeColumns') &&
+                    !!freezeFields &&
+                    !!enableFreezeColumns &&
+                    isSmallOrAbove,
                 onClick: () => {
                     setMoreContent(pinning);
                     setForceShowMenu(true);
@@ -84,16 +128,26 @@ const useMore = ({ view }) => {
                 id: ShowHeaderIcons,
                 icon: 'picture',
                 text: showHeaderIcons ? translate('Hide header icons') : translate('Show header icons'),
-                show: isHeaderIcons,
+                show: showFeatureForTemplate(template, 'showHeaderIcons') && isHeaderIcons,
                 onClick: () => {
                     view.type.updateHeaderIconsVisibility(!showHeaderIcons);
                 }
             },
+            {
+                id: GalleryLayoutToggle,
+                icon: (galleryLayout ?? 'cardgrid') === 'cardlist' ? 'grid' : 'row',
+                text: translate((galleryLayout ?? 'cardgrid') === 'cardlist' ? 'Card grid layout' : 'Card list layout'),
+                show: showFeatureForTemplate(template, 'galleryLayout') && isSmallOrAbove,
+                onClick: () => {
+                    const currentGalleryLayout = galleryLayout ?? 'cardgrid';
+                    applyGalleryLayout?.(currentGalleryLayout === 'cardlist' ? 'cardgrid' : 'cardlist');
+                }
+            },
             {
                 id: AutoSizeColumns,
                 icon: 'scale-up',
                 text: translate(AutoSizeColumns),
-                show: autoSizeColumns,
+                show: showFeatureForTemplate(template, 'autoSizeColumns') && autoSizeColumns,
                 onClick: () => {
                     view.applyColumnsAutoSize(false);
                 }
@@ -102,7 +156,7 @@ const useMore = ({ view }) => {
                 id: ResetColumnWidths,
                 icon: 'scale-down',
                 text: translate(ResetColumnWidths),
-                show: resetColumnWidths,
+                show: showFeatureForTemplate(template, 'resetColumnWidths') && resetColumnWidths,
                 onClick: () => {
                     view.applyColumnsAutoSize(true);
                 }
@@ -111,7 +165,7 @@ const useMore = ({ view }) => {
                 id: Info,
                 icon: 'information',
                 text: translate(Info),
-                show: showQueryInfo,
+                show: showFeatureForTemplate(template, 'info') && showQueryInfo,
                 onClick: () => {
                     setMoreContent(Info);
                     setForceShowMenu(true);
@@ -129,57 +183,49 @@ const useMore = ({ view }) => {
                     setForceShowMenu(true);
                 }
             },
-            {
-                id: SaveViewAs,
-                icon: 'clipboard-plus',
-                text: translate(SaveViewAs),
-                show: Boolean(personalization),
-                onClick: () => {
-                    setMoreContent(SaveViewAs);
-                    setForceShowMenu(true);
-                }
-            },
             {
                 id: SaveViewChanges,
                 icon: 'clipboard-plus',
                 text: translate(SaveViewChanges),
-                show: Boolean(personalization &&
-                    currentActiveView !== defaultPresetId &&
-                    (!isPreset || (isAppDefaultView && enableAppDefault)) &&
-                    isViewDirty),
+                show: showFeatureForTemplate(template, 'personalization') &&
+                    Boolean(personalization &&
+                        currentActiveView !== defaultPresetId &&
+                        (!isPreset || (isAppDefaultView && enableAppDefault)) &&
+                        isViewDirty),
                 onClick: () => {
                     view.type.updatePersonalization(currentActiveView, currentDefaultView === currentActiveView, isAppDefaultView);
                 }
             },
             {
-                id: EditView,
+                id: EditCustomizedView,
                 icon: 'pencil',
-                text: translate(EditView),
-                show: Boolean(personalization &&
-                    (!isPreset || (isAppDefaultView && enableAppDefault)) &&
-                    currentActiveView !== defaultPresetId),
+                text: translate(EditCustomizedView),
+                show: showFeatureForTemplate(template, 'personalization') &&
+                    Boolean(personalization &&
+                        (!isPreset || (isAppDefaultView && enableAppDefault)) &&
+                        currentActiveView !== defaultPresetId),
                 onClick: () => {
-                    setMoreContent(EditView);
+                    setMoreContent(EditCustomizedView);
                     setForceShowMenu(true);
                 }
             },
             {
-                id: Delete,
+                id: DeleteCustomizedView,
                 icon: 'trash',
-                text: translate(Delete),
-                show: Boolean(personalization &&
-                    !isPreset &&
-                    currentActiveView !== defaultPresetId &&
-                    !isAppDefaultView),
+                text: translate(DeleteCustomizedView),
+                show: showFeatureForTemplate(template, 'personalization') &&
+                    Boolean(personalization &&
+                        !isPreset &&
+                        currentActiveView !== defaultPresetId &&
+                        !isAppDefaultView),
                 onClick: onDeletePersonalization
             },
             {
                 id: SetAsDefault,
                 icon: 'clipboard-check',
                 text: translate(SetAsDefault),
-                show: Boolean((personalization || isPreset || currentActiveView === defaultPresetId) &&
-                    currentDefaultView !== currentActiveView &&
-                    !isAppDefaultView),
+                show: showFeatureForTemplate(template, 'personalization') &&
+                    Boolean(personalization && currentDefaultView !== currentActiveView && !isAppDefaultView),
                 onClick: () => view.type.setDefaultPersonalization(currentActiveView)
             },
             {
@@ -216,7 +262,7 @@ const useMore = ({ view }) => {
                 testId: 'refresh',
                 icon: 'reset',
                 text: translate(Refresh),
-                show: Boolean(allowRefresh),
+                show: showFeatureForTemplate(template, 'refresh') && Boolean(allowRefresh),
                 onClick: () => {
                     view.type.forceRefresh();
                 }
@@ -225,6 +271,8 @@ const useMore = ({ view }) => {
         ...toolBarOptions
     ], [
         translate,
+        template,
+        shouldShowTemplateSwitchOption,
         toggleFieldVisibility,
         displayDensity.length,
         rowDensity,
@@ -250,7 +298,9 @@ const useMore = ({ view }) => {
         currentActiveViewName,
         view,
         enableAppDefault,
-        isSmallOrAbove
+        isSmallOrAbove,
+        galleryLayout,
+        applyGalleryLayout
     ]);
     const filteredActions = useMemo(() => actions
         .flat()
@@ -271,46 +321,50 @@ const useMore = ({ view }) => {
         }
     }, [forceShowMenu]);
     useKeyboardA11y({
-        container: popperRef,
-        onClose: finishPopOver
+        container: popperRef && forceShowMenu ? popperRef : null,
+        onClose: popperRef && forceShowMenu ? finishPopOver : () => { }
     });
-    let content;
-    if (moreContent === colsVisibility) {
-        content = (_jsx(ColumnSelector, { dispatch: applyToggleVisibility, columns: columns, action: moreContent, finishPopOver: finishPopOver }));
-    }
-    else if (moreContent === pinning) {
-        content = (_jsx(ColumnSelector, { dispatch: applyFreeze, columns: columns, action: moreContent, finishPopOver: finishPopOver }));
-    }
-    else if (moreContent === RowDensity) {
-        content = resolveViewComponent('rowHeightRenderer', renderFactory, {
-            ...getContext(),
-            view,
-            onClose: finishPopOver
-        });
-    }
-    else if (moreContent === ViewAs) {
-        content = resolveViewComponent('personalizationSelectorRenderer', renderFactory, getContext());
-    }
-    else if (moreContent === SaveViewAs) {
-        content = resolveViewComponent('personalizationCreateEditRenderer', renderFactory, {
-            onFinish: finishPopOver,
-            ...getContext(),
-            view
-        });
-    }
-    else if (moreContent === EditView) {
-        content = resolveViewComponent('personalizationCreateEditRenderer', renderFactory, {
-            onFinish: finishPopOver,
-            editing: true,
-            ...getContext(),
-            view
-        });
-    }
-    else if (moreContent === Info) {
-        content = _jsx(DebugInfo, { view: view, targetRef: actionsButtonRef, onClose: finishPopOver });
+    let component;
+    if (forceShowMenu) {
+        switch (moreContent) {
+            case colsVisibility:
+                component = (_jsx(ColumnSelector, { dispatch: applyToggleVisibility, fieldDefs: view.getFieldDefs(), state: view.state, action: moreContent, finishPopOver: finishPopOver }));
+                break;
+            case pinning:
+                component = (_jsx(ColumnSelector, { dispatch: applyFreeze, fieldDefs: view.getFieldDefs(), state: view.state, action: moreContent, finishPopOver: finishPopOver }));
+                break;
+            case RowDensity:
+                component = resolveViewComponent('rowHeightRenderer', renderFactory, {
+                    ...getContext(),
+                    view,
+                    onClose: finishPopOver
+                });
+                break;
+            case ViewAs:
+                component = resolveViewComponent('personalizationSelectorRenderer', renderFactory, getContext());
+                break;
+            case EditCustomizedView:
+                component = actionsButtonRef.current
+                    ? resolveViewComponent('personalizationCreateEditRenderer', renderFactory, {
+                        onFinish: finishPopOver,
+                        editing: true,
+                        target: actionsButtonRef.current,
+                        ...getContext(),
+                        view
+                    })
+                    : null;
+                break;
+            case Info:
+                component = actionsButtonRef.current ? (_jsx(DebugInfo, { view: view, target: actionsButtonRef.current, onClose: finishPopOver })) : null;
+                break;
+            default:
+                component = null;
+                break;
+        }
     }
-    const popover = forceShowMenu && (_jsx(Popover, { className: 'popper', arrow: true, ref: setPopperRef, target: actionsButtonRef.current, placement: 'bottom-end', children: content }));
-    return { actions: filteredActions, actionsButtonRef, popover };
+    // ColVisibility, pinning, RowDensity, ViewAs are all returning Menu, so popover is needed for them
+    const selectedActionContent = component && [colsVisibility, pinning, RowDensity, ViewAs].includes(moreContent) ? (_jsx(Popover, { className: 'popper', arrow: true, ref: setPopperRef, target: actionsButtonRef.current, placement: 'bottom-end', children: component })) : (component);
+    return { actions: filteredActions, actionsButtonRef, selectedActionContent };
 };
 export default useMore;
 //# sourceMappingURL=useMore.js.map

package/lib/Core/Components/Toolbar/hooks/useMore.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMore.js","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/useMore.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Popover, useElement, useModalManager } from '@pega/cosmos-react-core';\n\nimport useTranslate from '../../../Hooks/useTranslate';\nimport PersonalizationDeleteConfirmation from '../../DefaultComponents/PersonalizationDeleteConfirmation';\nimport ColumnSelector, { colsVisibility, pinning } from '../ColumnSelector';\nimport DebugInfo from '../DebugInfo';\nimport { useKeyboardA11y } from '../../../Hooks/a11y';\nimport { resolveViewComponent } from '../../RenderingEngine/ComponentResolverFactory';\n\nconst RowDensity = 'Row density';\n\nconst SaveViewAs = 'Save view as..';\nconst SaveViewChanges = 'Save changes';\nconst ViewAs = 'View as...';\nconst EditView = 'Edit view';\nconst SetAsDefault = 'Set as default';\nconst MarkAsAppDefault = 'Mark as app default';\nconst Delete = 'Delete view';\nconst ResetColumnWidths = 'Reset column widths';\nconst AutoSizeColumns = 'Auto size columns';\nconst ShowHeaderIcons = 'ShowHeaderIcons';\nconst Info = 'Query info';\nconst ImportCSVData = 'Import CSV data';\nconst ExportToExcel = 'Export to Excel';\nconst ExportToCSV = 'Export to CSV';\nconst Refresh = 'Refresh';\n\nconst useMore = ({ view }) => {\n  const {\n    meta: {\n      displayDensity,\n      toggleFieldVisibility,\n      freezeFields,\n      personalization,\n      headerBar,\n      enableAppDefault,\n      enableFreezeColumns,\n      autoSizeColumns,\n      showQueryInfo,\n      resetColumnWidths,\n      rowDensity,\n      showHeaderIcons: isHeaderIcons,\n      showImportDataOption,\n      showExportToExcelOption,\n      showExportToCSVOption,\n      allowRefresh\n    },\n    state: {\n      showHeaderIcons,\n      personalization: personalizationState,\n      responsive: { sm: isSmallOrAbove } = {}\n    } = {},\n    type: { applyToggleVisibility, applyFreeze },\n    toolBarOptions = [],\n    columns,\n    defaultPresetId,\n    renderFactory,\n    getContext\n  } = view;\n\n  const [popperRef, setPopperRef] = useElement();\n\n  const actionsButtonRef = useRef(null);\n  const [translate] = useTranslate();\n  const { create } = useModalManager();\n  const [moreContent, setMoreContent] = useState('default');\n  const currentActiveView = personalizationState?.active;\n  const currentDefaultView = personalizationState?.defaultPersonalization;\n  const isAppDefaultView = currentActiveView === 'APP_DEFAULT';\n  const isViewDirty = personalizationState?.dirty;\n  const currentActiveViewName =\n    personalizationState?.allPersonalizations?.[currentActiveView]?.name;\n  const isPreset = !!personalizationState?.allPersonalizations?.[currentActiveView]?.isPreset;\n\n  const onDeletePersonalization = useCallback(() => {\n    create(\n      PersonalizationDeleteConfirmation,\n      {\n        onSubmit: () => {\n          view.type.deletePersonalization(currentActiveView);\n        },\n        currentActiveViewName,\n        translate\n      },\n      {\n        alert: true\n      }\n    );\n  }, [create, currentActiveViewName, view.type, currentActiveView]);\n\n  const [forceShowMenu, setForceShowMenu] = useState(false);\n\n  const actions = useMemo(\n    () => [\n      [\n        {\n          id: colsVisibility,\n          icon: 'eye-off',\n          text: translate(colsVisibility),\n          show: !!toggleFieldVisibility,\n          onClick: () => {\n            setMoreContent(colsVisibility);\n            setForceShowMenu(true);\n          }\n        },\n        {\n          id: RowDensity,\n          icon: 'row-insert',\n          text: translate(RowDensity),\n          show: displayDensity.length > 0 && rowDensity,\n          onClick: () => {\n            setMoreContent(RowDensity);\n            setForceShowMenu(true);\n          }\n        },\n        {\n          id: pinning,\n          icon: 'freeze-column',\n          text: translate(pinning),\n          show: !!freezeFields && !!enableFreezeColumns && isSmallOrAbove,\n          onClick: () => {\n            setMoreContent(pinning);\n            setForceShowMenu(true);\n          }\n        },\n        {\n          id: ShowHeaderIcons,\n          icon: 'picture',\n          text: showHeaderIcons ? translate('Hide header icons') : translate('Show header icons'),\n          show: isHeaderIcons,\n          onClick: () => {\n            view.type.updateHeaderIconsVisibility(!showHeaderIcons);\n          }\n        },\n        {\n          id: AutoSizeColumns,\n          icon: 'scale-up',\n          text: translate(AutoSizeColumns),\n          show: autoSizeColumns,\n          onClick: () => {\n            view.applyColumnsAutoSize(false);\n          }\n        },\n        {\n          id: ResetColumnWidths,\n          icon: 'scale-down',\n          text: translate(ResetColumnWidths),\n          show: resetColumnWidths,\n          onClick: () => {\n            view.applyColumnsAutoSize(true);\n          }\n        },\n        {\n          id: Info,\n          icon: 'information',\n          text: translate(Info),\n          show: showQueryInfo,\n          onClick: () => {\n            setMoreContent(Info);\n            setForceShowMenu(true);\n          }\n        }\n      ],\n      [\n        {\n          id: ViewAs,\n          icon: 'columns',\n          text: translate(ViewAs),\n          show: Boolean(personalization && !headerBar),\n          onClick: () => {\n            setMoreContent(ViewAs);\n            setForceShowMenu(true);\n          }\n        },\n        {\n          id: SaveViewAs,\n          icon: 'clipboard-plus',\n          text: translate(SaveViewAs),\n          show: Boolean(personalization),\n          onClick: () => {\n            setMoreContent(SaveViewAs);\n            setForceShowMenu(true);\n          }\n        },\n        {\n          id: SaveViewChanges,\n          icon: 'clipboard-plus',\n          text: translate(SaveViewChanges),\n          show: Boolean(\n            personalization &&\n              currentActiveView !== defaultPresetId &&\n              (!isPreset || (isAppDefaultView && enableAppDefault)) &&\n              isViewDirty\n          ),\n          onClick: () => {\n            view.type.updatePersonalization(\n              currentActiveView,\n              currentDefaultView === currentActiveView,\n              isAppDefaultView\n            );\n          }\n        },\n        {\n          id: EditView,\n          icon: 'pencil',\n          text: translate(EditView),\n          show: Boolean(\n            personalization &&\n              (!isPreset || (isAppDefaultView && enableAppDefault)) &&\n              currentActiveView !== defaultPresetId\n          ),\n          onClick: () => {\n            setMoreContent(EditView);\n            setForceShowMenu(true);\n          }\n        },\n        {\n          id: Delete,\n          icon: 'trash',\n          text: translate(Delete),\n          show: Boolean(\n            personalization &&\n              !isPreset &&\n              currentActiveView !== defaultPresetId &&\n              !isAppDefaultView\n          ),\n          onClick: onDeletePersonalization\n        },\n        {\n          id: SetAsDefault,\n          icon: 'clipboard-check',\n          text: translate(SetAsDefault),\n          show: Boolean(\n            (personalization || isPreset || currentActiveView === defaultPresetId) &&\n              currentDefaultView !== currentActiveView &&\n              !isAppDefaultView\n          ),\n          onClick: () => view.type.setDefaultPersonalization(currentActiveView)\n        },\n        {\n          id: MarkAsAppDefault,\n          icon: 'clipboard-check',\n          text: translate(MarkAsAppDefault),\n          show: Boolean(isPreset && enableAppDefault && personalization && !isAppDefaultView),\n          onClick: () =>\n            view.type.setAppDefaultPersonalization('APP_DEFAULT', currentActiveViewName)\n        },\n        {\n          id: ImportCSVData,\n          icon: 'document-xls',\n          text: translate(ImportCSVData),\n          show: Boolean(showImportDataOption),\n          onClick: () => view.type.importCSVData(create)\n        },\n        {\n          id: ExportToExcel,\n          testId: 'export-to-excel',\n          icon: 'document-xls',\n          text: translate(ExportToExcel),\n          show: Boolean(showExportToExcelOption),\n          onClick: () => view.type.exportToExcel()\n        },\n        {\n          id: ExportToCSV,\n          icon: 'document-xls',\n          text: translate(ExportToCSV),\n          show: Boolean(showExportToCSVOption),\n          onClick: () => view.type.exportToCSV()\n        },\n        {\n          id: Refresh,\n          testId: 'refresh',\n          icon: 'reset',\n          text: translate(Refresh),\n          show: Boolean(allowRefresh),\n          onClick: () => {\n            view.type.forceRefresh();\n          }\n        }\n      ],\n      ...toolBarOptions\n    ],\n    [\n      translate,\n      toggleFieldVisibility,\n      displayDensity.length,\n      rowDensity,\n      freezeFields,\n      enableFreezeColumns,\n      showHeaderIcons,\n      isHeaderIcons,\n      autoSizeColumns,\n      showQueryInfo,\n      resetColumnWidths,\n      personalization,\n      headerBar,\n      currentActiveView,\n      defaultPresetId,\n      isPreset,\n      isViewDirty,\n      isAppDefaultView,\n      showExportToExcelOption,\n      showExportToCSVOption,\n      onDeletePersonalization,\n      currentDefaultView,\n      toolBarOptions,\n      currentActiveViewName,\n      view,\n      enableAppDefault,\n      isSmallOrAbove\n    ]\n  );\n\n  const filteredActions = useMemo(\n    () =>\n      actions\n        .flat()\n        .map(action => ({\n          ...action,\n          id: action.id.replaceAll(' ', '-')\n        }))\n        .filter(({ show = true }) => show),\n    [actions]\n  );\n\n  const finishPopOver = () => {\n    if (forceShowMenu) {\n      setForceShowMenu(false);\n    }\n  };\n\n  // setting focus on action button in different rendering cycle otherwise it will get lost due to re-render of toolbar\n  useEffect(() => {\n    if (!forceShowMenu && popperRef) {\n      actionsButtonRef.current?.focus();\n    }\n  }, [forceShowMenu]);\n\n  useKeyboardA11y({\n    container: popperRef,\n    onClose: finishPopOver\n  });\n\n  let content;\n  if (moreContent === colsVisibility) {\n    content = (\n      <ColumnSelector\n        dispatch={applyToggleVisibility}\n        columns={columns}\n        action={moreContent}\n        finishPopOver={finishPopOver}\n      />\n    );\n  } else if (moreContent === pinning) {\n    content = (\n      <ColumnSelector\n        dispatch={applyFreeze}\n        columns={columns}\n        action={moreContent}\n        finishPopOver={finishPopOver}\n      />\n    );\n  } else if (moreContent === RowDensity) {\n    content = resolveViewComponent('rowHeightRenderer', renderFactory, {\n      ...getContext(),\n      view,\n      onClose: finishPopOver\n    });\n  } else if (moreContent === ViewAs) {\n    content = resolveViewComponent('personalizationSelectorRenderer', renderFactory, getContext());\n  } else if (moreContent === SaveViewAs) {\n    content = resolveViewComponent('personalizationCreateEditRenderer', renderFactory, {\n      onFinish: finishPopOver,\n      ...getContext(),\n      view\n    });\n  } else if (moreContent === EditView) {\n    content = resolveViewComponent('personalizationCreateEditRenderer', renderFactory, {\n      onFinish: finishPopOver,\n      editing: true,\n      ...getContext(),\n      view\n    });\n  } else if (moreContent === Info) {\n    content = <DebugInfo view={view} targetRef={actionsButtonRef} onClose={finishPopOver} />;\n  }\n\n  const popover = forceShowMenu && (\n    <Popover\n      className='popper'\n      arrow\n      ref={setPopperRef}\n      target={actionsButtonRef.current}\n      placement='bottom-end'\n    >\n      {content}\n    </Popover>\n  );\n\n  return { actions: filteredActions, actionsButtonRef, popover };\n};\n\nexport default useMore;\n"]}
+{"version":3,"file":"useMore.js","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/useMore.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Popover, useElement, useModalManager } from '@pega/cosmos-react-core';\nimport { REPEATING_STRUCTURE_TEMPLATES } from 'pega-repeating-structures-core';\n\nimport useTranslate from '../../../Hooks/useTranslate';\nimport PersonalizationDeleteConfirmation from '../../DefaultComponents/PersonalizationDeleteConfirmation';\nimport ColumnSelector, { colsVisibility, pinning } from '../ColumnSelector';\nimport DebugInfo from '../DebugInfo';\nimport { useKeyboardA11y } from '../../../Hooks/a11y';\nimport { resolveViewComponent } from '../../RenderingEngine/ComponentResolverFactory';\nimport showFeatureForTemplate from '../../../templateFeatureSupport';\n\nconst RowDensity = 'Row density';\n\nconst SaveViewChanges = 'Save changes';\nconst ViewAs = 'View as...';\nconst EditCustomizedView = 'Edit customized view';\nconst SetAsDefault = 'Set as default';\nconst MarkAsAppDefault = 'Mark as app default';\nconst DeleteCustomizedView = 'Delete customized view';\nconst ResetColumnWidths = 'Reset column widths';\nconst AutoSizeColumns = 'Auto size columns';\nconst ShowHeaderIcons = 'ShowHeaderIcons';\nconst Info = 'Query info';\nconst ImportCSVData = 'Import CSV data';\nconst ExportToExcel = 'Export to Excel';\nconst ExportToCSV = 'Export to CSV';\nconst Refresh = 'Refresh';\nconst GalleryLayoutToggle = 'Gallery layout';\nconst SwitchToTable = 'Display as Table';\nconst SwitchToGallery = 'Display as Gallery';\n\nconst shouldShowTemplateSwitch = ({\n  allowSwitchTemplate,\n  authoredTemplate,\n  currentTemplate,\n  isSmallScreen\n}) => {\n  if (!allowSwitchTemplate) {\n    return false;\n  }\n\n  // This switch behavior is only supported for views authored as Table.\n  if (authoredTemplate !== REPEATING_STRUCTURE_TEMPLATES.TABLE) {\n    return false;\n  }\n\n  if (\n    currentTemplate !== REPEATING_STRUCTURE_TEMPLATES.TABLE &&\n    currentTemplate !== REPEATING_STRUCTURE_TEMPLATES.GALLERY\n  ) {\n    return false;\n  }\n\n  // Small screens can always switch between table/gallery.\n  // Large screens only show the action when currently on gallery (to allow switch back to table).\n  return isSmallScreen || currentTemplate === REPEATING_STRUCTURE_TEMPLATES.GALLERY;\n};\n\nconst useMore = ({ view }) => {\n  const {\n    meta: {\n      allowSwitchTemplate,\n      template: authoredTemplate,\n      displayDensity,\n      toggleFieldVisibility,\n      freezeFields,\n      personalization,\n      headerBar,\n      enableAppDefault,\n      enableFreezeColumns,\n      autoSizeColumns,\n      showQueryInfo,\n      resetColumnWidths,\n      rowDensity,\n      showHeaderIcons: isHeaderIcons,\n      showImportDataOption,\n      showExportToExcelOption,\n      showExportToCSVOption,\n      allowRefresh\n    },\n    template,\n    state: {\n      showHeaderIcons,\n      personalization: personalizationState,\n      responsive: { sm: isSmallOrAbove } = {}\n    } = {},\n    type: { applyToggleVisibility, applyFreeze, applyGalleryLayout },\n    toolBarOptions = [],\n    defaultPresetId,\n    renderFactory,\n    getContext,\n    galleryLayout\n  } = view;\n\n  const shouldShowTemplateSwitchOption = shouldShowTemplateSwitch({\n    allowSwitchTemplate,\n    authoredTemplate,\n    currentTemplate: template,\n    isSmallScreen: !isSmallOrAbove\n  });\n\n  const [popperRef, setPopperRef] = useElement();\n\n  const actionsButtonRef = useRef(null);\n  const [translate] = useTranslate();\n  const { create } = useModalManager();\n  const [moreContent, setMoreContent] = useState('default');\n  const currentActiveView = personalizationState?.active;\n  const currentDefaultView = personalizationState?.defaultPersonalization;\n  const isAppDefaultView = currentActiveView === 'APP_DEFAULT';\n  const isViewDirty = personalizationState?.dirty;\n  const currentActiveViewName =\n    personalizationState?.allPersonalizations?.[currentActiveView]?.name;\n  const isPreset = !!personalizationState?.allPersonalizations?.[currentActiveView]?.isPreset;\n\n  const onDeletePersonalization = useCallback(() => {\n    create(\n      PersonalizationDeleteConfirmation,\n      {\n        onSubmit: () => {\n          view.type.deletePersonalization(currentActiveView);\n        },\n        currentActiveViewName,\n        translate\n      },\n      {\n        alert: true\n      }\n    );\n  }, [create, currentActiveViewName, view.type, currentActiveView]);\n\n  const [forceShowMenu, setForceShowMenu] = useState(false);\n\n  const actions = useMemo(\n    () => [\n      [\n        {\n          id: 'switch-template',\n          icon: template === REPEATING_STRUCTURE_TEMPLATES.TABLE ? 'grid' : 'table',\n          text:\n            template === REPEATING_STRUCTURE_TEMPLATES.TABLE\n              ? translate(SwitchToGallery)\n              : translate(SwitchToTable),\n          show: shouldShowTemplateSwitchOption,\n          onClick: () => {\n            view.type.changeTemplate(\n              template === REPEATING_STRUCTURE_TEMPLATES.TABLE\n                ? REPEATING_STRUCTURE_TEMPLATES.GALLERY\n                : REPEATING_STRUCTURE_TEMPLATES.TABLE\n            );\n          }\n        },\n        {\n          id: colsVisibility,\n          icon: 'eye-off',\n          text: translate(colsVisibility),\n          show: showFeatureForTemplate(template, 'showHideColumns') && !!toggleFieldVisibility,\n          onClick: () => {\n            setMoreContent(colsVisibility);\n            setForceShowMenu(true);\n          }\n        },\n        {\n          id: RowDensity,\n          icon: 'row-insert',\n          text: translate(RowDensity),\n          show:\n            showFeatureForTemplate(template, 'rowDensity') &&\n            displayDensity.length > 0 &&\n            rowDensity,\n          onClick: () => {\n            setMoreContent(RowDensity);\n            setForceShowMenu(true);\n          }\n        },\n        {\n          id: pinning,\n          icon: 'freeze-column',\n          text: translate(pinning),\n          show:\n            showFeatureForTemplate(template, 'freezeColumns') &&\n            !!freezeFields &&\n            !!enableFreezeColumns &&\n            isSmallOrAbove,\n          onClick: () => {\n            setMoreContent(pinning);\n            setForceShowMenu(true);\n          }\n        },\n        {\n          id: ShowHeaderIcons,\n          icon: 'picture',\n          text: showHeaderIcons ? translate('Hide header icons') : translate('Show header icons'),\n          show: showFeatureForTemplate(template, 'showHeaderIcons') && isHeaderIcons,\n          onClick: () => {\n            view.type.updateHeaderIconsVisibility(!showHeaderIcons);\n          }\n        },\n        {\n          id: GalleryLayoutToggle,\n          icon: (galleryLayout ?? 'cardgrid') === 'cardlist' ? 'grid' : 'row',\n          text: translate(\n            (galleryLayout ?? 'cardgrid') === 'cardlist' ? 'Card grid layout' : 'Card list layout'\n          ),\n          show: showFeatureForTemplate(template, 'galleryLayout') && isSmallOrAbove,\n          onClick: () => {\n            const currentGalleryLayout = galleryLayout ?? 'cardgrid';\n\n            applyGalleryLayout?.(currentGalleryLayout === 'cardlist' ? 'cardgrid' : 'cardlist');\n          }\n        },\n        {\n          id: AutoSizeColumns,\n          icon: 'scale-up',\n          text: translate(AutoSizeColumns),\n          show: showFeatureForTemplate(template, 'autoSizeColumns') && autoSizeColumns,\n          onClick: () => {\n            view.applyColumnsAutoSize(false);\n          }\n        },\n        {\n          id: ResetColumnWidths,\n          icon: 'scale-down',\n          text: translate(ResetColumnWidths),\n          show: showFeatureForTemplate(template, 'resetColumnWidths') && resetColumnWidths,\n          onClick: () => {\n            view.applyColumnsAutoSize(true);\n          }\n        },\n        {\n          id: Info,\n          icon: 'information',\n          text: translate(Info),\n          show: showFeatureForTemplate(template, 'info') && showQueryInfo,\n          onClick: () => {\n            setMoreContent(Info);\n            setForceShowMenu(true);\n          }\n        }\n      ],\n      [\n        {\n          id: ViewAs,\n          icon: 'columns',\n          text: translate(ViewAs),\n          show: Boolean(personalization && !headerBar),\n          onClick: () => {\n            setMoreContent(ViewAs);\n            setForceShowMenu(true);\n          }\n        },\n        {\n          id: SaveViewChanges,\n          icon: 'clipboard-plus',\n          text: translate(SaveViewChanges),\n          show:\n            showFeatureForTemplate(template, 'personalization') &&\n            Boolean(\n              personalization &&\n                currentActiveView !== defaultPresetId &&\n                (!isPreset || (isAppDefaultView && enableAppDefault)) &&\n                isViewDirty\n            ),\n          onClick: () => {\n            view.type.updatePersonalization(\n              currentActiveView,\n              currentDefaultView === currentActiveView,\n              isAppDefaultView\n            );\n          }\n        },\n        {\n          id: EditCustomizedView,\n          icon: 'pencil',\n          text: translate(EditCustomizedView),\n          show:\n            showFeatureForTemplate(template, 'personalization') &&\n            Boolean(\n              personalization &&\n                (!isPreset || (isAppDefaultView && enableAppDefault)) &&\n                currentActiveView !== defaultPresetId\n            ),\n          onClick: () => {\n            setMoreContent(EditCustomizedView);\n            setForceShowMenu(true);\n          }\n        },\n        {\n          id: DeleteCustomizedView,\n          icon: 'trash',\n          text: translate(DeleteCustomizedView),\n          show:\n            showFeatureForTemplate(template, 'personalization') &&\n            Boolean(\n              personalization &&\n                !isPreset &&\n                currentActiveView !== defaultPresetId &&\n                !isAppDefaultView\n            ),\n          onClick: onDeletePersonalization\n        },\n        {\n          id: SetAsDefault,\n          icon: 'clipboard-check',\n          text: translate(SetAsDefault),\n          show:\n            showFeatureForTemplate(template, 'personalization') &&\n            Boolean(\n              personalization && currentDefaultView !== currentActiveView && !isAppDefaultView\n            ),\n          onClick: () => view.type.setDefaultPersonalization(currentActiveView)\n        },\n        {\n          id: MarkAsAppDefault,\n          icon: 'clipboard-check',\n          text: translate(MarkAsAppDefault),\n          show: Boolean(isPreset && enableAppDefault && personalization && !isAppDefaultView),\n          onClick: () =>\n            view.type.setAppDefaultPersonalization('APP_DEFAULT', currentActiveViewName)\n        },\n        {\n          id: ImportCSVData,\n          icon: 'document-xls',\n          text: translate(ImportCSVData),\n          show: Boolean(showImportDataOption),\n          onClick: () => view.type.importCSVData(create)\n        },\n        {\n          id: ExportToExcel,\n          testId: 'export-to-excel',\n          icon: 'document-xls',\n          text: translate(ExportToExcel),\n          show: Boolean(showExportToExcelOption),\n          onClick: () => view.type.exportToExcel()\n        },\n        {\n          id: ExportToCSV,\n          icon: 'document-xls',\n          text: translate(ExportToCSV),\n          show: Boolean(showExportToCSVOption),\n          onClick: () => view.type.exportToCSV()\n        },\n        {\n          id: Refresh,\n          testId: 'refresh',\n          icon: 'reset',\n          text: translate(Refresh),\n          show: showFeatureForTemplate(template, 'refresh') && Boolean(allowRefresh),\n          onClick: () => {\n            view.type.forceRefresh();\n          }\n        }\n      ],\n      ...toolBarOptions\n    ],\n    [\n      translate,\n      template,\n      shouldShowTemplateSwitchOption,\n      toggleFieldVisibility,\n      displayDensity.length,\n      rowDensity,\n      freezeFields,\n      enableFreezeColumns,\n      showHeaderIcons,\n      isHeaderIcons,\n      autoSizeColumns,\n      showQueryInfo,\n      resetColumnWidths,\n      personalization,\n      headerBar,\n      currentActiveView,\n      defaultPresetId,\n      isPreset,\n      isViewDirty,\n      isAppDefaultView,\n      showExportToExcelOption,\n      showExportToCSVOption,\n      onDeletePersonalization,\n      currentDefaultView,\n      toolBarOptions,\n      currentActiveViewName,\n      view,\n      enableAppDefault,\n      isSmallOrAbove,\n      galleryLayout,\n      applyGalleryLayout\n    ]\n  );\n\n  const filteredActions = useMemo(\n    () =>\n      actions\n        .flat()\n        .map(action => ({\n          ...action,\n          id: action.id.replaceAll(' ', '-')\n        }))\n        .filter(({ show = true }) => show),\n    [actions]\n  );\n\n  const finishPopOver = () => {\n    if (forceShowMenu) {\n      setForceShowMenu(false);\n    }\n  };\n\n  // setting focus on action button in different rendering cycle otherwise it will get lost due to re-render of toolbar\n  useEffect(() => {\n    if (!forceShowMenu && popperRef) {\n      actionsButtonRef.current?.focus();\n    }\n  }, [forceShowMenu]);\n\n  useKeyboardA11y({\n    container: popperRef && forceShowMenu ? popperRef : null,\n    onClose: popperRef && forceShowMenu ? finishPopOver : () => {}\n  });\n\n  let component;\n\n  if (forceShowMenu) {\n    switch (moreContent) {\n      case colsVisibility:\n        component = (\n          <ColumnSelector\n            dispatch={applyToggleVisibility}\n            fieldDefs={view.getFieldDefs()}\n            state={view.state}\n            action={moreContent}\n            finishPopOver={finishPopOver}\n          />\n        );\n        break;\n\n      case pinning:\n        component = (\n          <ColumnSelector\n            dispatch={applyFreeze}\n            fieldDefs={view.getFieldDefs()}\n            state={view.state}\n            action={moreContent}\n            finishPopOver={finishPopOver}\n          />\n        );\n        break;\n\n      case RowDensity:\n        component = resolveViewComponent('rowHeightRenderer', renderFactory, {\n          ...getContext(),\n          view,\n          onClose: finishPopOver\n        });\n        break;\n\n      case ViewAs:\n        component = resolveViewComponent(\n          'personalizationSelectorRenderer',\n          renderFactory,\n          getContext()\n        );\n        break;\n\n      case EditCustomizedView:\n        component = actionsButtonRef.current\n          ? resolveViewComponent('personalizationCreateEditRenderer', renderFactory, {\n              onFinish: finishPopOver,\n              editing: true,\n              target: actionsButtonRef.current,\n              ...getContext(),\n              view\n            })\n          : null;\n        break;\n\n      case Info:\n        component = actionsButtonRef.current ? (\n          <DebugInfo view={view} target={actionsButtonRef.current} onClose={finishPopOver} />\n        ) : null;\n        break;\n\n      default:\n        component = null;\n        break;\n    }\n  }\n  // ColVisibility, pinning, RowDensity, ViewAs are all returning Menu, so popover is needed for them\n  const selectedActionContent =\n    component && [colsVisibility, pinning, RowDensity, ViewAs].includes(moreContent) ? (\n      <Popover\n        className='popper'\n        arrow\n        ref={setPopperRef}\n        target={actionsButtonRef.current}\n        placement='bottom-end'\n      >\n        {component}\n      </Popover>\n    ) : (\n      component\n    );\n\n  return { actions: filteredActions, actionsButtonRef, selectedActionContent };\n};\n\nexport default useMore;\n"]}

package/lib/Core/Components/Toolbar/hooks/usePersonalization.d.ts

@@ -1,13 +1,15 @@
-export default usePersonalization;
-declare function usePersonalization({ view }: {
-    view: any;
-}): {
+import type { RsCoreTypes } from 'pega-repeating-structures-core';
+declare const usePersonalization: ({ view }: {
+    view: RsCoreTypes.View;
+}) => {
     viewSelector?: undefined;
+    createEditViewContent?: undefined;
 } | {
     viewSelector: {
+        onCreateView?: ((viewTarget: HTMLButtonElement) => void) | undefined;
         views: never[];
-        defaultId: undefined;
-        appDefaultId: undefined;
     };
+    createEditViewContent: import("react/jsx-runtime").JSX.Element | null;
 };
+export default usePersonalization;
 //# sourceMappingURL=usePersonalization.d.ts.map

package/lib/Core/Components/Toolbar/hooks/usePersonalization.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePersonalization.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/usePersonalization.js"],"names":[],"mappings":";AAEA;;;;;;;;;;EAoBC"}
+{"version":3,"file":"usePersonalization.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/usePersonalization.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAKlE,QAAA,MAAM,kBAAkB,GAAI,UAAU;IAAE,IAAI,EAAE,WAAW,CAAC,IAAI,CAAA;CAAE;;;;;qCAyB7B,iBAAiB;;;;CAcnD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/Core/Components/Toolbar/hooks/usePersonalization.js

@@ -1,17 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useElement } from '@pega/cosmos-react-core';
 import { usePersonalizationSelector } from '../../DefaultComponents/PersonalizationSelector';
+import PersonalizationCreateEdit from '../../DefaultComponents/PersonalizationCreateEdit';
 const usePersonalization = ({ view }) => {
-    const { state: { personalization } = {}, meta: { nonPersonalizationViewName, name }, defaultPresetId } = view;
-    const { actions, defaultId, appDefaultId } = usePersonalizationSelector({
+    const { state: { personalization } = {}, meta: { nonPersonalizationViewName, name, personalization: metaPersonalization }, defaultPresetId } = view;
+    const { actions } = usePersonalizationSelector({
         personalization,
         nonPersonalizationViewName,
         actionPersonalizationSetActive: view.type.applyActivePersonalization,
         name,
         defaultPresetId
     });
+    const [target, setTarget] = useElement();
     if (!personalization) {
         return {};
     }
-    return { viewSelector: { views: actions.flat(), defaultId, appDefaultId } };
+    return {
+        viewSelector: {
+            views: actions.flat(),
+            ...(metaPersonalization && {
+                onCreateView: (viewTarget) => setTarget(viewTarget)
+            })
+        },
+        createEditViewContent: target ? (_jsx(PersonalizationCreateEdit, { view: view, onFinish: () => {
+                target.focus();
+                setTarget(null);
+            }, target: target })) : null
+    };
 };
 export default usePersonalization;
 //# sourceMappingURL=usePersonalization.js.map

package/lib/Core/Components/Toolbar/hooks/usePersonalization.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePersonalization.js","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/usePersonalization.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,iDAAiD,CAAC;AAE7F,MAAM,kBAAkB,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACtC,MAAM,EACJ,KAAK,EAAE,EAAE,eAAe,EAAE,GAAG,EAAE,EAC/B,IAAI,EAAE,EAAE,0BAA0B,EAAE,IAAI,EAAE,EAC1C,eAAe,EAChB,GAAG,IAAI,CAAC;IAET,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,0BAA0B,CAAC;QACtE,eAAe;QACf,0BAA0B;QAC1B,8BAA8B,EAAE,IAAI,CAAC,IAAI,CAAC,0BAA0B;QACpE,IAAI;QACJ,eAAe;KAChB,CAAC,CAAC;IAEH,IAAI,CAAC,eAAe,EAAE,CAAC;QACrB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,CAAC;AAC9E,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { usePersonalizationSelector } from '../../DefaultComponents/PersonalizationSelector';\n\nconst usePersonalization = ({ view }) => {\n  const {\n    state: { personalization } = {},\n    meta: { nonPersonalizationViewName, name },\n    defaultPresetId\n  } = view;\n\n  const { actions, defaultId, appDefaultId } = usePersonalizationSelector({\n    personalization,\n    nonPersonalizationViewName,\n    actionPersonalizationSetActive: view.type.applyActivePersonalization,\n    name,\n    defaultPresetId\n  });\n\n  if (!personalization) {\n    return {};\n  }\n\n  return { viewSelector: { views: actions.flat(), defaultId, appDefaultId } };\n};\n\nexport default usePersonalization;\n"]}
+{"version":3,"file":"usePersonalization.js","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/usePersonalization.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGrD,OAAO,EAAE,0BAA0B,EAAE,MAAM,iDAAiD,CAAC;AAC7F,OAAO,yBAAyB,MAAM,mDAAmD,CAAC;AAE1F,MAAM,kBAAkB,GAAG,CAAC,EAAE,IAAI,EAA8B,EAAE,EAAE;IAClE,MAAM,EACJ,KAAK,EAAE,EAAE,eAAe,EAAE,GAAG,EAAE,EAC/B,IAAI,EAAE,EAAE,0BAA0B,EAAE,IAAI,EAAE,eAAe,EAAE,mBAAmB,EAAE,EAChF,eAAe,EAChB,GAAG,IAAI,CAAC;IAET,MAAM,EAAE,OAAO,EAAE,GAAG,0BAA0B,CAAC;QAC7C,eAAe;QACf,0BAA0B;QAC1B,8BAA8B,EAAE,IAAI,CAAC,IAAI,CAAC,0BAA0B;QACpE,IAAI;QACJ,eAAe;KAChB,CAAC,CAAC;IAEH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,UAAU,EAAqB,CAAC;IAE5D,IAAI,CAAC,eAAe,EAAE,CAAC;QACrB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO;QACL,YAAY,EAAE;YACZ,KAAK,EAAE,OAAO,CAAC,IAAI,EAAE;YACrB,GAAG,CAAC,mBAAmB,IAAI;gBACzB,YAAY,EAAE,CAAC,UAA6B,EAAE,EAAE,CAAC,SAAS,CAAC,UAAU,CAAC;aACvE,CAAC;SACH;QACD,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAC,CAC9B,KAAC,yBAAyB,IACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,GAAG,EAAE;gBACb,MAAM,CAAC,KAAK,EAAE,CAAC;gBACf,SAAS,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC,EACD,MAAM,EAAE,MAAM,GACd,CACH,CAAC,CAAC,CAAC,IAAI;KACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { useElement } from '@pega/cosmos-react-core';\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\n\nimport { usePersonalizationSelector } from '../../DefaultComponents/PersonalizationSelector';\nimport PersonalizationCreateEdit from '../../DefaultComponents/PersonalizationCreateEdit';\n\nconst usePersonalization = ({ view }: { view: RsCoreTypes.View }) => {\n  const {\n    state: { personalization } = {},\n    meta: { nonPersonalizationViewName, name, personalization: metaPersonalization },\n    defaultPresetId\n  } = view;\n\n  const { actions } = usePersonalizationSelector({\n    personalization,\n    nonPersonalizationViewName,\n    actionPersonalizationSetActive: view.type.applyActivePersonalization,\n    name,\n    defaultPresetId\n  });\n\n  const [target, setTarget] = useElement<HTMLButtonElement>();\n\n  if (!personalization) {\n    return {};\n  }\n\n  return {\n    viewSelector: {\n      views: actions.flat(),\n      ...(metaPersonalization && {\n        onCreateView: (viewTarget: HTMLButtonElement) => setTarget(viewTarget)\n      })\n    },\n    createEditViewContent: target ? (\n      <PersonalizationCreateEdit\n        view={view}\n        onFinish={() => {\n          target.focus();\n          setTarget(null);\n        }}\n        target={target}\n      />\n    ) : null\n  };\n};\n\nexport default usePersonalization;\n"]}

package/lib/Core/Components/Toolbar/hooks/useSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSearch.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/useSearch.js"],"names":[],"mappings":";AAMA;;;;;;;;SA0CC"}
+{"version":3,"file":"useSearch.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/useSearch.js"],"names":[],"mappings":";AAIA;;;;;;;;SAwCC"}

package/lib/Core/Components/Toolbar/hooks/useSearch.js

@@ -1,29 +1,26 @@
 import { useEffect, useState, useCallback } from 'react';
-import { FieldType, getVisibileFields } from 'pega-repeating-structures-core';
 import useTranslate from '../../../Hooks/useTranslate';
 const useSearch = ({ view }) => {
     const [translate] = useTranslate();
-    const { meta: { fieldDefs, title }, state: { hiddenColumns, customFields } } = view;
+    const { meta: { title }, enableGlobalSearch } = view;
     const [value, setValue] = useState(view.state?.searchText || '');
     const activeView = view.state.personalization?.active;
     const personalizations = view.state.personalization?.allPersonalizations;
     const ariaLabel = (personalizations && personalizations[activeView]?.name) || title;
-    const visibleFields = getVisibileFields(fieldDefs, hiddenColumns, customFields);
-    const isAnyTextFieldPresent = !!visibleFields.find(({ type }) => type === FieldType.TEXT);
     const onSearchChange = useCallback(query => {
         setValue(query);
         if (!query && view.type)
             view.type.applySearch(query);
     }, [view.type]);
     useEffect(() => {
-        if (!isAnyTextFieldPresent) {
+        if (!enableGlobalSearch) {
             onSearchChange('');
         }
-    }, [isAnyTextFieldPresent, onSearchChange]);
+    }, [enableGlobalSearch, onSearchChange]);
     useEffect(() => {
-        // Reset search text on personalization change.
-        setValue(view.state.searchText);
-    }, [activeView]);
+        // Sync local value with external searchText changes (e.g., personalization change, external reset(forceRefresh may flush `search` state slice)).
+        setValue(view.state.searchText ?? '');
+    }, [view.state.searchText]);
     if (!view.meta.globalSearch) {
         return null;
     }
@@ -32,7 +29,7 @@ const useSearch = ({ view }) => {
         onSearchSubmit: view.type?.applySearch,
         onSearchChange,
         'aria-label': `${translate(ariaLabel)} table`,
-        disabled: !isAnyTextFieldPresent
+        disabled: !enableGlobalSearch
     };
 };
 export default useSearch;

package/lib/Core/Components/Toolbar/hooks/useSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/useSearch.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAE9E,OAAO,YAAY,MAAM,6BAA6B,CAAC;AAEvD,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7B,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,MAAM,EACJ,IAAI,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EAC1B,KAAK,EAAE,EAAE,aAAa,EAAE,YAAY,EAAE,EACvC,GAAG,IAAI,CAAC;IACT,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,IAAI,EAAE,CAAC,CAAC;IACjE,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,MAAM,CAAC;IACtD,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,mBAAmB,CAAC;IACzE,MAAM,SAAS,GAAG,CAAC,gBAAgB,IAAI,gBAAgB,CAAC,UAAU,CAAC,EAAE,IAAI,CAAC,IAAI,KAAK,CAAC;IACpF,MAAM,aAAa,GAAG,iBAAiB,CAAC,SAAS,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC;IAChF,MAAM,qBAAqB,GAAG,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC,CAAC;IAC1F,MAAM,cAAc,GAAG,WAAW,CAChC,KAAK,CAAC,EAAE;QACN,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI;YAAE,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC,EACD,CAAC,IAAI,CAAC,IAAI,CAAC,CACZ,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC3B,cAAc,CAAC,EAAE,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,qBAAqB,EAAE,cAAc,CAAC,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,+CAA+C;QAC/C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO;QACL,KAAK;QACL,cAAc,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW;QACtC,cAAc;QACd,YAAY,EAAE,GAAG,SAAS,CAAC,SAAS,CAAC,QAAQ;QAC7C,QAAQ,EAAE,CAAC,qBAAqB;KACjC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import { useEffect, useState, useCallback } from 'react';\n\nimport { FieldType, getVisibileFields } from 'pega-repeating-structures-core';\n\nimport useTranslate from '../../../Hooks/useTranslate';\n\nconst useSearch = ({ view }) => {\n  const [translate] = useTranslate();\n  const {\n    meta: { fieldDefs, title },\n    state: { hiddenColumns, customFields }\n  } = view;\n  const [value, setValue] = useState(view.state?.searchText || '');\n  const activeView = view.state.personalization?.active;\n  const personalizations = view.state.personalization?.allPersonalizations;\n  const ariaLabel = (personalizations && personalizations[activeView]?.name) || title;\n  const visibleFields = getVisibileFields(fieldDefs, hiddenColumns, customFields);\n  const isAnyTextFieldPresent = !!visibleFields.find(({ type }) => type === FieldType.TEXT);\n  const onSearchChange = useCallback(\n    query => {\n      setValue(query);\n      if (!query && view.type) view.type.applySearch(query);\n    },\n    [view.type]\n  );\n\n  useEffect(() => {\n    if (!isAnyTextFieldPresent) {\n      onSearchChange('');\n    }\n  }, [isAnyTextFieldPresent, onSearchChange]);\n\n  useEffect(() => {\n    // Reset search text on personalization change.\n    setValue(view.state.searchText);\n  }, [activeView]);\n\n  if (!view.meta.globalSearch) {\n    return null;\n  }\n\n  return {\n    value,\n    onSearchSubmit: view.type?.applySearch,\n    onSearchChange,\n    'aria-label': `${translate(ariaLabel)} table`,\n    disabled: !isAnyTextFieldPresent\n  };\n};\n\nexport default useSearch;\n"]}
+{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/useSearch.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,YAAY,MAAM,6BAA6B,CAAC;AAEvD,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7B,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,MAAM,EACJ,IAAI,EAAE,EAAE,KAAK,EAAE,EACf,kBAAkB,EACnB,GAAG,IAAI,CAAC;IACT,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,IAAI,EAAE,CAAC,CAAC;IACjE,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,MAAM,CAAC;IACtD,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,mBAAmB,CAAC;IACzE,MAAM,SAAS,GAAG,CAAC,gBAAgB,IAAI,gBAAgB,CAAC,UAAU,CAAC,EAAE,IAAI,CAAC,IAAI,KAAK,CAAC;IACpF,MAAM,cAAc,GAAG,WAAW,CAChC,KAAK,CAAC,EAAE;QACN,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI;YAAE,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC,EACD,CAAC,IAAI,CAAC,IAAI,CAAC,CACZ,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACxB,cAAc,CAAC,EAAE,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,iJAAiJ;QACjJ,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAE5B,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO;QACL,KAAK;QACL,cAAc,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW;QACtC,cAAc;QACd,YAAY,EAAE,GAAG,SAAS,CAAC,SAAS,CAAC,QAAQ;QAC7C,QAAQ,EAAE,CAAC,kBAAkB;KAC9B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import { useEffect, useState, useCallback } from 'react';\n\nimport useTranslate from '../../../Hooks/useTranslate';\n\nconst useSearch = ({ view }) => {\n  const [translate] = useTranslate();\n  const {\n    meta: { title },\n    enableGlobalSearch\n  } = view;\n  const [value, setValue] = useState(view.state?.searchText || '');\n  const activeView = view.state.personalization?.active;\n  const personalizations = view.state.personalization?.allPersonalizations;\n  const ariaLabel = (personalizations && personalizations[activeView]?.name) || title;\n  const onSearchChange = useCallback(\n    query => {\n      setValue(query);\n      if (!query && view.type) view.type.applySearch(query);\n    },\n    [view.type]\n  );\n\n  useEffect(() => {\n    if (!enableGlobalSearch) {\n      onSearchChange('');\n    }\n  }, [enableGlobalSearch, onSearchChange]);\n\n  useEffect(() => {\n    // Sync local value with external searchText changes (e.g., personalization change, external reset(forceRefresh may flush `search` state slice)).\n    setValue(view.state.searchText ?? '');\n  }, [view.state.searchText]);\n\n  if (!view.meta.globalSearch) {\n    return null;\n  }\n\n  return {\n    value,\n    onSearchSubmit: view.type?.applySearch,\n    onSearchChange,\n    'aria-label': `${translate(ariaLabel)} table`,\n    disabled: !enableGlobalSearch\n  };\n};\n\nexport default useSearch;\n"]}