@pega/lists-react 9.0.0-build.2.9 → 9.0.0-build.20.0

package/lib/Core/Components/Toolbar/hooks/useGroup/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../Core/Components/Toolbar/hooks/useGroup/utils.ts"],"names":[],"mappings":"AAKA;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,QAA2B,EAAE,OAA6B;IACrF,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,QAAQ,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC;AACtF,CAAC;AAED,4GAA4G;AAC5G,MAAM,UAAU,kBAAkB,CAChC,MAAe,EACf,OAA6B,EAC7B,aAAgD;IAEhD,MAAM,eAAe,GAAoB;QACvC,uDAAuD;QACvD,wKAAwK;QACxK,eAAe,EAAE,IAAI,GAAG,EAAE;QAE1B,gFAAgF;QAChF,SAAS,EAAE,EAAE;QAEb,gDAAgD;QAChD,iBAAiB,EAAE;YACjB,IAAI,EAAE,EAAE;YACR,QAAQ,EAAE,EAAE;SACb;KACF,CAAC;IAEF,6FAA6F;IAC7F,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE;QAC5C,IAAI,QAAQ,KAAK,EAAE;YAAE,OAAO,CAAC,sBAAsB;QACnD,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAElD,0FAA0F;QAC1F,IAAI,aAAa,IAAI,CAAC,SAAS,KAAK,MAAM,IAAI,SAAS,KAAK,UAAU,CAAC,EAAE,CAAC;YACxE,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI;gBAC3E,SAAS,EAAE,EAAE;gBACb,SAAS,EAAE,EAAE;aACd,CAAC;YACF,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,oCAAoC;QACxG,CAAC;aAAM,CAAC;YACN,kDAAkD;YAClD,eAAe,CAAC,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAChD,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,sJAAsJ;IACtJ,IAAI,aAAa,EAAE,CAAC;QAClB,wDAAwD;QACxD,+GAA+G;QAC/G,eAAe,CAAC,iBAAiB,GAAG;YAClC,IAAI,EAAE,CAAC,GAAG,aAAa,CAAC,SAAS,EAAE,SAAS,CAAC;YAC7C,QAAQ,EAAE,CAAC,GAAG,aAAa,CAAC,SAAS,EAAE,SAAS,CAAC;SAClD,CAAC;QAEF,2HAA2H;QAC3H,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE;YACpE,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;YAClD,IAAI,SAAS,KAAK,MAAM,IAAI,SAAS,KAAK,UAAU,EAAE,CAAC;gBACrD,GAAG,CAAC,SAAS,GAAG,eAAe,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,MAAM,CACjE,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAChC,CAAC;YACJ,CAAC;YAED,IAAI,GAAG,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC/B,eAAe,CAAC,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YAChD,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO,eAAe,CAAC;AACzB,CAAC","sourcesContent":["import type { RsCoreTypes } from 'pega-repeating-structures-core';\nimport type { Group } from 'pega-repeating-structures-core/types/State.types';\n\nimport type { GroupingOptions } from '../../Grouping.types';\n\n/**\n * Finds the matching column for the given columnId and returns its field type.\n * Returns `undefined` if no match found\n */\nexport function getFieldType(columnId: Group['columnId'], columns: RsCoreTypes.Column[]) {\n  return columns.find(c => c.field.id.toString() === columnId.toString())?.field.type;\n}\n\n/** Returns metadata to identify which fields and which date functions are/aren't available for selection */\nexport function getGroupingOptions(\n  groups: Group[],\n  columns: RsCoreTypes.Column[],\n  dateFunctions: RsCoreTypes.Meta['dateFunctions']\n): GroupingOptions {\n  const groupingOptions: GroupingOptions = {\n    // Set of fields that are already exhausted in grouping\n    // NOTE: For date/datetime fields, when dateFunctions are enabled, it doesn't mark a field as exhausted until all the date-function variants are used against that field\n    exhaustedFields: new Set(),\n\n    // Contains field-wise lookups with values of structure { exhausted, available }\n    dateFuncs: {},\n\n    // Possible `dateFunction` choices by field type\n    dateGroupVariants: {\n      date: [],\n      datetime: []\n    }\n  };\n\n  // Traverse all the groups and mark which all fields and date functions are exhausted already\n  groups.forEach(({ columnId, dateFunction }) => {\n    if (columnId === '') return; // Ignore empty groups\n    const fieldType = getFieldType(columnId, columns);\n\n    // If date functions are enabled, and it's a date/datetime field, track the functions used\n    if (dateFunctions && (fieldType === 'date' || fieldType === 'datetime')) {\n      groupingOptions.dateFuncs[columnId] = groupingOptions.dateFuncs[columnId] || {\n        exhausted: [],\n        available: []\n      };\n      groupingOptions.dateFuncs[columnId].exhausted.push(dateFunction); // `dateFunction` could be undefined\n    } else {\n      // Otherwise, simply mark the columns as exhausted\n      groupingOptions.exhaustedFields.add(columnId);\n    }\n  });\n\n  // When dateFunctions are enabled, determine which date/datetime fields are fully exhausted and also note which functions are available for each field\n  if (dateFunctions) {\n    // Identify all possible variants for a given field type\n    // The `undefined` variant is applied when we group data directly by a field's values without any date function\n    groupingOptions.dateGroupVariants = {\n      date: [...dateFunctions.DATE_ONLY, undefined],\n      datetime: [...dateFunctions.DATE_TIME, undefined]\n    };\n\n    // For each date/datetime field, set up which variants are yet to be used. Also determine if all the variants are exhausted\n    Object.entries(groupingOptions.dateFuncs).forEach(([columnId, obj]) => {\n      const fieldType = getFieldType(columnId, columns);\n      if (fieldType === 'date' || fieldType === 'datetime') {\n        obj.available = groupingOptions.dateGroupVariants[fieldType].filter(\n          v => !obj.exhausted.includes(v)\n        );\n      }\n\n      if (obj.available.length === 0) {\n        groupingOptions.exhaustedFields.add(columnId);\n      }\n    });\n  }\n\n  return groupingOptions;\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../Core/Components/Toolbar/hooks/useGroup/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,MAAM,gCAAgC,CAAC;AAK7E;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,EAAU,EAAE,OAA6B;IACrE,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;AAC9C,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,QAAgB,EAAE,OAA6B;IAC1E,OAAO,aAAa,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC;AACtD,CAAC;AAED,4GAA4G;AAC5G,MAAM,UAAU,kBAAkB,CAChC,MAAe,EACf,OAA6B,EAC7B,aAAgD;IAEhD,MAAM,eAAe,GAAoB;QACvC,uDAAuD;QACvD,wKAAwK;QACxK,eAAe,EAAE,IAAI,GAAG,EAAE;QAE1B,gFAAgF;QAChF,SAAS,EAAE,EAAE;QAEb,gDAAgD;QAChD,iBAAiB,EAAE;YACjB,IAAI,EAAE,EAAE;YACR,QAAQ,EAAE,EAAE;SACb;KACF,CAAC;IAEF,6FAA6F;IAC7F,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE;QAC5C,IAAI,QAAQ,KAAK,EAAE;YAAE,OAAO,CAAC,sBAAsB;QACnD,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAElD,0FAA0F;QAC1F,IAAI,aAAa,IAAI,CAAC,SAAS,KAAK,SAAS,CAAC,IAAI,IAAI,SAAS,KAAK,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC;YACzF,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI;gBAC3E,SAAS,EAAE,EAAE;gBACb,SAAS,EAAE,EAAE;aACd,CAAC;YACF,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,oCAAoC;QACxG,CAAC;aAAM,CAAC;YACN,kDAAkD;YAClD,eAAe,CAAC,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAChD,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,sJAAsJ;IACtJ,IAAI,aAAa,EAAE,CAAC;QAClB,wDAAwD;QACxD,+GAA+G;QAC/G,eAAe,CAAC,iBAAiB,GAAG;YAClC,IAAI,EAAE,CAAC,GAAG,aAAa,CAAC,SAAS,EAAE,SAAS,CAAC;YAC7C,QAAQ,EAAE,CAAC,GAAG,aAAa,CAAC,SAAS,EAAE,SAAS,CAAC;SAClD,CAAC;QAEF,2HAA2H;QAC3H,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE;YACpE,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;YAClD,IAAI,SAAS,KAAK,SAAS,CAAC,IAAI,IAAI,SAAS,KAAK,SAAS,CAAC,SAAS,EAAE,CAAC;gBACtE,GAAG,CAAC,SAAS,GAAG,eAAe,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,MAAM,CACjE,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAChC,CAAC;YACJ,CAAC;YAED,IAAI,GAAG,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC/B,eAAe,CAAC,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YAChD,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO,eAAe,CAAC;AACzB,CAAC","sourcesContent":["import { FieldType, type RsCoreTypes } from 'pega-repeating-structures-core';\nimport type { Group } from 'pega-repeating-structures-core/types/State.types';\n\nimport type { GroupingOptions } from '../../Grouping.types';\n\n/**\n * Finds the matching column for the given id.\n * Returns `undefined` if no match found\n */\nexport function getColumnById(id: string, columns: RsCoreTypes.Column[]) {\n  return columns.find(c => c.field.id === id);\n}\n\n/**\n * Finds the matching column for the given columnId and returns its field type.\n * Returns `undefined` if no match found\n */\nexport function getFieldType(columnId: string, columns: RsCoreTypes.Column[]) {\n  return getColumnById(columnId, columns)?.field.type;\n}\n\n/** Returns metadata to identify which fields and which date functions are/aren't available for selection */\nexport function getGroupingOptions(\n  groups: Group[],\n  columns: RsCoreTypes.Column[],\n  dateFunctions: RsCoreTypes.Meta['dateFunctions']\n): GroupingOptions {\n  const groupingOptions: GroupingOptions = {\n    // Set of fields that are already exhausted in grouping\n    // NOTE: For date/datetime fields, when dateFunctions are enabled, it doesn't mark a field as exhausted until all the date-function variants are used against that field\n    exhaustedFields: new Set(),\n\n    // Contains field-wise lookups with values of structure { exhausted, available }\n    dateFuncs: {},\n\n    // Possible `dateFunction` choices by field type\n    dateGroupVariants: {\n      date: [],\n      datetime: []\n    }\n  };\n\n  // Traverse all the groups and mark which all fields and date functions are exhausted already\n  groups.forEach(({ columnId, dateFunction }) => {\n    if (columnId === '') return; // Ignore empty groups\n    const fieldType = getFieldType(columnId, columns);\n\n    // If date functions are enabled, and it's a date/datetime field, track the functions used\n    if (dateFunctions && (fieldType === FieldType.DATE || fieldType === FieldType.DATE_TIME)) {\n      groupingOptions.dateFuncs[columnId] = groupingOptions.dateFuncs[columnId] || {\n        exhausted: [],\n        available: []\n      };\n      groupingOptions.dateFuncs[columnId].exhausted.push(dateFunction); // `dateFunction` could be undefined\n    } else {\n      // Otherwise, simply mark the columns as exhausted\n      groupingOptions.exhaustedFields.add(columnId);\n    }\n  });\n\n  // When dateFunctions are enabled, determine which date/datetime fields are fully exhausted and also note which functions are available for each field\n  if (dateFunctions) {\n    // Identify all possible variants for a given field type\n    // The `undefined` variant is applied when we group data directly by a field's values without any date function\n    groupingOptions.dateGroupVariants = {\n      date: [...dateFunctions.DATE_ONLY, undefined],\n      datetime: [...dateFunctions.DATE_TIME, undefined]\n    };\n\n    // For each date/datetime field, set up which variants are yet to be used. Also determine if all the variants are exhausted\n    Object.entries(groupingOptions.dateFuncs).forEach(([columnId, obj]) => {\n      const fieldType = getFieldType(columnId, columns);\n      if (fieldType === FieldType.DATE || fieldType === FieldType.DATE_TIME) {\n        obj.available = groupingOptions.dateGroupVariants[fieldType].filter(\n          v => !obj.exhausted.includes(v)\n        );\n      }\n\n      if (obj.available.length === 0) {\n        groupingOptions.exhaustedFields.add(columnId);\n      }\n    });\n  }\n\n  return groupingOptions;\n}\n"]}

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

@@ -4,6 +4,6 @@ declare function useMore({ view }: {
 }): {
     actions: any[];
     actionsButtonRef: import("react").MutableRefObject<null>;
-    popover: false | import("react/jsx-runtime").JSX.Element;
+    selectedActionContent: import("react/jsx-runtime").JSX.Element | null | undefined;
 };
 //# sourceMappingURL=useMore.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMore.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/useMore.jsx"],"names":[],"mappings":";AA6BA;;;;;;EAyWC"}
+{"version":3,"file":"useMore.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/useMore.jsx"],"names":[],"mappings":";AA6BA;;;;;;EAmZC"}

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

@@ -7,14 +7,14 @@ 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';
@@ -24,7 +24,7 @@ const ExportToExcel = 'Export to Excel';
 const ExportToCSV = 'Export to CSV';
 const Refresh = 'Refresh';
 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: { 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 }, toolBarOptions = [], columns, defaultPresetId, renderFactory, getContext } = view;
     const [popperRef, setPopperRef] = useElement();
     const actionsButtonRef = useRef(null);
     const [translate] = useTranslate();
@@ -54,7 +54,7 @@ const useMore = ({ view }) => {
                 id: colsVisibility,
                 icon: 'eye-off',
                 text: translate(colsVisibility),
-                show: !!toggleFieldVisibility,
+                show: showFeatureForTemplate(template, 'showHideColumns') && !!toggleFieldVisibility,
                 onClick: () => {
                     setMoreContent(colsVisibility);
                     setForceShowMenu(true);
@@ -64,7 +64,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 +76,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,7 +89,7 @@ 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);
                 }
@@ -93,7 +98,7 @@ const useMore = ({ view }) => {
                 id: AutoSizeColumns,
                 icon: 'scale-up',
                 text: translate(AutoSizeColumns),
-                show: autoSizeColumns,
+                show: showFeatureForTemplate(template, 'autoSizeColumns') && autoSizeColumns,
                 onClick: () => {
                     view.applyColumnsAutoSize(false);
                 }
@@ -102,7 +107,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 +116,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 +134,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 +213,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 +222,7 @@ const useMore = ({ view }) => {
         ...toolBarOptions
     ], [
         translate,
+        template,
         toggleFieldVisibility,
         displayDensity.length,
         rowDensity,
@@ -271,46 +269,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 }));
-    }
-    else if (moreContent === pinning) {
-        content = _jsx(ColumnSelector, { dispatch: applyFreeze, columns: columns, action: moreContent });
-    }
-    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, columns: columns, action: moreContent, finishPopOver: finishPopOver }));
+                break;
+            case pinning:
+                component = (_jsx(ColumnSelector, { dispatch: applyFreeze, columns: columns, 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":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/E,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,iCAAiC,MAAM,2DAA2D,CAAC;AAC1G,OAAO,cAAc,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gDAAgD,CAAC;AAEtF,MAAM,UAAU,GAAG,aAAa,CAAC;AAEjC,MAAM,UAAU,GAAG,gBAAgB,CAAC;AACpC,MAAM,eAAe,GAAG,cAAc,CAAC;AACvC,MAAM,MAAM,GAAG,YAAY,CAAC;AAC5B,MAAM,QAAQ,GAAG,WAAW,CAAC;AAC7B,MAAM,YAAY,GAAG,gBAAgB,CAAC;AACtC,MAAM,gBAAgB,GAAG,qBAAqB,CAAC;AAC/C,MAAM,MAAM,GAAG,aAAa,CAAC;AAC7B,MAAM,iBAAiB,GAAG,qBAAqB,CAAC;AAChD,MAAM,eAAe,GAAG,mBAAmB,CAAC;AAC5C,MAAM,eAAe,GAAG,iBAAiB,CAAC;AAC1C,MAAM,IAAI,GAAG,YAAY,CAAC;AAC1B,MAAM,aAAa,GAAG,iBAAiB,CAAC;AACxC,MAAM,aAAa,GAAG,iBAAiB,CAAC;AACxC,MAAM,WAAW,GAAG,eAAe,CAAC;AACpC,MAAM,OAAO,GAAG,SAAS,CAAC;AAE1B,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAC3B,MAAM,EACJ,IAAI,EAAE,EACJ,cAAc,EACd,qBAAqB,EACrB,YAAY,EACZ,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,UAAU,EACV,eAAe,EAAE,aAAa,EAC9B,oBAAoB,EACpB,uBAAuB,EACvB,qBAAqB,EACrB,YAAY,EACb,EACD,KAAK,EAAE,EACL,eAAe,EACf,eAAe,EAAE,oBAAoB,EACrC,UAAU,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,GAAG,EAAE,EACxC,GAAG,EAAE,EACN,IAAI,EAAE,EAAE,qBAAqB,EAAE,WAAW,EAAE,EAC5C,cAAc,GAAG,EAAE,EACnB,OAAO,EACP,eAAe,EACf,aAAa,EACb,UAAU,EACX,GAAG,IAAI,CAAC;IAET,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,UAAU,EAAE,CAAC;IAE/C,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;IACrC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC1D,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,MAAM,CAAC;IACvD,MAAM,kBAAkB,GAAG,oBAAoB,EAAE,sBAAsB,CAAC;IACxE,MAAM,gBAAgB,GAAG,iBAAiB,KAAK,aAAa,CAAC;IAC7D,MAAM,WAAW,GAAG,oBAAoB,EAAE,KAAK,CAAC;IAChD,MAAM,qBAAqB,GACzB,oBAAoB,EAAE,mBAAmB,EAAE,CAAC,iBAAiB,CAAC,EAAE,IAAI,CAAC;IACvE,MAAM,QAAQ,GAAG,CAAC,CAAC,oBAAoB,EAAE,mBAAmB,EAAE,CAAC,iBAAiB,CAAC,EAAE,QAAQ,CAAC;IAE5F,MAAM,uBAAuB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/C,MAAM,CACJ,iCAAiC,EACjC;YACE,QAAQ,EAAE,GAAG,EAAE;gBACb,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;YACrD,CAAC;YACD,qBAAqB;YACrB,SAAS;SACV,EACD;YACE,KAAK,EAAE,IAAI;SACZ,CACF,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,IAAI,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAElE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC;QACJ;YACE;gBACE,EAAE,EAAE,cAAc;gBAClB,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,SAAS,CAAC,cAAc,CAAC;gBAC/B,IAAI,EAAE,CAAC,CAAC,qBAAqB;gBAC7B,OAAO,EAAE,GAAG,EAAE;oBACZ,cAAc,CAAC,cAAc,CAAC,CAAC;oBAC/B,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBACzB,CAAC;aACF;YACD;gBACE,EAAE,EAAE,UAAU;gBACd,IAAI,EAAE,YAAY;gBAClB,IAAI,EAAE,SAAS,CAAC,UAAU,CAAC;gBAC3B,IAAI,EAAE,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,UAAU;gBAC7C,OAAO,EAAE,GAAG,EAAE;oBACZ,cAAc,CAAC,UAAU,CAAC,CAAC;oBAC3B,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBACzB,CAAC;aACF;YACD;gBACE,EAAE,EAAE,OAAO;gBACX,IAAI,EAAE,eAAe;gBACrB,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC;gBACxB,IAAI,EAAE,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,mBAAmB,IAAI,cAAc;gBAC/D,OAAO,EAAE,GAAG,EAAE;oBACZ,cAAc,CAAC,OAAO,CAAC,CAAC;oBACxB,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBACzB,CAAC;aACF;YACD;gBACE,EAAE,EAAE,eAAe;gBACnB,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,mBAAmB,CAAC;gBACvF,IAAI,EAAE,aAAa;gBACnB,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC,eAAe,CAAC,CAAC;gBAC1D,CAAC;aACF;YACD;gBACE,EAAE,EAAE,eAAe;gBACnB,IAAI,EAAE,UAAU;gBAChB,IAAI,EAAE,SAAS,CAAC,eAAe,CAAC;gBAChC,IAAI,EAAE,eAAe;gBACrB,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;gBACnC,CAAC;aACF;YACD;gBACE,EAAE,EAAE,iBAAiB;gBACrB,IAAI,EAAE,YAAY;gBAClB,IAAI,EAAE,SAAS,CAAC,iBAAiB,CAAC;gBAClC,IAAI,EAAE,iBAAiB;gBACvB,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;gBAClC,CAAC;aACF;YACD;gBACE,EAAE,EAAE,IAAI;gBACR,IAAI,EAAE,aAAa;gBACnB,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC;gBACrB,IAAI,EAAE,aAAa;gBACnB,OAAO,EAAE,GAAG,EAAE;oBACZ,cAAc,CAAC,IAAI,CAAC,CAAC;oBACrB,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBACzB,CAAC;aACF;SACF;QACD;YACE;gBACE,EAAE,EAAE,MAAM;gBACV,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC;gBACvB,IAAI,EAAE,OAAO,CAAC,eAAe,IAAI,CAAC,SAAS,CAAC;gBAC5C,OAAO,EAAE,GAAG,EAAE;oBACZ,cAAc,CAAC,MAAM,CAAC,CAAC;oBACvB,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBACzB,CAAC;aACF;YACD;gBACE,EAAE,EAAE,UAAU;gBACd,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE,SAAS,CAAC,UAAU,CAAC;gBAC3B,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC;gBAC9B,OAAO,EAAE,GAAG,EAAE;oBACZ,cAAc,CAAC,UAAU,CAAC,CAAC;oBAC3B,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBACzB,CAAC;aACF;YACD;gBACE,EAAE,EAAE,eAAe;gBACnB,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE,SAAS,CAAC,eAAe,CAAC;gBAChC,IAAI,EAAE,OAAO,CACX,eAAe;oBACb,iBAAiB,KAAK,eAAe;oBACrC,CAAC,CAAC,QAAQ,IAAI,CAAC,gBAAgB,IAAI,gBAAgB,CAAC,CAAC;oBACrD,WAAW,CACd;gBACD,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAC7B,iBAAiB,EACjB,kBAAkB,KAAK,iBAAiB,EACxC,gBAAgB,CACjB,CAAC;gBACJ,CAAC;aACF;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,SAAS,CAAC,QAAQ,CAAC;gBACzB,IAAI,EAAE,OAAO,CACX,eAAe;oBACb,CAAC,CAAC,QAAQ,IAAI,CAAC,gBAAgB,IAAI,gBAAgB,CAAC,CAAC;oBACrD,iBAAiB,KAAK,eAAe,CACxC;gBACD,OAAO,EAAE,GAAG,EAAE;oBACZ,cAAc,CAAC,QAAQ,CAAC,CAAC;oBACzB,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBACzB,CAAC;aACF;YACD;gBACE,EAAE,EAAE,MAAM;gBACV,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC;gBACvB,IAAI,EAAE,OAAO,CACX,eAAe;oBACb,CAAC,QAAQ;oBACT,iBAAiB,KAAK,eAAe;oBACrC,CAAC,gBAAgB,CACpB;gBACD,OAAO,EAAE,uBAAuB;aACjC;YACD;gBACE,EAAE,EAAE,YAAY;gBAChB,IAAI,EAAE,iBAAiB;gBACvB,IAAI,EAAE,SAAS,CAAC,YAAY,CAAC;gBAC7B,IAAI,EAAE,OAAO,CACX,CAAC,eAAe,IAAI,QAAQ,IAAI,iBAAiB,KAAK,eAAe,CAAC;oBACpE,kBAAkB,KAAK,iBAAiB;oBACxC,CAAC,gBAAgB,CACpB;gBACD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,yBAAyB,CAAC,iBAAiB,CAAC;aACtE;YACD;gBACE,EAAE,EAAE,gBAAgB;gBACpB,IAAI,EAAE,iBAAiB;gBACvB,IAAI,EAAE,SAAS,CAAC,gBAAgB,CAAC;gBACjC,IAAI,EAAE,OAAO,CAAC,QAAQ,IAAI,gBAAgB,IAAI,eAAe,IAAI,CAAC,gBAAgB,CAAC;gBACnF,OAAO,EAAE,GAAG,EAAE,CACZ,IAAI,CAAC,IAAI,CAAC,4BAA4B,CAAC,aAAa,EAAE,qBAAqB,CAAC;aAC/E;YACD;gBACE,EAAE,EAAE,aAAa;gBACjB,IAAI,EAAE,cAAc;gBACpB,IAAI,EAAE,SAAS,CAAC,aAAa,CAAC;gBAC9B,IAAI,EAAE,OAAO,CAAC,oBAAoB,CAAC;gBACnC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;aAC/C;YACD;gBACE,EAAE,EAAE,aAAa;gBACjB,MAAM,EAAE,iBAAiB;gBACzB,IAAI,EAAE,cAAc;gBACpB,IAAI,EAAE,SAAS,CAAC,aAAa,CAAC;gBAC9B,IAAI,EAAE,OAAO,CAAC,uBAAuB,CAAC;gBACtC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;aACzC;YACD;gBACE,EAAE,EAAE,WAAW;gBACf,IAAI,EAAE,cAAc;gBACpB,IAAI,EAAE,SAAS,CAAC,WAAW,CAAC;gBAC5B,IAAI,EAAE,OAAO,CAAC,qBAAqB,CAAC;gBACpC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;aACvC;YACD;gBACE,EAAE,EAAE,OAAO;gBACX,MAAM,EAAE,SAAS;gBACjB,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC;gBACxB,IAAI,EAAE,OAAO,CAAC,YAAY,CAAC;gBAC3B,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;gBAC3B,CAAC;aACF;SACF;QACD,GAAG,cAAc;KAClB,EACD;QACE,SAAS;QACT,qBAAqB;QACrB,cAAc,CAAC,MAAM;QACrB,UAAU;QACV,YAAY;QACZ,mBAAmB;QACnB,eAAe;QACf,aAAa;QACb,eAAe;QACf,aAAa;QACb,iBAAiB;QACjB,eAAe;QACf,SAAS;QACT,iBAAiB;QACjB,eAAe;QACf,QAAQ;QACR,WAAW;QACX,gBAAgB;QAChB,uBAAuB;QACvB,qBAAqB;QACrB,uBAAuB;QACvB,kBAAkB;QAClB,cAAc;QACd,qBAAqB;QACrB,IAAI;QACJ,gBAAgB;QAChB,cAAc;KACf,CACF,CAAC;IAEF,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CACH,OAAO;SACJ,IAAI,EAAE;SACN,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACd,GAAG,MAAM;QACT,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC;KACnC,CAAC,CAAC;SACF,MAAM,CAAC,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,EACtC,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,aAAa,EAAE,CAAC;YAClB,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,CAAC;IAEF,qHAAqH;IACrH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,aAAa,IAAI,SAAS,EAAE,CAAC;YAChC,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QACpC,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,eAAe,CAAC;QACd,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,aAAa;KACvB,CAAC,CAAC;IAEH,IAAI,OAAO,CAAC;IACZ,IAAI,WAAW,KAAK,cAAc,EAAE,CAAC;QACnC,OAAO,GAAG,CACR,KAAC,cAAc,IAAC,QAAQ,EAAE,qBAAqB,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,GAAI,CAC3F,CAAC;IACJ,CAAC;SAAM,IAAI,WAAW,KAAK,OAAO,EAAE,CAAC;QACnC,OAAO,GAAG,KAAC,cAAc,IAAC,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,GAAI,CAAC;IAC7F,CAAC;SAAM,IAAI,WAAW,KAAK,UAAU,EAAE,CAAC;QACtC,OAAO,GAAG,oBAAoB,CAAC,mBAAmB,EAAE,aAAa,EAAE;YACjE,GAAG,UAAU,EAAE;YACf,IAAI;YACJ,OAAO,EAAE,aAAa;SACvB,CAAC,CAAC;IACL,CAAC;SAAM,IAAI,WAAW,KAAK,MAAM,EAAE,CAAC;QAClC,OAAO,GAAG,oBAAoB,CAAC,iCAAiC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAC;IACjG,CAAC;SAAM,IAAI,WAAW,KAAK,UAAU,EAAE,CAAC;QACtC,OAAO,GAAG,oBAAoB,CAAC,mCAAmC,EAAE,aAAa,EAAE;YACjF,QAAQ,EAAE,aAAa;YACvB,GAAG,UAAU,EAAE;YACf,IAAI;SACL,CAAC,CAAC;IACL,CAAC;SAAM,IAAI,WAAW,KAAK,QAAQ,EAAE,CAAC;QACpC,OAAO,GAAG,oBAAoB,CAAC,mCAAmC,EAAE,aAAa,EAAE;YACjF,QAAQ,EAAE,aAAa;YACvB,OAAO,EAAE,IAAI;YACb,GAAG,UAAU,EAAE;YACf,IAAI;SACL,CAAC,CAAC;IACL,CAAC;SAAM,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;QAChC,OAAO,GAAG,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,OAAO,EAAE,aAAa,GAAI,CAAC;IAC3F,CAAC;IAED,MAAM,OAAO,GAAG,aAAa,IAAI,CAC/B,KAAC,OAAO,IACN,SAAS,EAAC,QAAQ,EAClB,KAAK,QACL,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,gBAAgB,CAAC,OAAO,EAChC,SAAS,EAAC,YAAY,YAErB,OAAO,GACA,CACX,CAAC;IAEF,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,OAAO,EAAE,CAAC;AACjE,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC","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 dispatch={applyToggleVisibility} columns={columns} action={moreContent} />\n    );\n  } else if (moreContent === pinning) {\n    content = <ColumnSelector dispatch={applyFreeze} columns={columns} action={moreContent} />;\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';\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';\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      template\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: 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: 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      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 && 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            columns={columns}\n            action={moreContent}\n            finishPopOver={finishPopOver}\n          />\n        );\n        break;\n\n      case pinning:\n        component = (\n          <ColumnSelector\n            dispatch={applyFreeze}\n            columns={columns}\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,28 +1,25 @@
 import { useEffect, useState, useCallback } from 'react';
-import { 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 === '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]);
-    // FIXME: this is causing unnecessary API call on fullscreen toggle even if the data for the records is already fetched
+    }, [enableGlobalSearch, onSearchChange]);
     useEffect(() => {
-        onSearchChange('');
+        // Reset search text on personalization change.
+        setValue(view.state.searchText);
     }, [activeView]);
     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,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,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,MAAM,CAAC,CAAC;IAClF,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,uHAAuH;IACvH,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,CAAC,EAAE,CAAC,CAAC;IACrB,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 { 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 === '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  // FIXME: this is causing unnecessary API call on fullscreen toggle even if the data for the records is already fetched\n  useEffect(() => {\n    onSearchChange('');\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,+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,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    // 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: !enableGlobalSearch\n  };\n};\n\nexport default useSearch;\n"]}

package/lib/Core/Components/Toolbar/hooks/useSort/Row.d.ts

@@ -15,19 +15,19 @@ declare function Row({ updateSortItemId, updateSortItemOrder, columns, removeSor
 }): import("react/jsx-runtime").JSX.Element | null;
 declare namespace Row {
     namespace propTypes {
-        let updateSortItemId: PropTypes.Validator<(...args: any[]) => any>;
+        let updateSortItemId: PropTypes.Requireable<(...args: any[]) => any>;
         let updateSortItemOrder: PropTypes.Validator<(...args: any[]) => any>;
         let columns: PropTypes.Validator<any[]>;
-        let removeSortItem: PropTypes.Validator<(...args: any[]) => any>;
+        let removeSortItem: PropTypes.Requireable<(...args: any[]) => any>;
         let sortItems: PropTypes.Validator<any[]>;
         let id: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
         let index: PropTypes.Validator<number>;
         let order: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
         let sequence: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
-        let dragProps: PropTypes.Validator<{
+        let dragProps: PropTypes.Requireable<{
             [x: string]: any;
         }>;
-        let dropProps: PropTypes.Validator<{
+        let dropProps: PropTypes.Requireable<{
             [x: string]: any;
         }>;
         let focusRowRef: PropTypes.Requireable<{

package/lib/Core/Components/Toolbar/hooks/useSort/Row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../../../Core/Components/Toolbar/hooks/useSort/Row.jsx"],"names":[],"mappings":";AAwBA;;;;;;;;;;;;;mDAqFC;;;;;;;;;;;;;;;;;;;;;;;;sBA7GqB,YAAY"}
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../../../Core/Components/Toolbar/hooks/useSort/Row.jsx"],"names":[],"mappings":";AAwBA;;;;;;;;;;;;;mDAwFC;;;;;;;;;;;;;;;;;;;;;;;;sBAhHqB,YAAY"}