@finos/legend-application-repl 0.0.30 → 0.0.32

package/lib/components/dataCube/editor/DataCubeEditorGeneralPropertiesPanel.js

@@ -16,12 +16,152 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { observer } from 'mobx-react-lite';
 import { useREPLStore } from '../../REPLStoreProvider.js';
-import { DataCubeIcon } from '@finos/legend-art';
+import { cn, DataCubeIcon, useDropdownMenu } from '@finos/legend-art';
+import { DataCubeFont, DataCubeFontCase, DataCubeFontFormatUnderlineVariant, DataCubeFontTextAlignment, DataCubeSelectionStat, DEFAULT_BACKGROUND_COLOR, DEFAULT_ERROR_FOREGROUND_COLOR, DEFAULT_FOREGROUND_COLOR, DEFAULT_GRID_LINE_COLOR, DEFAULT_NEGATIVE_FOREGROUND_COLOR, DEFAULT_ROW_HIGHLIGHT_BACKGROUND_COLOR, DEFAULT_ZERO_FOREGROUND_COLOR, } from '../../../stores/dataCube/core/DataCubeQueryEngine.js';
+import { DataCubeEditorCheckbox, DataCubeEditorColorPickerButton, DataCubeEditorDropdownMenu, DataCubeEditorDropdownMenuItem, DataCubeEditorDropdownMenuItemSeparator, DataCubeEditorDropdownMenuTrigger, DataCubeEditorTextInput, DataCubeEditorNumberInput, WIP_Badge, } from './DataCubeEditorShared.js';
 export const DataCubeEditorGeneralPropertiesPanel = observer(() => {
     const replStore = useREPLStore();
-    const panel = replStore.dataCubeState.editor.generalPropertiesPanel;
-    return (_jsxs("div", { className: "data-cube-column-selector h-full w-full p-2", children: [_jsxs("div", { className: "flex h-6", children: [_jsx("div", { className: "flex h-6 items-center text-xl font-medium", children: _jsx(DataCubeIcon.TableOptions, {}) }), _jsx("div", { className: "ml-1 flex h-6 items-center text-xl font-medium", children: "General Properties" })] }), _jsx("div", { className: "flex h-[calc(100%_-_24px)] w-full p-4" }), _jsxs("div", { className: "flex h-6 w-full items-center", children: [_jsx("div", { className: "flex h-full w-32 items-center", children: "Report Title:" }), _jsx("input", { className: "h-full w-full border border-neutral-300 px-2 text-lg font-semibold focus:outline-none", value: panel.name, onChange: (event) => {
-                            panel.setName(event.target.value);
-                        } })] })] }));
+    const panel = replStore.dataCube.editor.generalProperties;
+    const configuration = panel.configuration;
+    const [openInitialExpandLevelDropdown, closeInitialExpandLevelDropdown, initialExpandLevelDropdownProps,] = useDropdownMenu();
+    const [openSelectionStatDropdown, closeSelectionStatDropdown, selectionStatDropdownProps,] = useDropdownMenu();
+    const [openFontFamilyDropdown, closeFontFamilyDropdown, fontFamilyDropdownProps,] = useDropdownMenu();
+    const [openFontSizeDropdown, closeFontSizeDropdown, openFontSizeDropdownProps,] = useDropdownMenu();
+    const [openFontFormatUnderlineVariantDropdown, closeFontFormatUnderlineVariantDropdown, fontFormatUnderlineVariantDropdownProps,] = useDropdownMenu();
+    const [openFontCaseDropdown, closeFontCaseDropdown, fontCaseDropdownProps] = useDropdownMenu();
+    return (_jsxs("div", { className: "h-full w-full select-none p-2", children: [_jsxs("div", { className: "flex h-6", children: [_jsx("div", { className: "flex h-6 items-center text-xl font-medium", children: _jsx(DataCubeIcon.TableOptions, {}) }), _jsx("div", { className: "ml-1 flex h-6 items-center text-xl font-medium", children: "General Properties" })] }), _jsx("div", { className: "flex h-[calc(100%_-_24px)] w-full", children: _jsxs("div", { className: "h-full w-full py-2", children: [_jsxs("div", { className: "flex h-6 w-full items-center", children: [_jsx("div", { className: "flex h-full w-32 flex-shrink-0 items-center text-sm", children: "Report Title:" }), _jsx(DataCubeEditorTextInput, { className: "h-6 w-96 text-lg font-semibold", value: panel.name, onChange: (event) => {
+                                        panel.setName(event.target.value);
+                                    } })] }), _jsxs("div", { className: "mt-2 flex h-5 w-full items-center", children: [_jsx("div", { className: "flex h-full w-32 flex-shrink-0 items-center text-sm", children: "Initially Expand to Level:" }), _jsx(DataCubeEditorDropdownMenuTrigger, { className: "w-14", onClick: openInitialExpandLevelDropdown, disabled: true, children: configuration.initialExpandLevel ?? '(None)' }), _jsx(DataCubeEditorDropdownMenu, { className: "w-14", ...initialExpandLevelDropdownProps, children: [undefined, 1, 2, 3, 4, 5, 6, 7, 8].map((level) => (_jsx(DataCubeEditorDropdownMenuItem, { onClick: () => {
+                                            configuration.setInitialExpandLevel(level);
+                                            closeInitialExpandLevelDropdown();
+                                        }, children: level ?? '(None)' }, level ?? ''))) }), _jsx(WIP_Badge, {})] }), _jsxs("div", { className: "mt-2 flex h-5 w-full items-center", children: [_jsx("div", { className: "flex h-full w-32 flex-shrink-0 items-center text-sm", children: "Show Root Aggregation?" }), _jsx(DataCubeEditorCheckbox, { checked: configuration.showRootAggregation, onChange: () => configuration.setShowRootAggregation(!configuration.showRootAggregation), disabled: true }), _jsx(WIP_Badge, {})] }), _jsxs("div", { className: "mt-2 flex h-5 w-full items-center", children: [_jsx("div", { className: "flex h-full w-32 flex-shrink-0 items-center text-sm", children: "Show Leaf Count?" }), _jsx(DataCubeEditorCheckbox, { checked: configuration.showLeafCount, onChange: () => configuration.setShowLeafCount(!configuration.showLeafCount), disabled: true }), _jsx(WIP_Badge, {})] }), _jsxs("div", { className: "mt-2 flex h-5 w-full items-center", children: [_jsx("div", { className: "flex h-full w-32 flex-shrink-0 items-center text-sm", children: "Show Lines?" }), _jsx(DataCubeEditorCheckbox, { label: "Tree", checked: configuration.showTreeLines, onChange: () => configuration.setShowTreeLines(!configuration.showTreeLines), disabled: true }), _jsx(WIP_Badge, {}), _jsx(DataCubeEditorCheckbox, { className: "ml-2", label: "Horizontal", checked: configuration.showHorizontalGridLines, onChange: () => configuration.setShowHorizontalGridLines(!configuration.showHorizontalGridLines) }), _jsx(DataCubeEditorCheckbox, { className: "ml-2", label: "Vertical", checked: configuration.showVerticalGridLines, onChange: () => configuration.setShowVerticalGridLines(!configuration.showVerticalGridLines) }), _jsx("div", { className: "ml-2 h-[1px] w-2 flex-shrink-0 bg-neutral-400" }), _jsx(DataCubeEditorColorPickerButton, { className: "ml-2", color: configuration.gridLineColor, defaultColor: DEFAULT_GRID_LINE_COLOR, onChange: (value) => configuration.setGridLineColor(value) })] }), _jsxs("div", { className: "mt-2 flex h-5 w-full items-center", children: [_jsx("div", { className: "flex h-full w-32 flex-shrink-0 items-center text-sm", children: "Show Selection Stats:" }), _jsx(DataCubeEditorDropdownMenuTrigger, { className: "w-14", onClick: openSelectionStatDropdown, disabled: true, children: '(None)' }), _jsx(DataCubeEditorDropdownMenu, { className: "w-14", ...selectionStatDropdownProps, children: [
+                                        DataCubeSelectionStat.SUM,
+                                        DataCubeSelectionStat.AVERAGE,
+                                        DataCubeSelectionStat.COUNT,
+                                        DataCubeSelectionStat.MIN,
+                                        DataCubeSelectionStat.MAX,
+                                    ].map((operation) => (_jsx(DataCubeEditorDropdownMenuItem, { onClick: () => {
+                                            // TODO
+                                            closeSelectionStatDropdown();
+                                        } }, operation))) }), _jsx(WIP_Badge, {})] }), _jsxs("div", { className: "mt-2 flex h-5 w-full items-center", children: [_jsx("div", { className: "flex h-full w-32 flex-shrink-0 items-center text-sm", children: "Row Limit:" }), _jsx(DataCubeEditorNumberInput, { className: "w-14 text-sm", value: panel.limit, min: -1, step: 1, defaultValue: -1, isValid: (value) => value !== undefined && (value === -1 || value > 0), setValue: (value) => panel.setLimit(value ?? -1) }), _jsx("div", { className: "flex-shrink-0 pl-1 text-sm italic text-neutral-500", children: "Truncate result to this many rows at every level. Use -1 for unlimited." })] }), _jsxs("div", { className: "mt-2 flex h-5 w-full items-center", children: [_jsx("div", { className: "flex h-full w-32 flex-shrink-0 items-center text-sm" }), _jsx(DataCubeEditorCheckbox, { label: "Display warning when truncated", checked: configuration.showWarningForTruncatedResult, onChange: () => configuration.setShowWarningForTruncatedResult(!configuration.showWarningForTruncatedResult) })] }), _jsxs("div", { className: "mt-2 flex h-5 w-full items-center", children: [_jsx("div", { className: "flex h-full w-32 flex-shrink-0 items-center text-sm", children: "Hightlight Rows:" }), _jsx(DataCubeEditorCheckbox, { label: "Standard mode", checked: configuration.alternateRowsStandardMode, onChange: () => {
+                                        if (configuration.alternateRowsStandardMode) {
+                                            configuration.setAlternateRowsStandardMode(false);
+                                        }
+                                        else {
+                                            configuration.setAlternateRowsStandardMode(true);
+                                            configuration.setAlternateRows(false);
+                                        }
+                                    } }), _jsx(DataCubeEditorCheckbox, { className: "ml-3", label: "Custom: Alternate color every", checked: configuration.alternateRows, onChange: () => {
+                                        if (configuration.alternateRows) {
+                                            configuration.setAlternateRows(false);
+                                        }
+                                        else {
+                                            configuration.setAlternateRows(true);
+                                            configuration.setAlternateRowsStandardMode(false);
+                                        }
+                                    } }), _jsx(DataCubeEditorNumberInput, { className: "ml-1.5 w-14 text-sm", disabled: !configuration.alternateRows, min: 1, step: 1, defaultValue: 1, isValid: (value) => value !== undefined && value > 0, value: configuration.alternateRowsCount, setValue: (value) => configuration.setAlternateRowsCount(value ?? 1) }), _jsx("div", { className: "ml-1.5 flex-shrink-0 text-sm", children: `row(s)` }), _jsx(DataCubeEditorColorPickerButton, { className: "ml-[5px]", disabled: !configuration.alternateRows, color: configuration.alternateRowsColor, defaultColor: DEFAULT_ROW_HIGHLIGHT_BACKGROUND_COLOR, onChange: (value) => configuration.setAlternateRowsColor(value) })] }), _jsx("div", { className: "my-2 h-[1px] w-full bg-neutral-200" }), _jsxs("div", { className: "mt-2 flex h-5 w-full items-center", children: [_jsx("div", { className: "flex h-full w-32 flex-shrink-0 items-center text-sm", children: "Default Font:" }), _jsx(DataCubeEditorDropdownMenuTrigger, { className: "w-28", onClick: openFontFamilyDropdown, children: configuration.fontFamily }), _jsxs(DataCubeEditorDropdownMenu, { className: "w-28", ...fontFamilyDropdownProps, children: [[
+                                            DataCubeFont.ARIAL,
+                                            DataCubeFont.ROBOTO,
+                                            DataCubeFont.ROBOTO_CONDENSED,
+                                        ].map((font) => (_jsx(DataCubeEditorDropdownMenuItem, { onClick: () => {
+                                                configuration.setFontFamily(font);
+                                                closeFontFamilyDropdown();
+                                            }, children: font }, font))), _jsx(DataCubeEditorDropdownMenuItemSeparator, {}), [
+                                            DataCubeFont.GEORGIA,
+                                            DataCubeFont.ROBOTO_SERIF,
+                                            DataCubeFont.TIMES_NEW_ROMAN,
+                                        ].map((font) => (_jsx(DataCubeEditorDropdownMenuItem, { onClick: () => {
+                                                configuration.setFontFamily(font);
+                                                closeFontFamilyDropdown();
+                                            }, children: font }, font))), _jsx(DataCubeEditorDropdownMenuItemSeparator, {}), [
+                                            DataCubeFont.JERBRAINS_MONO,
+                                            DataCubeFont.ROBOTO_MONO,
+                                            DataCubeFont.UBUNTU_MONO,
+                                        ].map((font) => (_jsx(DataCubeEditorDropdownMenuItem, { onClick: () => {
+                                                configuration.setFontFamily(font);
+                                                closeFontFamilyDropdown();
+                                            }, children: font }, font)))] }), _jsx(DataCubeEditorDropdownMenuTrigger, { className: "ml-1 w-10", onClick: openFontSizeDropdown, children: configuration.fontSize }), _jsx(DataCubeEditorDropdownMenu, { className: "w-10", ...openFontSizeDropdownProps, children: [
+                                        4, 5, 6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 20, 22, 24, 26, 28,
+                                        32, 36, 48, 72,
+                                    ].map((size) => (_jsx(DataCubeEditorDropdownMenuItem, { onClick: () => {
+                                            configuration.setFontSize(size);
+                                            closeFontSizeDropdown();
+                                        }, children: size }, size))) }), _jsxs("div", { className: "relative ml-2 flex h-5", children: [_jsx("button", { title: "Bold", className: cn('relative flex h-5 w-5 items-center justify-center rounded-bl-sm rounded-tl-sm border border-neutral-400 bg-neutral-50 p-0 text-neutral-700 focus-visible:z-[1]', {
+                                                'bg-neutral-200': configuration.fontBold,
+                                            }), onClick: () => configuration.setFontBold(!configuration.fontBold), children: _jsx(DataCubeIcon.FontBold, {}) }), _jsx("button", { title: "Italic", className: cn('relative -ml-[1px] flex h-5 w-5 items-center justify-center border border-neutral-400 bg-neutral-50 p-0 text-neutral-700 focus-visible:z-[1]', {
+                                                'bg-neutral-200': configuration.fontItalic,
+                                            }), onClick: () => configuration.setFontItalic(!configuration.fontItalic), children: _jsx(DataCubeIcon.FontItalic, {}) }), _jsx("button", { title: `Underline${configuration.fontUnderline ? ` (${configuration.fontUnderline})` : ''}`, className: cn('relative -ml-[1px] flex h-5 w-5 items-center justify-center border border-r-0 border-neutral-400 bg-neutral-50 p-0 text-neutral-700 focus-visible:z-[1]', {
+                                                'bg-neutral-200': configuration.fontUnderline !== undefined,
+                                            }), onClick: () => {
+                                                if (configuration.fontUnderline === undefined) {
+                                                    configuration.setFontUnderline(DataCubeFontFormatUnderlineVariant.SOLID);
+                                                    configuration.setFontStrikethrough(false);
+                                                }
+                                                else {
+                                                    configuration.setFontUnderline(undefined);
+                                                }
+                                            }, children: _jsx(DataCubeIcon.FontUnderline, {}) }), _jsxs("button", { className: "text-2xs relative -ml-[1px] flex h-5 w-2.5 items-center justify-center border border-l-0 border-neutral-400 bg-neutral-50 p-0 text-neutral-600 focus-visible:z-[1]", onClick: openFontFormatUnderlineVariantDropdown, children: [_jsx("div", { className: cn('h-4 w-[0.5px] bg-neutral-200', {
+                                                        'opacity-0': configuration.fontUnderline !== undefined,
+                                                    }) }), _jsx(DataCubeIcon.CaretDown, {})] }), _jsx(DataCubeEditorDropdownMenu, { className: "w-14", ...fontFormatUnderlineVariantDropdownProps, children: [
+                                                DataCubeFontFormatUnderlineVariant.SOLID,
+                                                DataCubeFontFormatUnderlineVariant.DASHED,
+                                                DataCubeFontFormatUnderlineVariant.DOTTED,
+                                                DataCubeFontFormatUnderlineVariant.DOUBLE,
+                                                DataCubeFontFormatUnderlineVariant.WAVY,
+                                            ].map((variant) => (_jsx(DataCubeEditorDropdownMenuItem, { className: "relative", onClick: () => {
+                                                    configuration.setFontUnderline(variant);
+                                                    configuration.setFontStrikethrough(false);
+                                                    closeFontFormatUnderlineVariantDropdown();
+                                                }, children: _jsx("div", { className: cn('!hover:underline absolute top-0 !underline', {
+                                                        '!hover:decoration-solid !decoration-solid': variant ===
+                                                            DataCubeFontFormatUnderlineVariant.SOLID,
+                                                        '!hover:decoration-dashed !decoration-dashed': variant ===
+                                                            DataCubeFontFormatUnderlineVariant.DASHED,
+                                                        '!hover:decoration-dotted !decoration-dotted': variant ===
+                                                            DataCubeFontFormatUnderlineVariant.DOTTED,
+                                                        '!hover:decoration-double !decoration-double': variant ===
+                                                            DataCubeFontFormatUnderlineVariant.DOUBLE,
+                                                        '!hover:decoration-wavy !decoration-wavy': variant === DataCubeFontFormatUnderlineVariant.WAVY,
+                                                        'text-sky-600': variant === configuration.fontUnderline,
+                                                    }), children: "\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0" }) }, variant))) }), _jsx("button", { title: "Strikethrough", className: cn('relative -ml-[1px] flex h-5 w-5 items-center justify-center border border-neutral-400 bg-neutral-50 p-0 text-neutral-700 focus-visible:z-[1]', {
+                                                'bg-neutral-200': configuration.fontStrikethrough,
+                                            }), onClick: () => {
+                                                if (configuration.fontStrikethrough) {
+                                                    configuration.setFontStrikethrough(false);
+                                                }
+                                                else {
+                                                    configuration.setFontStrikethrough(true);
+                                                    configuration.setFontUnderline(undefined);
+                                                }
+                                            }, children: _jsx(DataCubeIcon.FontStrikethrough, {}) }), _jsx("button", { title: `Case${configuration.fontCase ? ` (${configuration.fontCase})` : ''}`, className: cn('relative -ml-[1px] flex h-5 w-5 items-center justify-center border border-r-0 border-neutral-400 bg-neutral-50 p-0 text-neutral-700 focus-visible:z-[1]', {
+                                                'bg-neutral-200': configuration.fontCase !== undefined,
+                                            }), onClick: () => {
+                                                configuration.setFontCase(configuration.fontCase === undefined
+                                                    ? DataCubeFontCase.UPPERCASE
+                                                    : undefined);
+                                            }, children: _jsx(DataCubeIcon.FontCase, { className: "stroke-[0.5px]" }) }), _jsxs("button", { className: "text-2xs relative -ml-[1px] flex h-5 w-2.5 items-center justify-center rounded-br-sm rounded-tr-sm border border-l-0 border-neutral-400 bg-neutral-50 p-0 text-neutral-600 focus-visible:z-[1]", onClick: openFontCaseDropdown, children: [_jsx("div", { className: cn('h-4 w-[0.5px] bg-neutral-200', {
+                                                        'opacity-0': configuration.fontCase !== undefined,
+                                                    }) }), _jsx(DataCubeIcon.CaretDown, {})] }), _jsx(DataCubeEditorDropdownMenu, { className: "w-20", ...fontCaseDropdownProps, children: [
+                                                DataCubeFontCase.LOWERCASE,
+                                                DataCubeFontCase.UPPERCASE,
+                                                DataCubeFontCase.CAPITALIZE,
+                                            ].map((fontCase) => (_jsx(DataCubeEditorDropdownMenuItem, { className: "relative", onClick: () => {
+                                                    configuration.setFontCase(fontCase);
+                                                    closeFontCaseDropdown();
+                                                }, children: _jsx("div", { className: cn({
+                                                        lowercase: fontCase === DataCubeFontCase.LOWERCASE,
+                                                        uppercase: fontCase === DataCubeFontCase.UPPERCASE,
+                                                        capitalize: fontCase === DataCubeFontCase.CAPITALIZE,
+                                                        'text-sky-600': fontCase === configuration.fontCase,
+                                                    }), children: fontCase }) }, fontCase))) })] }), _jsxs("div", { className: "relative ml-2 flex h-5", children: [_jsx("button", { title: "Align Left", className: cn('relative flex h-5 w-5 items-center justify-center rounded-bl-sm rounded-tl-sm border border-neutral-400 bg-neutral-50 p-0 text-neutral-700 focus-visible:z-[1]', {
+                                                'bg-neutral-200': configuration.textAlign ===
+                                                    DataCubeFontTextAlignment.LEFT,
+                                            }), onClick: () => configuration.setTextAlign(DataCubeFontTextAlignment.LEFT), children: _jsx(DataCubeIcon.TextAlignLeft, {}) }), _jsx("button", { title: "Align Center", className: cn('relative -ml-[1px] flex h-5 w-5 items-center justify-center border border-neutral-400 bg-neutral-50 p-0 text-neutral-700 focus-visible:z-[1]', {
+                                                'bg-neutral-200': configuration.textAlign ===
+                                                    DataCubeFontTextAlignment.CENTER,
+                                            }), onClick: () => configuration.setTextAlign(DataCubeFontTextAlignment.CENTER), children: _jsx(DataCubeIcon.TextAlignCenter, {}) }), _jsx("button", { title: "Align Right", className: cn('relative -ml-[1px] flex h-5 w-5 items-center justify-center rounded-br-sm rounded-tr-sm border border-neutral-400 bg-neutral-50 p-0 text-neutral-700 focus-visible:z-[1]', {
+                                                'bg-neutral-200': configuration.textAlign ===
+                                                    DataCubeFontTextAlignment.RIGHT,
+                                            }), onClick: () => configuration.setTextAlign(DataCubeFontTextAlignment.RIGHT), children: _jsx(DataCubeIcon.TextAlignRight, {}) })] })] }), _jsxs("div", { className: "mt-2 flex w-full", children: [_jsx("div", { className: "flex h-6 w-32 flex-shrink-0 items-center text-sm", children: "Default Colors:" }), _jsxs("div", { className: "h-18", children: [_jsxs("div", { className: "flex h-6", children: [_jsx("div", { className: "w-16 flex-shrink-0" }), _jsx("div", { className: "flex h-full w-12 flex-shrink-0 items-center justify-center text-sm", children: "Normal" }), _jsx("div", { className: "flex h-full w-12 flex-shrink-0 items-center justify-center text-sm", children: "Negative" }), _jsx("div", { className: "flex h-full w-12 flex-shrink-0 items-center justify-center text-sm", children: "Zero" }), _jsx("div", { className: "flex h-full w-12 flex-shrink-0 items-center justify-center text-sm", children: "Error" })] }), _jsxs("div", { className: "flex h-6", children: [_jsx("div", { className: "flex h-full w-16 flex-shrink-0 items-center text-sm", children: "Foreground:" }), _jsx("div", { className: "flex h-full w-12 flex-shrink-0 items-center justify-center", children: _jsx(DataCubeEditorColorPickerButton, { color: configuration.normalForegroundColor, defaultColor: DEFAULT_FOREGROUND_COLOR, onChange: (value) => configuration.setNormalForegroundColor(value) }) }), _jsx("div", { className: "flex h-full w-12 flex-shrink-0 items-center justify-center", children: _jsx(DataCubeEditorColorPickerButton, { color: configuration.negativeForegroundColor, defaultColor: DEFAULT_NEGATIVE_FOREGROUND_COLOR, onChange: (value) => configuration.setNegativeForegroundColor(value) }) }), _jsx("div", { className: "flex h-full w-12 flex-shrink-0 items-center justify-center", children: _jsx(DataCubeEditorColorPickerButton, { color: configuration.zeroForegroundColor, defaultColor: DEFAULT_ZERO_FOREGROUND_COLOR, onChange: (value) => configuration.setZeroForegroundColor(value) }) }), _jsx("div", { className: "flex h-full w-12 flex-shrink-0 items-center justify-center", children: _jsx(DataCubeEditorColorPickerButton, { color: configuration.errorForegroundColor, defaultColor: DEFAULT_ERROR_FOREGROUND_COLOR, onChange: (value) => configuration.setErrorForegroundColor(value) }) })] }), _jsxs("div", { className: "flex h-6", children: [_jsx("div", { className: "flex h-full w-16 flex-shrink-0 items-center text-sm", children: "Background:" }), _jsx("div", { className: "flex h-full w-12 flex-shrink-0 items-center justify-center", children: _jsx(DataCubeEditorColorPickerButton, { color: configuration.normalBackgroundColor, defaultColor: DEFAULT_BACKGROUND_COLOR, onChange: (value) => configuration.setNormalBackgroundColor(value) }) }), _jsx("div", { className: "flex h-full w-12 flex-shrink-0 items-center justify-center", children: _jsx(DataCubeEditorColorPickerButton, { color: configuration.negativeBackgroundColor, defaultColor: DEFAULT_BACKGROUND_COLOR, onChange: (value) => configuration.setNegativeBackgroundColor(value) }) }), _jsx("div", { className: "flex h-full w-12 flex-shrink-0 items-center justify-center", children: _jsx(DataCubeEditorColorPickerButton, { color: configuration.zeroBackgroundColor, defaultColor: DEFAULT_BACKGROUND_COLOR, onChange: (value) => configuration.setZeroBackgroundColor(value) }) }), _jsx("div", { className: "flex h-full w-12 flex-shrink-0 items-center justify-center", children: _jsx(DataCubeEditorColorPickerButton, { color: configuration.errorBackgroundColor, defaultColor: DEFAULT_BACKGROUND_COLOR, onChange: (value) => configuration.setErrorBackgroundColor(value) }) })] })] })] }), _jsxs("div", { className: "mt-2 flex w-full", children: [_jsx("div", { className: "flex h-6 w-32 flex-shrink-0 items-center text-sm" }), _jsxs("div", { className: "w-80", children: [_jsx("div", { className: "mb-2 h-[1px] w-full bg-neutral-200" }), _jsx("button", { className: "flex h-5 items-center justify-center rounded-sm border border-neutral-400 bg-neutral-200 p-0 px-1 text-sm text-neutral-700 disabled:text-neutral-400", disabled: configuration.isUsingDefaultStyling, onClick: () => configuration.useDefaultStyling(), children: "Use Default Styling" })] })] })] }) })] }));
 });
 //# sourceMappingURL=DataCubeEditorGeneralPropertiesPanel.js.map

package/lib/components/dataCube/editor/DataCubeEditorGeneralPropertiesPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataCubeEditorGeneralPropertiesPanel.js","sourceRoot":"","sources":["../../../../src/components/dataCube/editor/DataCubeEditorGeneralPropertiesPanel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,MAAM,oCAAoC,GAAG,QAAQ,CAAC,GAAG,EAAE;IAChE,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC,sBAAsB,CAAC;IAEpE,OAAO,CACL,eAAK,SAAS,EAAC,6CAA6C,aAC1D,eAAK,SAAS,EAAC,UAAU,aACvB,cAAK,SAAS,EAAC,2CAA2C,YACxD,KAAC,YAAY,CAAC,YAAY,KAAG,GACzB,EACN,cAAK,SAAS,EAAC,gDAAgD,mCAEzD,IACF,EACN,cAAK,SAAS,EAAC,uCAAuC,GAAO,EAC7D,eAAK,SAAS,EAAC,8BAA8B,aAC3C,cAAK,SAAS,EAAC,+BAA+B,8BAAoB,EAClE,gBACE,SAAS,EAAC,uFAAuF,EACjG,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;4BAClB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wBACpC,CAAC,GACD,IACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"DataCubeEditorGeneralPropertiesPanel.js","sourceRoot":"","sources":["../../../../src/components/dataCube/editor/DataCubeEditorGeneralPropertiesPanel.tsx"],"names":[],"mappings":"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"}

package/lib/components/dataCube/editor/DataCubeEditorHPivotsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataCubeEditorHPivotsPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/dataCube/editor/DataCubeEditorHPivotsPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAOH,eAAO,MAAM,0BAA0B;;CAmBrC,CAAC"}
+{"version":3,"file":"DataCubeEditorHPivotsPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/dataCube/editor/DataCubeEditorHPivotsPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAQH,eAAO,MAAM,0BAA0B;;CAoBrC,CAAC"}

package/lib/components/dataCube/editor/DataCubeEditorHPivotsPanel.js

@@ -18,10 +18,11 @@ import { DataCubeIcon } from '@finos/legend-art';
 import { observer } from 'mobx-react-lite';
 import { useREPLStore } from '../../REPLStoreProvider.js';
 import { useEffect } from 'react';
+import { WIP_Badge } from './DataCubeEditorShared.js';
 export const DataCubeEditorHPivotsPanel = observer(() => {
     const replStore = useREPLStore();
-    const panel = replStore.dataCubeState.editor.sortsPanel;
+    const panel = replStore.dataCube.editor.sorts;
     useEffect(() => { }, [panel]); // TODO: @akphi - remove this dummy useEffect
-    return (_jsxs("div", { className: "data-cube-column-selector h-full w-full p-2", children: [_jsxs("div", { className: "flex h-6", children: [_jsx("div", { className: "flex h-6 items-center text-xl font-medium", children: _jsx(DataCubeIcon.TablePivot, {}) }), _jsx("div", { className: "ml-1 flex h-6 items-center text-xl font-medium", children: "Horizontal Pivots" })] }), _jsx("div", { className: "flex h-[calc(100%_-_24px)] w-full" })] }));
+    return (_jsxs("div", { className: "h-full w-full select-none p-2", children: [_jsxs("div", { className: "flex h-6", children: [_jsx("div", { className: "flex h-6 items-center text-xl font-medium", children: _jsx(DataCubeIcon.TablePivot, {}) }), _jsxs("div", { className: "ml-1 flex h-6 items-center text-xl font-medium", children: ["Horizontal Pivots", _jsx(WIP_Badge, {})] })] }), _jsx("div", { className: "flex h-[calc(100%_-_24px)] w-full" })] }));
 });
 //# sourceMappingURL=DataCubeEditorHPivotsPanel.js.map

package/lib/components/dataCube/editor/DataCubeEditorHPivotsPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataCubeEditorHPivotsPanel.js","sourceRoot":"","sources":["../../../../src/components/dataCube/editor/DataCubeEditorHPivotsPanel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,CAAC,MAAM,0BAA0B,GAAG,QAAQ,CAAC,GAAG,EAAE;IACtD,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE,GAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,6CAA6C;IAE3E,OAAO,CACL,eAAK,SAAS,EAAC,6CAA6C,aAC1D,eAAK,SAAS,EAAC,UAAU,aACvB,cAAK,SAAS,EAAC,2CAA2C,YACxD,KAAC,YAAY,CAAC,UAAU,KAAG,GACvB,EACN,cAAK,SAAS,EAAC,gDAAgD,kCAEzD,IACF,EACN,cAAK,SAAS,EAAC,mCAAmC,GAAO,IACrD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"DataCubeEditorHPivotsPanel.js","sourceRoot":"","sources":["../../../../src/components/dataCube/editor/DataCubeEditorHPivotsPanel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,MAAM,CAAC,MAAM,0BAA0B,GAAG,QAAQ,CAAC,GAAG,EAAE;IACtD,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE,GAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,6CAA6C;IAE3E,OAAO,CACL,eAAK,SAAS,EAAC,+BAA+B,aAC5C,eAAK,SAAS,EAAC,UAAU,aACvB,cAAK,SAAS,EAAC,2CAA2C,YACxD,KAAC,YAAY,CAAC,UAAU,KAAG,GACvB,EACN,eAAK,SAAS,EAAC,gDAAgD,kCAE7D,KAAC,SAAS,KAAG,IACT,IACF,EACN,cAAK,SAAS,EAAC,mCAAmC,GAAO,IACrD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/components/dataCube/editor/DataCubeEditorShared.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) 2020-present, Goldman Sachs
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { type CheckboxProps, type DropdownMenuItemProps, type DropdownMenuProps } from '@finos/legend-art';
+import React from 'react';
+export declare function WIP_Badge(): import("react/jsx-runtime").JSX.Element;
+export declare function Advanced_Badge(): import("react/jsx-runtime").JSX.Element;
+export declare const DataCubeEditorNumberInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
+    min?: number | undefined;
+    max?: number | undefined;
+    step?: number | undefined;
+    isValid?: (value: number | undefined) => boolean;
+    isDecimal?: boolean | undefined;
+    defaultValue?: number | undefined;
+    value: number | undefined;
+    setValue: (value?: number | undefined) => void;
+    className?: string | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export declare function DataCubeEditorTextInput(props: React.InputHTMLAttributes<HTMLInputElement>): import("react/jsx-runtime").JSX.Element;
+export declare function DataCubeEditorCheckbox(props: CheckboxProps & {
+    label?: React.ReactNode;
+    onChange: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DataCubeEditorDropdownMenuTrigger(props: React.ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
+export declare function DataCubeEditorDropdownMenu(props: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function DataCubeEditorDropdownMenuItem(props: DropdownMenuItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function DataCubeEditorDropdownMenuItemSeparator(): import("react/jsx-runtime").JSX.Element;
+export declare function DataCubeEditorColorPickerButton(props: {
+    color: string;
+    onChange: (value: string) => void;
+    className?: string | undefined;
+    disabled?: boolean | undefined;
+    defaultColor?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataCubeEditorShared.d.ts.map

package/lib/components/dataCube/editor/DataCubeEditorShared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCubeEditorShared.d.ts","sourceRoot":"","sources":["../../../../src/components/dataCube/editor/DataCubeEditorShared.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAWL,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EAGvB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,wBAAgB,SAAS,4CASxB;AAED,wBAAgB,cAAc,4CAS7B;AAED,eAAO,MAAM,yBAAyB;UAG1B,MAAM,GAAG,SAAS;UAClB,MAAM,GAAG,SAAS;WACjB,MAAM,GAAG,SAAS;cACf,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,OAAO;gBACpC,OAAO,GAAG,SAAS;mBAChB,MAAM,GAAG,SAAS;WAC1B,MAAM,GAAG,SAAS;cACf,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI;gBAClC,MAAM,GAAG,SAAS;0CA6EnC,CAAC;AAEF,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,2CAYnD;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,aAAa,GAAG;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,2CAmCF;AAED,wBAAgB,iCAAiC,CAC/C,KAAK,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,2CAmBrD;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,iBAAiB,2CAgBlE;AAED,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,qBAAqB,2CAW1E;AAED,wBAAgB,uCAAuC,4CAEtD;AA6KD,wBAAgB,+BAA+B,CAAC,KAAK,EAAE;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC,2CA6CA"}

package/lib/components/dataCube/editor/DataCubeEditorShared.js

@@ -0,0 +1,188 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright (c) 2020-present, Goldman Sachs
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { BasePopover, Checkbox, cn, DataCubeIcon, DropdownMenu, DropdownMenuItem, HexAlphaColorPicker, HexColorInput, parseColor, TailwindCSSPalette, } from '@finos/legend-art';
+import { toNumber } from '@finos/legend-shared';
+import React, { forwardRef, useEffect, useState } from 'react';
+export function WIP_Badge() {
+    return (_jsx("div", { className: "text-2xs ml-1 select-none rounded-md bg-sky-500 px-1 py-0.5 font-semibold text-white", title: "Work In Progress", children: "WIP" }));
+}
+export function Advanced_Badge() {
+    return (_jsx("div", { className: "text-2xs ml-1 select-none rounded-md bg-amber-500 px-1 py-0.5 font-semibold text-white", title: "Advanced: Becareful when using this feature!", children: "ADV" }));
+}
+export const DataCubeEditorNumberInput = forwardRef(function DataCubeEditorBaseNumberInput(props, ref) {
+    const { min, max, step, value, setValue, isValid, isDecimal, defaultValue, disabled, className, } = props;
+    const [inputValue, setInputValue] = useState(value ?? '');
+    useEffect(() => {
+        setInputValue(value ?? '');
+    }, [value]);
+    return (_jsx("input", { className: cn('h-5 flex-shrink-0 border border-neutral-400 px-1.5 text-sm disabled:border-neutral-300 disabled:bg-neutral-50 disabled:text-neutral-300', className), ref: ref, inputMode: "numeric", type: "number", min: min, max: max, step: step, value: inputValue, disabled: Boolean(disabled), onChange: (event) => {
+            const newInputValue = event.target.value;
+            setInputValue(newInputValue);
+            const numericValue = isDecimal
+                ? toNumber(newInputValue)
+                : parseInt(newInputValue, 10);
+            if (isNaN(numericValue) ||
+                // NOTE: `toNumber` parses empty string as `0`, which is not what we want, so we want to do the explicit check here
+                !newInputValue ||
+                (isValid !== undefined
+                    ? !isValid(numericValue)
+                    : (min !== undefined && numericValue < min) ||
+                        (max !== undefined && numericValue > max))) {
+                return;
+            }
+            setValue(numericValue);
+        }, onBlur: () => {
+            const numericValue = isDecimal
+                ? toNumber(inputValue)
+                : parseInt(inputValue.toString(), 10);
+            if (isNaN(numericValue) ||
+                // NOTE: `toNumber` parses empty string as `0`, which is not what we want, so we want to do the explicit check here
+                !inputValue ||
+                (isValid !== undefined
+                    ? !isValid(numericValue)
+                    : (min !== undefined && numericValue < min) ||
+                        (max !== undefined && numericValue > max))) {
+                setValue(defaultValue);
+                setInputValue(defaultValue ?? '');
+            }
+            else {
+                setInputValue(value ?? '');
+            }
+        } }));
+});
+export function DataCubeEditorTextInput(props) {
+    const { className, ...otherProps } = props;
+    return (_jsx("input", { className: cn('h-5 flex-shrink-0 border border-neutral-400 px-1.5 text-sm disabled:border-neutral-300 disabled:bg-neutral-50 disabled:text-neutral-300', className), ...otherProps }));
+}
+export function DataCubeEditorCheckbox(props) {
+    const { label, className, onChange, disabled, ...otherProps } = props;
+    return (_jsxs(_Fragment, { children: [_jsx(Checkbox, { icon: _jsx(DataCubeIcon.Checkbox, {}), checkedIcon: _jsx(DataCubeIcon.CheckboxSelected, {}), disableRipple: true, classes: {
+                    root: cn(
+                    // Make sure the icons used have consistent stroke width with other components' borders
+                    // and that the left side is offseted to align well with other components
+                    'p-0 text-neutral-600 [&_*]:stroke-[1.5px] -ml-[1px]', className),
+                    checked: 'data-cube-editor-checkbox--checked',
+                    disabled: 'data-cube-editor-checkbox--disabled',
+                }, onChange: onChange, disabled: disabled, ...otherProps }), Boolean(label) && (_jsx("button", { className: "flex-shrink-0 pl-1 text-sm disabled:text-neutral-300", onClick: onChange, disabled: disabled, tabIndex: -1, children: label }))] }));
+}
+export function DataCubeEditorDropdownMenuTrigger(props) {
+    const { children, className, ...otherProps } = props;
+    return (_jsxs("button", { className: cn('group flex h-5 flex-shrink-0 items-center justify-between border border-neutral-400 pl-1.5 text-sm disabled:select-none disabled:border-neutral-300 disabled:bg-neutral-50 disabled:text-neutral-300', className), ...otherProps, children: [_jsx("div", { className: "w-[calc(100%_-_12px)] overflow-hidden overflow-ellipsis whitespace-nowrap text-left", children: props.children }), _jsx("div", { className: "flex h-full w-3 items-center justify-center text-neutral-500 group-disabled:text-neutral-400", children: _jsx(DataCubeIcon.CaretDown, {}) })] }));
+}
+export function DataCubeEditorDropdownMenu(props) {
+    const { className, ...otherProps } = props;
+    return (_jsx(DropdownMenu, { ...otherProps, menuProps: {
+            classes: {
+                paper: 'rounded-none mt-[1px]',
+                list: cn('p-0 rounded-none border border-neutral-400 bg-white max-h-40 overflow-y-auto', className),
+            },
+        } }));
+}
+export function DataCubeEditorDropdownMenuItem(props) {
+    const { className, ...otherProps } = props;
+    return (_jsx(DropdownMenuItem, { className: cn('flex h-5 w-full items-center px-1.5 text-sm hover:bg-neutral-100 focus-visible:bg-neutral-100', className), ...otherProps }));
+}
+export function DataCubeEditorDropdownMenuItemSeparator() {
+    return _jsx("div", { className: "my-0.5 h-[1px] w-full bg-neutral-200" });
+}
+function DataCubeEditorColorPicker(props) {
+    const { onChange, onClose, defaultColor } = props;
+    const [color, setColor] = useState(props.color);
+    const submit = () => {
+        onChange(
+        // if color is completely transparent, set it to #00000000
+        parseColor(color).alpha === 0 ? TailwindCSSPalette.transparent : color);
+        onClose();
+    };
+    return (_jsxs("div", { className: "data-cube-color-picker rounded-none border border-neutral-400 bg-white", children: [_jsx("div", { className: "p-2", children: _jsx(HexAlphaColorPicker, { color: color, onChange: setColor }) }), _jsx("div", { className: "flex justify-center px-2", children: [
+                    'slate',
+                    'neutral',
+                    'red',
+                    'orange',
+                    'amber',
+                    'yellow',
+                    'lime',
+                    'green',
+                    'emerald',
+                    'teal',
+                    'sky',
+                    'blue',
+                    'indigo',
+                    'violet',
+                    'purple',
+                    'fuchsia',
+                    'pink',
+                    'rose',
+                ].map((scale) => (_jsx("div", { className: "mr-0.5 flex flex-col border-[0.5px] border-neutral-300 last:mr-0", children: [
+                        50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950,
+                    ].map((level) => (_jsx("button", { className: "h-3 w-3 flex-shrink-0", style: {
+                            background: TailwindCSSPalette[scale][level],
+                        }, onClick: () => {
+                            setColor(TailwindCSSPalette[scale][level]);
+                        }, onDoubleClick: () => {
+                            setColor(TailwindCSSPalette[scale][level]);
+                            submit();
+                        } }, `${scale}-${level}`))) }, scale))) }), _jsx("div", { className: "flex justify-center px-2 pb-1 pt-0.5", children: _jsx("div", { className: "flex", children: [
+                        // Colors from Better Colors - https://clrs.cc/
+                        TailwindCSSPalette.transparent,
+                        '#000000',
+                        '#aaaaaa',
+                        '#dddddd',
+                        '#ffffff',
+                        '#ff4136',
+                        '#ff851b',
+                        '#ffdc00',
+                        '#01ff70',
+                        '#2ecc40',
+                        '#3d9970',
+                        '#39cccc',
+                        '#7fdbff',
+                        '#0074d9',
+                        '#001f3f',
+                        '#b10dc9',
+                        '#f012be',
+                        '#85144b',
+                    ].map((_color) => (_jsx("div", { className: cn('mr-0.5 border-[0.5px] border-neutral-300 last:mr-0', {
+                            'data-cube-color-picker--transparent border-neutral-400': _color === TailwindCSSPalette.transparent,
+                        }), children: _jsx("button", { className: "flex h-3 w-3 flex-shrink-0", style: {
+                                background: _color,
+                            }, onClick: () => {
+                                setColor(_color);
+                            }, onDoubleClick: () => {
+                                setColor(_color);
+                                submit();
+                            } }) }, _color))) }) }), _jsx("div", { className: "h-[1px] w-full bg-neutral-200" }), _jsxs("div", { className: "flex h-6 items-center justify-between p-1", children: [_jsxs("div", { className: "flex", children: [_jsx("div", { className: "h-4 w-4 flex-shrink-0 rounded-sm border-[0.5px] border-neutral-300", style: { background: color } }), _jsx(HexColorInput, { className: "ml-0.5 h-4 w-14 border border-neutral-400 px-1 text-sm", color: color, autoFocus: true, tabIndex: 0, onChange: setColor, prefix: "#", alpha: true })] }), _jsxs("div", { className: "flex", children: [defaultColor !== undefined && (_jsx("button", { className: "ml-1 h-4 w-9 border border-neutral-400 bg-neutral-300 px-1 text-xs hover:brightness-95", onClick: () => {
+                                    setColor(defaultColor);
+                                }, children: "Reset" })), _jsx("button", { className: "ml-1 h-4 w-9 border border-neutral-400 bg-neutral-300 px-1 text-xs hover:brightness-95", onClick: () => {
+                                    onClose();
+                                }, children: "Cancel" }), _jsx("button", { className: "ml-1 h-4 w-9 border border-neutral-400 bg-neutral-300 px-1 text-xs hover:brightness-95", onClick: () => {
+                                    submit();
+                                }, children: "OK" })] })] })] }));
+}
+export function DataCubeEditorColorPickerButton(props) {
+    const { color, onChange, className, disabled, defaultColor } = props;
+    const [anchorEl, setAnchorEl] = useState(null);
+    return (_jsxs(_Fragment, { children: [_jsx("button", { className: cn('group h-5 w-10 border border-neutral-300 p-[1px] disabled:border-neutral-200', {
+                    'data-cube-color-picker--disabled': Boolean(disabled),
+                    'data-cube-color-picker--transparent': !disabled && color === TailwindCSSPalette.transparent,
+                }, className), onClick: (event) => {
+                    setAnchorEl(event.currentTarget);
+                }, disabled: disabled, children: _jsx("div", { className: "h-full w-full group-disabled:hidden", style: {
+                        background: color,
+                    } }) }), Boolean(anchorEl) && (_jsx(BasePopover, { open: Boolean(anchorEl), anchorEl: anchorEl, anchorOrigin: { vertical: 'center', horizontal: 'right' }, transformOrigin: { vertical: 'center', horizontal: 'left' }, onClose: () => setAnchorEl(null), children: _jsx(DataCubeEditorColorPicker, { color: color, onChange: onChange, onClose: () => setAnchorEl(null), defaultColor: defaultColor }) }))] }));
+}
+//# sourceMappingURL=DataCubeEditorShared.js.map

package/lib/components/dataCube/editor/DataCubeEditorShared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCubeEditorShared.js","sourceRoot":"","sources":["../../../../src/components/dataCube/editor/DataCubeEditorShared.tsx"],"names":[],"mappings":"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"}

package/lib/components/dataCube/editor/DataCubeEditorSortsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataCubeEditorSortsPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/dataCube/editor/DataCubeEditorSortsPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAOH,eAAO,MAAM,wBAAwB;;CAmBnC,CAAC"}
+{"version":3,"file":"DataCubeEditorSortsPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/dataCube/editor/DataCubeEditorSortsPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAuGH,eAAO,MAAM,wBAAwB;;CAsBnC,CAAC"}

package/lib/components/dataCube/editor/DataCubeEditorSortsPanel.js

@@ -15,12 +15,45 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * limitations under the License.
  */
 import { observer } from 'mobx-react-lite';
-import { DataCubeIcon } from '@finos/legend-art';
+import { DataCubeIcon, useDropdownMenu, DropdownMenuItem, DropdownMenu, } from '@finos/legend-art';
 import { useREPLStore } from '../../REPLStoreProvider.js';
 import { DataCubeEditorColumnsSelector } from './DataCubeEditorColumnsSelector.js';
+import { DataCubeQuerySnapshotSortOperation } from '../../../stores/dataCube/core/DataCubeQuerySnapshot.js';
+import { IllegalStateError } from '@finos/legend-shared';
+import { WIP_Badge } from './DataCubeEditorShared.js';
+function getSortDirectionLabel(operation) {
+    switch (operation) {
+        case DataCubeQuerySnapshotSortOperation.ASCENDING:
+            return 'Ascending';
+        case DataCubeQuerySnapshotSortOperation.DESCENDING:
+            return 'Descending';
+        default:
+            throw new IllegalStateError(`Unsupported sort operation '${operation}'`);
+    }
+}
+const SortDirectionDropdown = observer((props) => {
+    const { column } = props;
+    const [openMenu, closeMenu, menuProps] = useDropdownMenu();
+    return (_jsxs("div", { className: "group relative flex h-full items-center", children: [_jsx("div", { className: "flex h-[18px] w-32 items-center border border-transparent px-2 text-sm text-neutral-500 group-hover:invisible", children: getSortDirectionLabel(column.operation) }), _jsxs("button", { className: "invisible absolute right-0 z-10 flex h-[18px] w-32 items-center justify-between border border-neutral-500 pl-2 pr-0.5 text-sm text-neutral-700 group-hover:visible", 
+                /**
+                 * ag-grid row select event listener is at a deeper layer than this dropdown trigger
+                 * so in order to prevent selecting the row while opening the dropdown, we need to stop
+                 * the propagation as event capturing is happening, not when it's bubbling.
+                 */
+                onClickCapture: (event) => {
+                    event.stopPropagation();
+                    openMenu(event);
+                }, onClick: (event) => event.stopPropagation(), children: [_jsx("div", { children: getSortDirectionLabel(column.operation) }), _jsx("div", { children: _jsx(DataCubeIcon.CaretDown, {}) })] }), _jsxs(DropdownMenu, { className: "w-32 select-none border border-neutral-300 bg-white", ...menuProps, children: [_jsx(DropdownMenuItem, { className: "flex h-5 items-center px-2 text-sm hover:bg-neutral-100", onClick: () => {
+                            column.setOperation(DataCubeQuerySnapshotSortOperation.ASCENDING);
+                            closeMenu();
+                        }, children: "Ascending" }), _jsxs(DropdownMenuItem, { className: "flex h-5 items-center px-2 text-sm text-neutral-400", disabled: true, children: [`Ascending (abs)`, _jsx(WIP_Badge, {})] }), _jsx(DropdownMenuItem, { className: "flex h-5 items-center px-2 text-sm hover:bg-neutral-100", onClick: () => {
+                            column.setOperation(DataCubeQuerySnapshotSortOperation.DESCENDING);
+                            closeMenu();
+                        }, children: "Descending" }), _jsxs(DropdownMenuItem, { className: "flex h-5 items-center px-2 text-sm text-neutral-400", disabled: true, children: [`Descending (abs)`, _jsx(WIP_Badge, {})] })] })] }));
+});
 export const DataCubeEditorSortsPanel = observer(() => {
     const replStore = useREPLStore();
-    const panel = replStore.dataCubeState.editor.sortsPanel;
-    return (_jsxs("div", { className: "data-cube-column-selector h-full w-full p-2", children: [_jsxs("div", { className: "flex h-6", children: [_jsx("div", { className: "flex h-6 items-center text-xl font-medium", children: _jsx(DataCubeIcon.TableSort, {}) }), _jsx("div", { className: "ml-1 flex h-6 items-center text-xl font-medium", children: "Sorts" })] }), _jsx("div", { className: "flex h-[calc(100%_-_24px)] w-full", children: _jsx(DataCubeEditorColumnsSelector, { selector: panel.columnsSelector }) })] }));
+    const panel = replStore.dataCube.editor.sorts;
+    return (_jsxs("div", { className: "h-full w-full select-none p-2", children: [_jsxs("div", { className: "flex h-6", children: [_jsx("div", { className: "flex h-6 items-center text-xl font-medium", children: _jsx(DataCubeIcon.TableSort, {}) }), _jsx("div", { className: "ml-1 flex h-6 items-center text-xl font-medium", children: "Sorts" })] }), _jsx("div", { className: "flex h-[calc(100%_-_24px)] w-full", children: _jsx(DataCubeEditorColumnsSelector, { selector: panel.columnsSelector, extraColumnComponent: (props) => _jsx(SortDirectionDropdown, { ...props }) }) })] }));
 });
 //# sourceMappingURL=DataCubeEditorSortsPanel.js.map

package/lib/components/dataCube/editor/DataCubeEditorSortsPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataCubeEditorSortsPanel.js","sourceRoot":"","sources":["../../../../src/components/dataCube/editor/DataCubeEditorSortsPanel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAEnF,MAAM,CAAC,MAAM,wBAAwB,GAAG,QAAQ,CAAC,GAAG,EAAE;IACpD,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC;IAExD,OAAO,CACL,eAAK,SAAS,EAAC,6CAA6C,aAC1D,eAAK,SAAS,EAAC,UAAU,aACvB,cAAK,SAAS,EAAC,2CAA2C,YACxD,KAAC,YAAY,CAAC,SAAS,KAAG,GACtB,EACN,cAAK,SAAS,EAAC,gDAAgD,sBAEzD,IACF,EACN,cAAK,SAAS,EAAC,mCAAmC,YAChD,KAAC,6BAA6B,IAAC,QAAQ,EAAE,KAAK,CAAC,eAAe,GAAI,GAC9D,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"DataCubeEditorSortsPanel.js","sourceRoot":"","sources":["../../../../src/components/dataCube/editor/DataCubeEditorSortsPanel.tsx"],"names":[],"mappings":"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"}

package/lib/components/dataCube/editor/DataCubeEditorVPivotsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataCubeEditorVPivotsPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/dataCube/editor/DataCubeEditorVPivotsPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAOH,eAAO,MAAM,0BAA0B;;CAmBrC,CAAC"}
+{"version":3,"file":"DataCubeEditorVPivotsPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/dataCube/editor/DataCubeEditorVPivotsPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAQH,eAAO,MAAM,0BAA0B;;CAoBrC,CAAC"}