TaskGrid Enhancements

package.json

@@ -33,12 +33,12 @@
     "@types/powerapps-component-framework": "^1.3.14",
     "@types/react": "17.0.90",
     "@types/react-dom": "^17.0.21",
+    "@types/react-window": "1.8.8",
     "@types/validator": "^13.11.9",
     "@types/xrm": "^9.0.81",
     "babel-loader": "^8.2.3",
     "esbuild": "^0.13.9",
     "glob": "^11.0.0",
-    "@types/react-window": "1.8.8",
     "postcss": "^8.3.11",
     "rollup": "^2.58.1",
     "rollup-plugin-delete": "^2.0.0",
@@ -84,15 +84,16 @@
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@fluentui/react-migration-v8-v9": "^9.6.20",
-    "@talxis/client-libraries": "1.2605.1",
-    "@talxis/client-metadata": "^0.0.3",
+    "@talxis/client-libraries": "1.2606.1",
+    "@talxis/client-metadata": "^0.0.4",
     "color": "^4.2.3",
     "dayjs": "^1.11.10",
     "debounce": "^2.2.0",
     "external-svg-loader": "^1.7.1",
     "fast-deep-equal": "^3.1.3",
     "hotkeys-js": "^3.13.15",
     "humanize-duration": "^3.32.0",
+    "lexorank": "^1.0.5",
     "liquidjs": "^9.43.0",
     "merge-anything": "^5.1.7",
     "numeral": "^2.0.6",
@@ -107,4 +108,4 @@
     "react": "^16.8.6 || ^17.0.2",
     "react-dom": "^16.8.6 || ^17.0.2"
   }
-}
+}

rollup.config.js

@@ -51,7 +51,8 @@ const externalDeps = [
     'react-select',
     'react-select/async',
     'hotkeys-js',
-    'react-window'
+    'react-window',
+    "lexorank"
 ]
 
 export default [

src/components/DatasetControl/EditColumns/OptionText/OptionText.tsx

@@ -2,10 +2,8 @@ import { IColumn } from "@talxis/client-libraries";
 import { useMemo } from "react";
 import { GroupBase, OptionProps } from "react-select";
 import { getOptionTextStyles } from "./styles";
-import { Text } from "@fluentui/react";
 
 export const OptionText = (props: React.PropsWithChildren<OptionProps<IColumn, boolean, GroupBase<IColumn>>>) => {
     const styles = useMemo(() => getOptionTextStyles(), []);
-
-    return <Text className={styles.optionText}>{props.children}</Text>
+    return <span className={styles.optionText}>{props.children}</span>
 }

src/components/Grid/cells/cell/Cell.tsx

@@ -71,10 +71,10 @@ export const Cell = (props: ICellProps) => {
 
     const onCellClick = useCallback((e: MouseEvent) => {
         if (record.getDataProvider().getSummarizationType() === 'grouping' && !grid.isSelectionModifierKeyPressed()) {
-            e.stopPropagation();
+            //e.stopPropagation();
         }
         else if (node.isSelected()) {
-            e.stopPropagation();
+            //e.stopPropagation();
         }
     }, []);
 

src/components/Grid/column-headers/column-header/ColumnHeader.tsx

@@ -27,7 +27,7 @@ export const ColumnHeader = (props: IColumnHeader) => {
 
     //needs to be called with onTouchEnd as well since ag grid cancels the click event on them
     const onClick = () => {
-        if ((!column.isFilterable && column.disableSorting && !column.canBeAggregated && !column?.metadata?.CanBeGrouped)) {
+        if ((!column.isFilterable && column.disableSorting && !column.canBeAggregated && !column.canBeGrouped)) {
             return;
         }
         setColumnHeaderContextualMenuProps({

src/components/Grid/grid/ag-grid/AgGridModel.ts

@@ -665,7 +665,7 @@ export class AgGridModel extends EventEmitter<IAgGridModelEvents> {
         const parameters = columnInfo.ui.getControlParameters({
             ...this._grid.getFieldBindingParameters(record, column, editing),
             ...control.getParameters(),
-        })
+        });
         if (column.oneClickEdit && record.getSummarizationType() === 'none') {
             editing = true;
         }
@@ -679,7 +679,7 @@ export class AgGridModel extends EventEmitter<IAgGridModelEvents> {
             aggregatedValue: value.aggregatedValue,
             loading: columnInfo.ui.isLoading(),
             errorMessage: columnInfo.errorMessage,
-            editable: columnInfo.security.editable,
+            editable: column.isEditable && columnInfo.security.editable,
             editing: editing,
             parameters: parameters,
             saving: record.isSaving(),

src/components/Lookup/Lookup.tsx

@@ -105,6 +105,10 @@ export const Lookup = (props: ILookup) => {
         return mouseOver || isFocused;
     }
 
+    const getDisplayName = () => {
+        return props.parameters.value.attributes.DisplayName ?? labels.record();
+    }
+
     const getSecondaryName = async (result: ComponentFramework.LookupValue & {
         entityData: {
             [key: string]: any;
@@ -195,7 +199,7 @@ export const Lookup = (props: ILookup) => {
                 if (context.mode.isControlDisabled) {
                     return;
                 }
-                setPlaceholder(`${labels.placeholder()} ${props.parameters.value.attributes.DisplayName}`);
+                setPlaceholder(`${labels.placeholder()} ${getDisplayName()}`);
             },
             onMouseLeave: () => {
                 setPlaceholder("---");

src/components/Lookup/translations.ts

@@ -27,6 +27,10 @@ export const lookupTranslations = {
         1033: "Search",
         1029: "Vyhledejte"
     },
+    record: {
+        1033: "Record",
+        1029: "Záznam"
+    },
     all: {
         1033: "All",
         1029: "Vše"