@finos/legend-data-cube 0.0.24 → 0.0.25

package/lib/stores/view/grid/DataCubeGridQuerySnapshotBuilder.d.ts

@@ -19,9 +19,9 @@
  * These are utilities used to build the query snapshot from the internal state
  * of the grid client, AG Grid.
  ***************************************************************************************/
-import type { IServerSideGetRowsRequest } from '@ag-grid-community/core';
 import { type DataCubeQuerySnapshot } from '../../core/DataCubeQuerySnapshot.js';
+import { type DataCubeGridClientDataFetchRequest } from './DataCubeGridClientEngine.js';
 import { DataCubeConfiguration } from '../../core/models/DataCubeConfiguration.js';
 export declare function getColumnConfiguration(colName: string, configuration: DataCubeConfiguration): import("../../core/models/DataCubeConfiguration.js").DataCubeColumnConfiguration;
-export declare function buildQuerySnapshot(request: IServerSideGetRowsRequest, baseSnapshot: DataCubeQuerySnapshot): DataCubeQuerySnapshot;
+export declare function buildQuerySnapshot(request: DataCubeGridClientDataFetchRequest, baseSnapshot: DataCubeQuerySnapshot): DataCubeQuerySnapshot;
 //# sourceMappingURL=DataCubeGridQuerySnapshotBuilder.d.ts.map

package/lib/stores/view/grid/DataCubeGridQuerySnapshotBuilder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataCubeGridQuerySnapshotBuilder.d.ts","sourceRoot":"","sources":["../../../../src/stores/view/grid/DataCubeGridQuerySnapshotBuilder.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH;;;;;yFAKyF;AAEzF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAWjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AAInF,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,qBAAqB,oFAMrC;AAID,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,yBAAyB,EAClC,YAAY,EAAE,qBAAqB,yBAgFpC"}
+{"version":3,"file":"DataCubeGridQuerySnapshotBuilder.d.ts","sourceRoot":"","sources":["../../../../src/stores/view/grid/DataCubeGridQuerySnapshotBuilder.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH;;;;;yFAKyF;AAEzF,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAEjF,OAAO,EAIL,KAAK,kCAAkC,EACxC,MAAM,+BAA+B,CAAC;AAMvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AAInF,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,qBAAqB,oFAMrC;AAID,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,kCAAkC,EAC3C,YAAY,EAAE,qBAAqB,yBAmGpC"}

package/lib/stores/view/grid/DataCubeGridQuerySnapshotBuilder.js

@@ -13,9 +13,15 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+/***************************************************************************************
+ * [GRID]
+ *
+ * These are utilities used to build the query snapshot from the internal state
+ * of the grid client, AG Grid.
+ ***************************************************************************************/
 import {} from '../../core/DataCubeQuerySnapshot.js';
 import { _toCol } from '../../core/models/DataCubeColumn.js';
-import { GridClientSortDirection, INTERNAL__GRID_CLIENT_TREE_COLUMN_ID, } from './DataCubeGridClientEngine.js';
+import { DataCubeGridClientSortDirection, INTERNAL__GRID_CLIENT_ROOT_AGGREGATION_COLUMN_ID, INTERNAL__GRID_CLIENT_TREE_COLUMN_ID, } from './DataCubeGridClientEngine.js';
 import { DataCubeQuerySortDirection, getPivotResultColumnBaseColumnName, isPivotResultColumnName, } from '../../core/DataCubeQueryEngine.js';
 import { DataCubeConfiguration } from '../../core/models/DataCubeConfiguration.js';
 import { guaranteeNonNullable, uniqBy } from '@finos/legend-shared';
@@ -27,46 +33,56 @@ export function getColumnConfiguration(colName, configuration) {
 export function buildQuerySnapshot(request, baseSnapshot) {
     const snapshot = baseSnapshot.clone();
     const configuration = DataCubeConfiguration.serialization.fromJson(snapshot.data.configuration);
+    const rowGroupColumns = request.rowGroupColumns.filter((col) => col !== INTERNAL__GRID_CLIENT_ROOT_AGGREGATION_COLUMN_ID);
     // --------------------------------- SELECT ---------------------------------
     snapshot.data.selectColumns = uniqBy([
         ...snapshot.data.selectColumns,
-        ...request.pivotCols.map((col) => getColumnConfiguration(col.id, configuration)),
-        ...request.rowGroupCols.map((col) => getColumnConfiguration(col.id, configuration)),
+        ...request.pivotColumns.map((col) => getColumnConfiguration(col, configuration)),
+        ...rowGroupColumns.map((col) => getColumnConfiguration(col, configuration)),
     ], (col) => col.name).map(_toCol);
     // --------------------------------- PIVOT ---------------------------------
-    snapshot.data.pivot = request.pivotCols.length
+    snapshot.data.pivot = request.pivotColumns.length
         ? {
-            columns: request.pivotCols.map((col) => _toCol(getColumnConfiguration(col.id, configuration))),
+            columns: request.pivotColumns.map((col) => _toCol(getColumnConfiguration(col, configuration))),
             // NOTE: since we re-fetch the cast columns anyway in this flow, we just
             // reuse the current cast columns
             castColumns: baseSnapshot.data.pivot?.castColumns ?? [],
         }
         : undefined;
     // --------------------------------- GROUP BY ---------------------------------
-    snapshot.data.groupBy = request.rowGroupCols.length
+    snapshot.data.groupBy = rowGroupColumns.length
         ? {
-            columns: request.rowGroupCols.map((col) => _toCol(getColumnConfiguration(col.id, configuration))),
+            columns: rowGroupColumns.map((col) => _toCol(getColumnConfiguration(col, configuration))),
         }
         : undefined;
     // --------------------------------- SORT ---------------------------------
-    snapshot.data.sortColumns = request.sortModel
+    snapshot.data.sortColumns = request.sortColumns
         // Make sure the tree column is not being sorted since it's a synthetic column
         // the sorting state of this special column is `synthesized` by ag-grid
         // so when all group by columns are sorted in the same direction, the tree group
         // column will be sorted in that direction, and vice versa, when user sorts
         // the tree column, all groupBy columns will be sorted in that direction
-        .filter((item) => item.colId !== INTERNAL__GRID_CLIENT_TREE_COLUMN_ID)
+        .filter((item) => ![
+        INTERNAL__GRID_CLIENT_TREE_COLUMN_ID,
+        INTERNAL__GRID_CLIENT_ROOT_AGGREGATION_COLUMN_ID,
+    ].includes(item.name))
         .map((item) => ({
-        name: item.colId,
-        type: getColumnConfiguration(isPivotResultColumnName(item.colId)
-            ? getPivotResultColumnBaseColumnName(item.colId)
-            : item.colId, configuration).type,
-        direction: item.sort === GridClientSortDirection.ASCENDING
+        name: item.name,
+        type: getColumnConfiguration(isPivotResultColumnName(item.name)
+            ? getPivotResultColumnBaseColumnName(item.name)
+            : item.name, configuration).type,
+        direction: item.direction === DataCubeGridClientSortDirection.ASCENDING
             ? DataCubeQuerySortDirection.ASCENDING
             : DataCubeQuerySortDirection.DESCENDING,
     }));
     // --------------------------------- CONFIGURATION ---------------------------------
     configuration.pivotLayout.expandedPaths = _pruneExpandedPaths(baseSnapshot.data.groupBy?.columns ?? [], snapshot.data.groupBy?.columns ?? [], configuration.pivotLayout.expandedPaths);
+    // if root aggregation synthetic column has been removed
+    // pdate the configuration to disable root aggregation
+    if (!request.rowGroupColumns.includes(INTERNAL__GRID_CLIENT_ROOT_AGGREGATION_COLUMN_ID) &&
+        configuration.showRootAggregation) {
+        configuration.showRootAggregation = false;
+    }
     snapshot.data.configuration = configuration.serialize();
     // --------------------------------- FINALIZE ---------------------------------
     return snapshot;

package/lib/stores/view/grid/DataCubeGridQuerySnapshotBuilder.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataCubeGridQuerySnapshotBuilder.js","sourceRoot":"","sources":["../../../../src/stores/view/grid/DataCubeGridQuerySnapshotBuilder.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataCubeGridQuerySnapshotBuilder.js","sourceRoot":"","sources":["../../../../src/stores/view/grid/DataCubeGridQuerySnapshotBuilder.ts"],"names":[],"mappings":"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"}

package/lib/stores/view/grid/DataCubeGridState.d.ts

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { type DebouncedFunc } from '@finos/legend-shared';
 import type { GridApi } from '@ag-grid-community/core';
 import type { DataCubeViewState } from '../DataCubeViewState.js';
 import { DataCubeGridClientServerSideDataSource } from './DataCubeGridClientEngine.js';
@@ -45,6 +46,7 @@ export declare class DataCubeGridState extends DataCubeQuerySnapshotController {
     rowLimit?: number | undefined;
     isPaginationEnabled: boolean;
     scrollHintText?: string | undefined;
+    debouncedAutoResizeColumns?: DebouncedFunc<() => void>;
     constructor(view: DataCubeViewState);
     setPaginationEnabled(val: boolean): void;
     setScrollHintText(val: string | undefined): void;

package/lib/stores/view/grid/DataCubeGridState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataCubeGridState.d.ts","sourceRoot":"","sources":["../../../../src/stores/view/grid/DataCubeGridState.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EACL,sCAAsC,EAMvC,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,+BAA+B,EAAE,MAAM,oCAAoC,CAAC;AACrF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAEjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AAErF;;;;;;;;;;;;;;GAcG;AACH,qBAAa,iBAAkB,SAAQ,+BAA+B;IACpE,QAAQ,CAAC,UAAU,EAAG,2BAA2B,CAAC;IAClD,QAAQ,CAAC,YAAY,EAAG,8BAA8B,CAAC;IACvD,OAAO,CAAC,OAAO,CAAC,CAAsB;IAEtC,gBAAgB,EAAE,sCAAsC,CAAC;IAEzD,kBAAkB,EAAE,qBAAqB,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,mBAAmB,UAAmD;IACtE,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;gBAExB,IAAI,EAAE,iBAAiB;IAyBnC,oBAAoB,CAAC,GAAG,EAAE,OAAO;IAiBjC,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS;IAIzC,IAAI,MAAM,iBAET;IAED,eAAe,CAAC,GAAG,EAAE,OAAO,GAAG,SAAS;IAI/B,yBAAyB;IAInB,aAAa,CAC1B,QAAQ,EAAE,qBAAqB,EAC/B,gBAAgB,EAAE,qBAAqB,GAAG,SAAS;CA2CtD"}
+{"version":3,"file":"DataCubeGridState.d.ts","sourceRoot":"","sources":["../../../../src/stores/view/grid/DataCubeGridState.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAGL,KAAK,aAAa,EACnB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EACL,sCAAsC,EAMvC,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,+BAA+B,EAAE,MAAM,oCAAoC,CAAC;AACrF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAEjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AAErF;;;;;;;;;;;;;;GAcG;AACH,qBAAa,iBAAkB,SAAQ,+BAA+B;IACpE,QAAQ,CAAC,UAAU,EAAG,2BAA2B,CAAC;IAClD,QAAQ,CAAC,YAAY,EAAG,8BAA8B,CAAC;IACvD,OAAO,CAAC,OAAO,CAAC,CAAsB;IAEtC,gBAAgB,EAAE,sCAAsC,CAAC;IAEzD,kBAAkB,EAAE,qBAAqB,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,mBAAmB,UAAmD;IACtE,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAGpC,0BAA0B,CAAC,EAAE,aAAa,CAAC,MAAM,IAAI,CAAC,CAAC;gBAE3C,IAAI,EAAE,iBAAiB;IAyBnC,oBAAoB,CAAC,GAAG,EAAE,OAAO;IAiBjC,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS;IAIzC,IAAI,MAAM,iBAET;IAED,eAAe,CAAC,GAAG,EAAE,OAAO,GAAG,SAAS;IAQ/B,yBAAyB;IAInB,aAAa,CAC1B,QAAQ,EAAE,qBAAqB,EAC/B,gBAAgB,EAAE,qBAAqB,GAAG,SAAS;CA2CtD"}

package/lib/stores/view/grid/DataCubeGridState.js

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { guaranteeNonNullable } from '@finos/legend-shared';
+import { debounce, guaranteeNonNullable, } from '@finos/legend-shared';
 import { action, makeObservable, observable } from 'mobx';
 import { DataCubeGridClientServerSideDataSource, INTERNAL__GRID_CLIENT_DEFAULT_CACHE_BLOCK_SIZE, INTERNAL__GRID_CLIENT_DATA_FETCH_MANUAL_TRIGGER_COLUMN_ID, INTERNAL__GRID_CLIENT_MAX_CACHE_BLOCK_SIZE, INTERNAL__GRID_CLIENT_DEFAULT_ENABLE_PAGINATION, computeHashCodeForDataFetchManualTrigger, } from './DataCubeGridClientEngine.js';
 import { DataCubeQuerySnapshotController } from '../DataCubeQuerySnapshotManager.js';
@@ -45,6 +45,9 @@ export class DataCubeGridState extends DataCubeQuerySnapshotController {
     rowLimit;
     isPaginationEnabled = INTERNAL__GRID_CLIENT_DEFAULT_ENABLE_PAGINATION;
     scrollHintText;
+    // As we resize columns dynamically to fit their content, virtual columns are being rendered
+    // and resized as user scrolls horizontally, this can cause performance issues, so we debounce.
+    debouncedAutoResizeColumns;
     constructor(view) {
         super(view);
         makeObservable(this, {
@@ -85,6 +88,7 @@ export class DataCubeGridState extends DataCubeQuerySnapshotController {
     }
     configureClient(val) {
         this._client = val;
+        this.debouncedAutoResizeColumns = debounce(() => val?.autoSizeAllColumns(), 100);
     }
     getSnapshotSubscriberName() {
         return 'grid';

package/lib/stores/view/grid/DataCubeGridState.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataCubeGridState.js","sourceRoot":"","sources":["../../../../src/stores/view/grid/DataCubeGridState.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataCubeGridState.js","sourceRoot":"","sources":["../../../../src/stores/view/grid/DataCubeGridState.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finos/legend-data-cube",
-  "version": "0.0.24",
+  "version": "0.0.25",
   "description": "Legend Data Cube",
   "keywords": [
     "legend",
@@ -57,8 +57,8 @@
     "@ag-grid-enterprise/server-side-row-model": "32.3.3",
     "@ag-grid-enterprise/side-bar": "32.3.3",
     "@finos/legend-art": "7.1.68",
-    "@finos/legend-code-editor": "2.0.19",
-    "@finos/legend-graph": "31.10.53",
+    "@finos/legend-code-editor": "2.0.20",
+    "@finos/legend-graph": "31.10.54",
     "@finos/legend-shared": "10.0.61",
     "@types/react": "18.3.12",
     "mathjs": "14.0.0",
@@ -70,7 +70,7 @@
     "serializr": "3.0.3"
   },
   "devDependencies": {
-    "@finos/legend-dev-utils": "2.1.29",
+    "@finos/legend-dev-utils": "2.1.30",
     "@jest/globals": "29.7.0",
     "cross-env": "7.0.3",
     "eslint": "9.15.0",

package/src/__lib__/DataCubeDocumentation.ts

@@ -16,7 +16,9 @@
 
 export enum DocumentationKey {
   DATA_CUBE_EXTENDED_COLUMN_LEVELS = 'data-cube.extended-column.levels',
-  DATA_CUBE_COLUMN_KINDS = 'data-cube.column.kinds',
-  DATA_CUBE_COLUMN_DISPLAY_AS_LINK = 'data-cube.column.display-as-link',
-  DATA_CUBE_COLUMN_MISSING_VALUE_FORMAT = 'data-cube.column.missing-value-format',
+  DATA_CUBE_GRID_CONFIGURATION_ROW_LIMIT = 'data-cube.grid-configuration.row-limit',
+  DATA_CUBE_COLUMN_CONFIGURATION_KIND = 'data-cube.column-configuration.kind',
+  DATA_CUBE_COLUMN_CONFIGURATION_UNIT = 'data-cube.column-configuration.unit',
+  DATA_CUBE_COLUMN_CONFIGURATION_DISPLAY_AS_LINK = 'data-cube.column-configuration.display-value-as-link',
+  DATA_CUBE_COLUMN_CONFIGURATION_MISSING_VALUE_FORMAT = 'data-cube.column-configuration.missing-value-format',
 }

package/src/components/core/DataCubeFormUtils.tsx

@@ -83,6 +83,7 @@ export const FormNumberInput = forwardRef(function FormNumberInput(
     defaultValue,
     disabled,
     className,
+    ...innerProps
   } = props;
   const [inputValue, setInputValue] = useState<string | number>(value ?? '');
   const inputRef = useRef<HTMLInputElement>(null);
@@ -99,6 +100,7 @@ export const FormNumberInput = forwardRef(function FormNumberInput(
         className,
       )}
       ref={handleRef}
+      {...innerProps}
       inputMode="numeric"
       type="number"
       min={min}
@@ -247,9 +249,10 @@ export const FormDropdownMenuTrigger = forwardRef<
   HTMLButtonElement,
   React.ButtonHTMLAttributes<HTMLButtonElement> & {
     open?: boolean | undefined;
+    showAsPlaceholder?: boolean | undefined;
   }
 >(function FormDropdownMenuTrigger(props, ref) {
-  const { children, className, open, ...otherProps } = props;
+  const { children, className, open, showAsPlaceholder, ...otherProps } = props;
   return (
     <button
       ref={ref}
@@ -258,6 +261,7 @@ export const FormDropdownMenuTrigger = forwardRef<
         {
           'border-sky-600': Boolean(open),
           'bg-sky-100': Boolean(open),
+          'text-neutral-400': Boolean(showAsPlaceholder),
         },
         className,
       )}

package/src/components/view/editor/DataCubeEditorColumnPropertiesPanel.tsx

@@ -42,6 +42,7 @@ import {
   DEFAULT_COLUMN_MIN_WIDTH,
   DEFAULT_COLUMN_WIDTH,
   DEFAULT_URL_LABEL_QUERY_PARAM,
+  EMPTY_VALUE_PLACEHOLDER,
 } from '../../../stores/core/DataCubeQueryEngine.js';
 import { DocumentationKey } from '../../../__lib__/DataCubeDocumentation.js';
 import type { DataCubeViewState } from '../../../stores/view/DataCubeViewState.js';
@@ -139,7 +140,7 @@ export const DataCubeEditorColumnPropertiesPanel = observer(
               >
                 <div className="flex h-full w-full items-center">
                   <div className="overflow-hidden overflow-ellipsis whitespace-nowrap">
-                    {selectedColumn?.name ?? '(None)'}
+                    {selectedColumn?.name ?? EMPTY_VALUE_PLACEHOLDER}
                   </div>
                   {selectedColumn && (
                     <>
@@ -217,7 +218,7 @@ export const DataCubeEditorColumnPropertiesPanel = observer(
                       <FormDocumentation
                         className="ml-1"
                         documentationKey={
-                          DocumentationKey.DATA_CUBE_COLUMN_KINDS
+                          DocumentationKey.DATA_CUBE_COLUMN_CONFIGURATION_KIND
                         }
                       />
                     </div>
@@ -326,7 +327,7 @@ export const DataCubeEditorColumnPropertiesPanel = observer(
 
                   <FormCheckbox
                     className="ml-3"
-                    label="Exclude from H-Pivot"
+                    label="Exclude from horizontal pivot"
                     checked={selectedColumn.excludedFromPivot}
                     onChange={() =>
                       selectedColumn.setExcludedFromPivot(
@@ -355,7 +356,7 @@ export const DataCubeEditorColumnPropertiesPanel = observer(
                         }}
                       />
                       <div className="ml-1 flex-shrink-0 text-sm">
-                        Decimal places
+                        decimal places
                       </div>
                       <FormCheckbox
                         className="ml-3"
@@ -380,15 +381,19 @@ export const DataCubeEditorColumnPropertiesPanel = observer(
                     </div>
 
                     <div className="mt-2 flex h-5 w-full items-center">
-                      <div className="flex h-full w-32 flex-shrink-0 items-center text-sm">
-                        Number Scale:
+                      <div className="flex h-full w-32 flex-shrink-0 items-center text-sm" />
+                      <div className="mr-1 flex h-full flex-shrink-0 items-center text-sm">
+                        Scale:
                       </div>
                       <FormDropdownMenuTrigger
                         className="w-32"
                         onClick={openNumberScaleDropdown}
                         open={numberScaleDropdownPropsOpen}
+                        showAsPlaceholder={
+                          selectedColumn.numberScale === undefined
+                        }
                       >
-                        {selectedColumn.numberScale ?? '(None)'}
+                        {selectedColumn.numberScale ?? EMPTY_VALUE_PLACEHOLDER}
                       </FormDropdownMenuTrigger>
                       <FormDropdownMenu
                         className="w-32"
@@ -412,10 +417,30 @@ export const DataCubeEditorColumnPropertiesPanel = observer(
                             }}
                             autoFocus={scale === selectedColumn.numberScale}
                           >
-                            {scale ?? '(None)'}
+                            {scale ?? EMPTY_VALUE_PLACEHOLDER}
                           </FormDropdownMenuItem>
                         ))}
                       </FormDropdownMenu>
+                      <div className="ml-3 mr-1 flex h-full flex-shrink-0 items-center text-sm">
+                        Unit:
+                        <FormDocumentation
+                          className="ml-1"
+                          documentationKey={
+                            DocumentationKey.DATA_CUBE_COLUMN_CONFIGURATION_UNIT
+                          }
+                        />
+                      </div>
+                      <FormTextInput
+                        className="w-16"
+                        value={selectedColumn.unit ?? ''}
+                        onChange={(event) => {
+                          const value = event.target.value.trim();
+                          selectedColumn.setUnit(
+                            value.trim() !== '' ? value.trim() : undefined,
+                          );
+                        }}
+                        placeholder={EMPTY_VALUE_PLACEHOLDER}
+                      />
                     </div>
                   </>
                 )}
@@ -428,7 +453,7 @@ export const DataCubeEditorColumnPropertiesPanel = observer(
                         <FormDocumentation
                           className="ml-1"
                           documentationKey={
-                            DocumentationKey.DATA_CUBE_COLUMN_DISPLAY_AS_LINK
+                            DocumentationKey.DATA_CUBE_COLUMN_CONFIGURATION_DISPLAY_AS_LINK
                           }
                         />
                       </div>
@@ -461,11 +486,11 @@ export const DataCubeEditorColumnPropertiesPanel = observer(
 
                 <div className="mt-2 flex h-5 w-full items-center">
                   <div className="flex h-full w-32 flex-shrink-0 items-center text-sm">
-                    {`Missing Value Format:`}
+                    Missing Value Format:
                     <FormDocumentation
                       className="ml-1"
                       documentationKey={
-                        DocumentationKey.DATA_CUBE_COLUMN_MISSING_VALUE_FORMAT
+                        DocumentationKey.DATA_CUBE_COLUMN_CONFIGURATION_MISSING_VALUE_FORMAT
                       }
                     />
                   </div>
@@ -478,7 +503,7 @@ export const DataCubeEditorColumnPropertiesPanel = observer(
                         value !== '' ? value : undefined,
                       );
                     }}
-                    placeholder="(empty)"
+                    placeholder={EMPTY_VALUE_PLACEHOLDER}
                   />
                 </div>
 
@@ -514,8 +539,9 @@ export const DataCubeEditorColumnPropertiesPanel = observer(
                     className="w-16"
                     onClick={openColumnPinDropdown}
                     open={columnPinDropdownPropsOpen}
+                    showAsPlaceholder={selectedColumn.pinned === undefined}
                   >
-                    {selectedColumn.pinned ?? '(None)'}
+                    {selectedColumn.pinned ?? EMPTY_VALUE_PLACEHOLDER}
                   </FormDropdownMenuTrigger>
                   <FormDropdownMenu
                     className="w-16"
@@ -534,7 +560,7 @@ export const DataCubeEditorColumnPropertiesPanel = observer(
                         }}
                         autoFocus={placement === selectedColumn.pinned}
                       >
-                        {placement ?? '(None)'}
+                        {placement ?? EMPTY_VALUE_PLACEHOLDER}
                       </FormDropdownMenuItem>
                     ))}
                   </FormDropdownMenu>

package/src/components/view/editor/DataCubeEditorColumnSelector.tsx

@@ -195,7 +195,7 @@ export const DataCubeEditorColumnSelector = observer(
     /**
      * Since we use managed row dragging for selected columns,
      * we just need to sync the row data with the state.
-     * Dragging (multiple) row(s) to specific position have been
+     * Dragging (multiple) rows to specific position have been
      * handled by ag-grid.
      */
     const onSelectedColumnsDragStop = useCallback(
@@ -223,7 +223,7 @@ export const DataCubeEditorColumnSelector = observer(
     /**
      * Since we use managed row dragging for selected columns,
      * we just need to sync the row data with the state
-     * Dragging (multiple) row(s) to specific position have been
+     * Dragging (multiple) rows to specific position have been
      * handled by ag-grid.
      */
     const onSelectedColumnsDragEnd = useCallback(

package/src/components/view/editor/DataCubeEditorGeneralPropertiesPanel.tsx

@@ -29,6 +29,7 @@ import {
   DEFAULT_NEGATIVE_FOREGROUND_COLOR,
   DEFAULT_ROW_HIGHLIGHT_BACKGROUND_COLOR,
   DEFAULT_ZERO_FOREGROUND_COLOR,
+  EMPTY_VALUE_PLACEHOLDER,
 } from '../../../stores/core/DataCubeQueryEngine.js';
 import {
   FormCheckbox,
@@ -40,8 +41,10 @@ import {
   FormTextInput,
   FormNumberInput,
   FormBadge_WIP,
+  FormDocumentation,
 } from '../../core/DataCubeFormUtils.js';
 import type { DataCubeViewState } from '../../../stores/view/DataCubeViewState.js';
+import { DocumentationKey } from '../../../__lib__/DataCubeDocumentation.js';
 
 export const DataCubeEditorGeneralPropertiesPanel = observer(
   (props: { view: DataCubeViewState }) => {
@@ -117,9 +120,7 @@ export const DataCubeEditorGeneralPropertiesPanel = observer(
                     !configuration.showRootAggregation,
                   )
                 }
-                disabled={true}
               />
-              <FormBadge_WIP />
               <FormCheckbox
                 className="ml-3"
                 label="Show leaf count"
@@ -128,7 +129,11 @@ export const DataCubeEditorGeneralPropertiesPanel = observer(
                   configuration.setShowLeafCount(!configuration.showLeafCount)
                 }
               />
-              <div className="ml-3 mr-1.5 flex h-full flex-shrink-0 items-center text-sm">
+            </div>
+
+            <div className="mt-2 flex h-5 w-full items-center">
+              <div className="flex h-full w-32 flex-shrink-0 items-center text-sm" />
+              <div className="mr-1 flex h-full flex-shrink-0 items-center text-sm">
                 Sort:
               </div>
               <FormDropdownMenuTrigger
@@ -160,19 +165,18 @@ export const DataCubeEditorGeneralPropertiesPanel = observer(
                   </FormDropdownMenuItem>
                 ))}
               </FormDropdownMenu>
-            </div>
-
-            <div className="mt-2 flex h-5 w-full items-center">
-              <div className="flex h-full w-32 flex-shrink-0 items-center text-sm" />
-              <div className="mr-1.5 flex h-full flex-shrink-0 items-center text-sm">
+              <div className="ml-3 mr-1 flex h-full flex-shrink-0 items-center text-sm">
                 Initially expand to level:
               </div>
               <FormDropdownMenuTrigger
                 className="w-16"
                 onClick={openInitialExpandLevelDropdown}
                 open={initialExpandLevelDropdownPropsOpen}
+                showAsPlaceholder={
+                  configuration.initialExpandLevel === undefined
+                }
               >
-                {configuration.initialExpandLevel ?? '(None)'}
+                {configuration.initialExpandLevel ?? EMPTY_VALUE_PLACEHOLDER}
               </FormDropdownMenuTrigger>
               <FormDropdownMenu
                 className="w-16"
@@ -187,7 +191,7 @@ export const DataCubeEditorGeneralPropertiesPanel = observer(
                     }}
                     autoFocus={level === configuration.initialExpandLevel}
                   >
-                    {level ?? '(None)'}
+                    {level ?? EMPTY_VALUE_PLACEHOLDER}
                   </FormDropdownMenuItem>
                 ))}
               </FormDropdownMenu>
@@ -196,20 +200,22 @@ export const DataCubeEditorGeneralPropertiesPanel = observer(
             <div className="mt-2 flex h-5 w-full items-center">
               <div className="flex h-full w-32 flex-shrink-0 items-center text-sm">
                 Row Limit:
+                <FormDocumentation
+                  className="ml-1"
+                  documentationKey={
+                    DocumentationKey.DATA_CUBE_GRID_CONFIGURATION_ROW_LIMIT
+                  }
+                />
               </div>
               <FormNumberInput
                 className="w-16 text-sm"
                 value={panel.limit}
-                min={-1}
+                min={0}
                 step={1}
-                defaultValue={-1}
-                isValid={(value) => value !== undefined && value >= -1}
-                setValue={(value) => panel.setLimit(value ?? -1)}
+                defaultValue={undefined}
+                placeholder={EMPTY_VALUE_PLACEHOLDER}
+                setValue={(value) => panel.setLimit(value)}
               />
-              <div className="flex-shrink-0 pl-1 text-sm italic text-neutral-500">
-                Truncate result to this many rows at every level. Use -1 for
-                unlimited.
-              </div>
             </div>
 
             <div className="mt-2 flex h-5 w-full items-center">
@@ -264,9 +270,10 @@ export const DataCubeEditorGeneralPropertiesPanel = observer(
                   )
                 }
               />
-              <div className="ml-2 h-[1px] w-2 flex-shrink-0 bg-neutral-400" />
+              <div className="ml-3 mr-1 flex h-full flex-shrink-0 items-center text-sm">
+                Color:
+              </div>
               <FormColorPickerButton
-                className="ml-2"
                 color={configuration.gridLineColor}
                 defaultColor={DEFAULT_GRID_LINE_COLOR}
                 onChange={(value) => configuration.setGridLineColor(value)}
@@ -291,7 +298,6 @@ export const DataCubeEditorGeneralPropertiesPanel = observer(
               />
               <FormCheckbox
                 className="ml-3"
-                label="Custom: Alternate color every"
                 checked={configuration.alternateRows}
                 onChange={() => {
                   if (configuration.alternateRows) {
@@ -302,8 +308,20 @@ export const DataCubeEditorGeneralPropertiesPanel = observer(
                   }
                 }}
               />
+              <div className="ml-1 mr-1 flex h-full flex-shrink-0 items-center text-sm">
+                Custom: Alternate color:
+              </div>
+              <FormColorPickerButton
+                disabled={!configuration.alternateRows}
+                color={configuration.alternateRowsColor}
+                defaultColor={DEFAULT_ROW_HIGHLIGHT_BACKGROUND_COLOR}
+                onChange={(value) => configuration.setAlternateRowsColor(value)}
+              />
+              <div className="ml-1 flex h-full flex-shrink-0 items-center text-sm">
+                every:
+              </div>
               <FormNumberInput
-                className="ml-1.5 w-16 text-sm"
+                className="ml-1 w-16 text-sm"
                 disabled={!configuration.alternateRows}
                 min={1}
                 step={1}
@@ -314,14 +332,7 @@ export const DataCubeEditorGeneralPropertiesPanel = observer(
                   configuration.setAlternateRowsCount(value ?? 1)
                 }
               />
-              <div className="ml-1.5 flex-shrink-0 text-sm">{`row(s)`}</div>
-              <FormColorPickerButton
-                className="ml-[5px]"
-                disabled={!configuration.alternateRows}
-                color={configuration.alternateRowsColor}
-                defaultColor={DEFAULT_ROW_HIGHLIGHT_BACKGROUND_COLOR}
-                onChange={(value) => configuration.setAlternateRowsColor(value)}
-              />
+              <div className="ml-1 flex-shrink-0 text-sm">rows</div>
             </div>
 
             <div className="my-2 h-[1px] w-full bg-neutral-200" />