@finos/legend-application-repl 0.0.48 → 0.0.50

package/lib/components/dataCube/DataCube.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataCube.d.ts","sourceRoot":"","sources":["../../../src/components/dataCube/DataCube.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAqHH,eAAO,MAAM,QAAQ;;CAiBnB,CAAC"}
+{"version":3,"file":"DataCube.d.ts","sourceRoot":"","sources":["../../../src/components/dataCube/DataCube.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AA4HH,eAAO,MAAM,QAAQ;;CAiBnB,CAAC"}

package/lib/components/dataCube/DataCube.js

@@ -21,35 +21,38 @@ import { DataCubeGrid } from './grid/DataCubeGrid.js';
 import { useApplicationStore } from '@finos/legend-application';
 import { DataCubeIcon, DropdownMenu, DropdownMenuItem, ProgressBar, useDropdownMenu, } from '@finos/legend-art';
 import { LayoutManager } from '../repl/LayoutManager.js';
-const DataCubeStatusBar = observer(() => {
-    const repl = useREPLStore();
-    const dataCube = repl.dataCube;
-    return (_jsxs("div", { className: "flex h-5 w-full justify-between bg-neutral-100", children: [_jsxs("div", { className: "flex", children: [_jsxs("button", { className: "flex items-center px-2 text-sky-600 hover:text-sky-700", onClick: () => dataCube.editor.display.open(), children: [_jsx(DataCubeIcon.Settings, { className: "text-xl" }), _jsx("div", { className: "pl-0.5 underline", children: "Properties" })] }), _jsx("div", { className: "flex", children: _jsxs("button", { className: "flex items-center text-sky-600 hover:text-sky-700", children: [_jsx(DataCubeIcon.TableFilter, { className: "text-lg" }), _jsx("div", { className: "pl-0.5 underline", children: "Filter" })] }) })] }), _jsx("div", { className: "flex items-center px-2", children: _jsx("div", { className: "flex h-3.5 w-48 border-[0.5px] border-neutral-300", children: dataCube.runningTasks.size > 0 && (_jsx(ProgressBar, { classes: {
+import { DataCubeEditorTab } from '../../stores/dataCube/editor/DataCubeEditorState.js';
+const DataCubeStatusBar = observer((props) => {
+    const { dataCube } = props;
+    return (_jsxs("div", { className: "flex h-5 w-full justify-between bg-neutral-100", children: [_jsxs("div", { className: "flex", children: [_jsxs("button", { className: "flex items-center px-2 text-sky-600 hover:text-sky-700", onClick: () => dataCube.editor.display.open(), children: [_jsx(DataCubeIcon.Settings, { className: "text-xl" }), _jsx("div", { className: "pl-0.5 underline", children: "Properties" })] }), _jsx("div", { className: "flex", children: _jsxs("button", { className: "flex items-center text-sky-600 hover:text-sky-700", onClick: () => {
+                                dataCube.editor.setCurrentTab(DataCubeEditorTab.FILTER);
+                                dataCube.editor.display.open();
+                            }, children: [_jsx(DataCubeIcon.TableFilter, { className: "text-lg" }), _jsx("div", { className: "pl-0.5 underline", children: "Filter" })] }) })] }), _jsx("div", { className: "flex items-center px-2", children: _jsx("div", { className: "flex h-3.5 w-48 border-[0.5px] border-neutral-300", children: dataCube.runningTasks.size > 0 && (_jsx(ProgressBar, { classes: {
                             root: 'h-3.5 w-full bg-transparent',
                             bar1Indeterminate: 'bg-green-500',
                             bar2Indeterminate: 'bg-green-500',
                         }, variant: "indeterminate" })) }) })] }));
 });
-const DataCubeTitleBar = observer(() => {
-    const application = useApplicationStore();
+const DataCubeTitleBar = observer((props) => {
+    const { dataCube } = props;
     const repl = useREPLStore();
-    const dataCube = repl.dataCube;
+    const application = useApplicationStore();
     const [openMenuDropdown, closeMenuDropdown, menuDropdownProps] = useDropdownMenu();
-    return (_jsxs("div", { className: "flex h-6 justify-between bg-neutral-100", children: [_jsxs("div", { className: "flex select-none items-center pl-1 pr-2 text-lg font-medium", children: [_jsx(DataCubeIcon.Cube, { className: "mr-1 h-4 w-4" }), _jsx("div", { children: dataCube.core.name })] }), _jsxs("div", { children: [_jsx("button", { className: "flex h-6 w-6 flex-shrink-0 items-center justify-center text-lg", onClick: openMenuDropdown, children: _jsx(DataCubeIcon.Menu, {}) }), _jsxs(DropdownMenu, { ...menuDropdownProps, menuProps: {
+    return (_jsxs("div", { className: "flex h-6 justify-between bg-neutral-100", children: [_jsxs("div", { className: "flex select-none items-center pl-1 pr-2 text-lg font-medium", children: [_jsx(DataCubeIcon.Cube, { className: "mr-1 h-4 w-4" }), _jsx("div", { children: dataCube.staticContent.name })] }), _jsxs("div", { children: [_jsx("button", { className: "flex h-6 w-6 flex-shrink-0 items-center justify-center text-lg", onClick: openMenuDropdown, children: _jsx(DataCubeIcon.Menu, {}) }), _jsxs(DropdownMenu, { ...menuDropdownProps, menuProps: {
                             anchorOrigin: { vertical: 'top', horizontal: 'left' },
                             transformOrigin: { vertical: 'top', horizontal: 'right' },
                             classes: {
                                 paper: 'rounded-none mt-[1px]',
                                 list: 'w-36 p-0 rounded-none border border-neutral-400 bg-white max-h-40 overflow-y-auto py-0.5',
                             },
-                        }, children: [_jsx(DropdownMenuItem, { className: "flex h-[22px] w-full items-center px-2.5 text-base hover:bg-neutral-100 focus-visible:bg-neutral-100", onClick: () => {
+                        }, children: [_jsx(DropdownMenuItem, { className: "flex h-[22px] w-full items-center px-2.5 text-base hover:bg-neutral-100 focus:bg-neutral-100", onClick: () => {
                                     if (application.documentationService.url) {
                                         application.navigationService.navigator.visitAddress(application.documentationService.url);
                                     }
                                     closeMenuDropdown();
                                 }, 
                                 // disabled={!application.documentationService.url}
-                                disabled: true, children: "See Documentation" }), _jsx("div", { className: "my-0.5 h-[1px] w-full bg-neutral-200" }), _jsx(DropdownMenuItem, { className: "flex h-[22px] w-full items-center px-2.5 text-base hover:bg-neutral-100 focus-visible:bg-neutral-100", onClick: () => {
+                                disabled: true, children: "See Documentation" }), _jsx("div", { className: "my-0.5 h-[1px] w-full bg-neutral-200" }), _jsx(DropdownMenuItem, { className: "flex h-[22px] w-full items-center px-2.5 text-base hover:bg-neutral-100 focus:bg-neutral-100", onClick: () => {
                                     repl.settingsDisplay.open();
                                     closeMenuDropdown();
                                 }, children: "Settings..." })] })] })] }));
@@ -61,6 +64,6 @@ export const DataCube = observer(() => {
     useEffect(() => {
         dataCube.initialize().catch(application.logUnhandledError);
     }, [dataCube, application]);
-    return (_jsxs("div", { className: "data-cube relative flex h-full w-full flex-col bg-white", children: [_jsx(DataCubeTitleBar, {}), _jsx(DataCubeGrid, {}), _jsx(DataCubeStatusBar, {}), _jsx(LayoutManager, { layoutManagerState: repl.layout })] }));
+    return (_jsxs("div", { className: "data-cube relative flex h-full w-full flex-col bg-white", children: [_jsx(DataCubeTitleBar, { dataCube: dataCube }), _jsx(DataCubeGrid, { dataCube: dataCube }), _jsx(DataCubeStatusBar, { dataCube: dataCube }), _jsx(LayoutManager, { layoutManagerState: repl.layout })] }));
 });
 //# sourceMappingURL=DataCube.js.map

package/lib/components/dataCube/DataCube.js.map

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

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

@@ -13,7 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export declare const DataCubeEditor: (() => import("react/jsx-runtime").JSX.Element) & {
+import type { DataCubeState } from '../../../stores/dataCube/DataCubeState.js';
+export declare const DataCubeEditor: ((props: {
+    dataCube: DataCubeState;
+}) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
 //# sourceMappingURL=DataCubeEditor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataCubeEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/dataCube/editor/DataCubeEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAgBH,eAAO,MAAM,cAAc;;CA0FzB,CAAC"}
+{"version":3,"file":"DataCubeEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/dataCube/editor/DataCubeEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAcH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAE/E,eAAO,MAAM,cAAc,WAAoB;IAAE,QAAQ,EAAE,aAAa,CAAA;CAAE;;CA0FxE,CAAC"}

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

@@ -16,7 +16,6 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  */
 import { observer } from 'mobx-react-lite';
 import { DataCubeEditorTab } from '../../../stores/dataCube/editor/DataCubeEditorState.js';
-import { useREPLStore } from '../../REPLStoreProvider.js';
 import { DataCubeEditorSortsPanel } from './DataCubeEditorSortsPanel.js';
 import { DataCubeEditorGeneralPropertiesPanel } from './DataCubeEditorGeneralPropertiesPanel.js';
 import { DataCubeEditorColumnsPanel } from './DataCubeEditorColumnsPanel.js';
@@ -27,24 +26,24 @@ import { DataCubeEditorExtendedColumnsPanel } from './DataCubeEditorExtendedColu
 import { DataCubeEditorCodePanel } from './DataCubeEditorCodePanel.js';
 import { DataCubeEditorColumnPropertiesPanel } from './DataCubeEditorColumnPropertiesPanel.js';
 import { cn } from '@finos/legend-art';
-export const DataCubeEditor = observer(() => {
-    const repl = useREPLStore();
-    const editor = repl.dataCube.editor;
+export const DataCubeEditor = observer((props) => {
+    const { dataCube } = props;
+    const editor = dataCube.editor;
     const selectedTab = editor.currentTab;
     const tabs = [
         DataCubeEditorTab.GENERAL_PROPERTIES,
         DataCubeEditorTab.COLUMN_PROPERTIES,
-        DataCubeEditorTab.FILTER,
         DataCubeEditorTab.EXTENDED_COLUMNS,
+        DataCubeEditorTab.FILTER,
         DataCubeEditorTab.COLUMNS,
         DataCubeEditorTab.VERTICAL_PIVOTS,
         DataCubeEditorTab.HORIZONTAL_PIVOTS,
         DataCubeEditorTab.SORTS,
         DataCubeEditorTab.CODE,
     ];
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative h-[calc(100%_-_40px)] w-full px-2 pt-8", children: [_jsx("div", { className: "absolute top-0 flex h-9 w-[calc(100%_-_16px)] min-w-[400px] overflow-auto pt-2", children: tabs.map((tab) => (_jsx("button", { onClick: () => editor.setCurrentTab(tab), className: cn('relative flex h-6 items-center justify-center whitespace-nowrap border border-b-0 border-l-0 border-neutral-300 px-2 first:border-l focus:z-10', {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative h-[calc(100%_-_40px)] w-full px-2 pt-8", children: [_jsx("div", { className: "absolute top-0 flex h-9 w-[calc(100%_-_16px)] overflow-y-hidden pt-2", children: tabs.map((tab) => (_jsx("button", { onClick: () => editor.setCurrentTab(tab), className: cn('relative flex h-6 items-center justify-center whitespace-nowrap border border-b-0 border-l-0 border-neutral-300 px-2 first:border-l focus:z-10', {
                                 '-top-0.5 h-[27px] border-b-0 bg-white': tab === selectedTab,
-                            }), children: tab }, tab))) }), _jsxs("div", { className: "h-full w-full overflow-auto border border-neutral-300 bg-white", children: [selectedTab === DataCubeEditorTab.GENERAL_PROPERTIES && (_jsx(DataCubeEditorGeneralPropertiesPanel, {})), selectedTab === DataCubeEditorTab.COLUMN_PROPERTIES && (_jsx(DataCubeEditorColumnPropertiesPanel, {})), selectedTab === DataCubeEditorTab.FILTER && (_jsx(DataCubeEditorFilterPanel, {})), selectedTab === DataCubeEditorTab.EXTENDED_COLUMNS && (_jsx(DataCubeEditorExtendedColumnsPanel, {})), selectedTab === DataCubeEditorTab.COLUMNS && (_jsx(DataCubeEditorColumnsPanel, {})), selectedTab === DataCubeEditorTab.SORTS && (_jsx(DataCubeEditorSortsPanel, {})), selectedTab === DataCubeEditorTab.VERTICAL_PIVOTS && (_jsx(DataCubeEditorVerticalPivotsPanel, {})), selectedTab === DataCubeEditorTab.HORIZONTAL_PIVOTS && (_jsx(DataCubeEditorHorizontalPivotsPanel, {})), selectedTab === DataCubeEditorTab.CODE && (_jsx(DataCubeEditorCodePanel, {}))] })] }), _jsxs("div", { className: "flex h-10 items-center justify-end px-2", children: [_jsx("button", { className: "h-6 w-20 border border-neutral-400 bg-neutral-300 px-2 hover:brightness-95", onClick: () => {
+                            }), children: tab }, tab))) }), _jsxs("div", { className: "h-full w-full overflow-auto border border-neutral-300 bg-white", children: [selectedTab === DataCubeEditorTab.GENERAL_PROPERTIES && (_jsx(DataCubeEditorGeneralPropertiesPanel, { dataCube: dataCube })), selectedTab === DataCubeEditorTab.COLUMN_PROPERTIES && (_jsx(DataCubeEditorColumnPropertiesPanel, { dataCube: dataCube })), selectedTab === DataCubeEditorTab.FILTER && (_jsx(DataCubeEditorFilterPanel, { dataCube: dataCube })), selectedTab === DataCubeEditorTab.EXTENDED_COLUMNS && (_jsx(DataCubeEditorExtendedColumnsPanel, { dataCube: dataCube })), selectedTab === DataCubeEditorTab.COLUMNS && (_jsx(DataCubeEditorColumnsPanel, { dataCube: dataCube })), selectedTab === DataCubeEditorTab.SORTS && (_jsx(DataCubeEditorSortsPanel, { dataCube: dataCube })), selectedTab === DataCubeEditorTab.VERTICAL_PIVOTS && (_jsx(DataCubeEditorVerticalPivotsPanel, { dataCube: dataCube })), selectedTab === DataCubeEditorTab.HORIZONTAL_PIVOTS && (_jsx(DataCubeEditorHorizontalPivotsPanel, { dataCube: dataCube })), selectedTab === DataCubeEditorTab.CODE && (_jsx(DataCubeEditorCodePanel, { dataCube: dataCube }))] })] }), _jsxs("div", { className: "flex h-10 items-center justify-end px-2", children: [_jsx("button", { className: "h-6 w-20 border border-neutral-400 bg-neutral-300 px-2 hover:brightness-95", onClick: () => {
                             editor.applyChanges();
                             editor.display.close();
                         }, children: "OK" }), _jsx("button", { className: "ml-2 h-6 w-20 border border-neutral-400 bg-neutral-300 px-2 hover:brightness-95", onClick: () => editor.display.close(), children: "Cancel" }), _jsx("button", { className: "ml-2 h-6 w-20 border border-neutral-400 bg-neutral-300 px-2 hover:brightness-95", onClick: () => editor.applyChanges(), children: "Apply" })] })] }));

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

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

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

@@ -13,7 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export declare const DataCubeEditorCodePanel: (() => import("react/jsx-runtime").JSX.Element) & {
+import type { DataCubeState } from '../../../stores/dataCube/DataCubeState.js';
+export declare const DataCubeEditorCodePanel: ((props: {
+    dataCube: DataCubeState;
+}) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
 //# sourceMappingURL=DataCubeEditorCodePanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataCubeEditorCodePanel.d.ts","sourceRoot":"","sources":["../../../../src/components/dataCube/editor/DataCubeEditorCodePanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAkIH,eAAO,MAAM,uBAAuB;;CAgFlC,CAAC"}
+{"version":3,"file":"DataCubeEditorCodePanel.d.ts","sourceRoot":"","sources":["../../../../src/components/dataCube/editor/DataCubeEditorCodePanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAMH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AA2H/E,eAAO,MAAM,uBAAuB,WAC1B;IAAE,QAAQ,EAAE,aAAa,CAAA;CAAE;;CAwEpC,CAAC"}

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

@@ -17,10 +17,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { observer } from 'mobx-react-lite';
 import { DataCubeIcon } from '@finos/legend-art';
 import { useEffect } from 'react';
-import { useREPLStore } from '../../REPLStoreProvider.js';
 import { FormBadge_WIP } from '../../repl/Form.js';
 // const DataCubeCodeEditor = observer(() => {
-//   const repl = userepl();
 //   const application = repl.application;
 //   const dataCubeState = repl.dataCubeState;
 //   const queryEditorState = dataCubeState.editor.codePanel.queryEditorState;
@@ -130,16 +128,8 @@ import { FormBadge_WIP } from '../../repl/Form.js';
 //     </div>
 //   );
 // });
-export const DataCubeEditorCodePanel = observer(() => {
-    const repl = useREPLStore();
-    const panel = repl.dataCube.editor.sorts;
-    // const executeLambda = ()=> {
-    //   // TODO: @akphi
-    //   // flowResult(dataCubeState.executeLambda()).catch(
-    //   //   editorStore.application.logUnhandledError,
-    //   // );
-    // };
-    useEffect(() => { }, [panel]); // TODO: @akphi - remove this dummy useEffect
+export const DataCubeEditorCodePanel = observer((props) => {
+    useEffect(() => { }, []); // TODO: @akphi - remove this dummy useEffect
     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.Code, {}) }), _jsxs("div", { className: "ml-1 flex h-6 items-center text-xl font-medium", children: ["Code", _jsx(FormBadge_WIP, {})] })] }), _jsx("div", { className: "flex h-[calc(100%_-_24px)] w-full" })] })
     // <div className="repl__content__query">
     //   <div className="repl__query">

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

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

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

@@ -13,7 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export declare const DataCubeEditorColumnPropertiesPanel: (() => import("react/jsx-runtime").JSX.Element) & {
+import type { DataCubeState } from '../../../stores/dataCube/DataCubeState.js';
+export declare const DataCubeEditorColumnPropertiesPanel: ((props: {
+    dataCube: DataCubeState;
+}) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
 //# sourceMappingURL=DataCubeEditorColumnPropertiesPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataCubeEditorColumnPropertiesPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/dataCube/editor/DataCubeEditorColumnPropertiesPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAmCH,eAAO,MAAM,mCAAmC;;CAihC9C,CAAC"}
+{"version":3,"file":"DataCubeEditorColumnPropertiesPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/dataCube/editor/DataCubeEditorColumnPropertiesPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAiCH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAE/E,eAAO,MAAM,mCAAmC,WACtC;IAAE,QAAQ,EAAE,aAAa,CAAA;CAAE;;CAslCpC,CAAC"}

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

@@ -16,40 +16,38 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  */
 import { cn, DataCubeIcon, useDropdownMenu } from '@finos/legend-art';
 import { observer } from 'mobx-react-lite';
-import { useREPLStore } from '../../REPLStoreProvider.js';
 import { FormBadge_Advanced, FormCheckbox, FormColorPickerButton, FormDropdownMenu, FormDropdownMenuItem, FormDropdownMenuItemSeparator, FormDropdownMenuTrigger, FormNumberInput, FormTextInput, FormBadge_WIP, FormDocumentation, } from '../../repl/Form.js';
-import { DataCubeAggregateOperation, DataCubeColumnDataType, DataCubeColumnKind, DataCubeColumnPinPlacement, DataCubeFont, DataCubeFontCase, DataCubeFontFormatUnderlineVariant, DataCubeFontTextAlignment, DataCubeNumberScale, DEFAULT_COLUMN_MAX_WIDTH, DEFAULT_COLUMN_MIN_WIDTH, DEFAULT_COLUMN_WIDTH, DEFAULT_URL_LABEL_QUERY_PARAM, } from '../../../stores/dataCube/core/DataCubeQueryEngine.js';
+import { DataCubeAggregateOperator, DataCubeColumnDataType, DataCubeColumnKind, DataCubeColumnPinPlacement, DataCubeFont, DataCubeFontCase, DataCubeFontFormatUnderlineVariant, DataCubeFontTextAlignment, DataCubeNumberScale, DEFAULT_COLUMN_MAX_WIDTH, DEFAULT_COLUMN_MIN_WIDTH, DEFAULT_COLUMN_WIDTH, DEFAULT_URL_LABEL_QUERY_PARAM, } from '../../../stores/dataCube/core/DataCubeQueryEngine.js';
 import { DocumentationKey } from '../../../application/LegendREPLDocumentation.js';
-export const DataCubeEditorColumnPropertiesPanel = observer(() => {
-    const repl = useREPLStore();
-    const dataCube = repl.dataCube;
+export const DataCubeEditorColumnPropertiesPanel = observer((props) => {
+    const { dataCube } = props;
     const panel = dataCube.editor.columnProperties;
     const gridConfiguration = dataCube.editor.generalProperties.configuration;
     const selectedColumn = panel.selectedColumn;
-    const [openColumnsDropdown, closeColumnsDropdown, columnsDropdownProps] = useDropdownMenu();
-    const [openKindDropdown, closeKindDropdown, kindDropdownProps] = useDropdownMenu();
-    const [openAggregationTypeDropdown, closeAggregationTypeDropdown, aggregationTypeDropdownProps,] = useDropdownMenu();
-    const [openNumberScaleDropdown, closeNumberScaleDropdown, numberScaleDropdownProps,] = useDropdownMenu();
-    const [openFontFamilyDropdown, closeFontFamilyDropdown, fontFamilyDropdownProps,] = useDropdownMenu();
-    const [openFontSizeDropdown, closeFontSizeDropdown, openFontSizeDropdownProps,] = useDropdownMenu();
+    const [openColumnsDropdown, closeColumnsDropdown, columnsDropdownProps, columnsDropPropsOpen,] = useDropdownMenu();
+    const [openKindDropdown, closeKindDropdown, kindDropdownProps, kindDropdownPropsOpen,] = useDropdownMenu();
+    const [openAggregationTypeDropdown, closeAggregationTypeDropdown, aggregationTypeDropdownProps, aggregationTypeDropdownPropsOpen,] = useDropdownMenu();
+    const [openNumberScaleDropdown, closeNumberScaleDropdown, numberScaleDropdownProps, numberScaleDropdownPropsOpen,] = useDropdownMenu();
+    const [openColumnPinDropdown, closeColumnPinDropdown, columnPinDropdownProps, columnPinDropdownPropsOpen,] = useDropdownMenu();
+    const [openFontFamilyDropdown, closeFontFamilyDropdown, fontFamilyDropdownProps, fontFamilyDropdownPropsOpen,] = useDropdownMenu();
+    const [openFontSizeDropdown, closeFontSizeDropdown, openFontSizeDropdownProps, openFontSizeDropdownPropsOpen,] = useDropdownMenu();
     const [openFontFormatUnderlineVariantDropdown, closeFontFormatUnderlineVariantDropdown, fontFormatUnderlineVariantDropdownProps,] = useDropdownMenu();
-    const [openColumnPinDropdown, closeColumnPinDropdown, columnPinDropdownProps,] = 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 justify-between", children: [_jsxs("div", { className: "flex h-full", children: [_jsxs("div", { className: "relative flex h-6 items-center text-xl font-medium", children: [_jsx(DataCubeIcon.TableColumn, {}), _jsx(DataCubeIcon.TableColumnOptions__Settings, { className: "absolute bottom-1 right-0 bg-white text-xs" })] }), _jsx("div", { className: "ml-1 flex h-6 items-center text-xl font-medium", children: "Column Properties" })] }), _jsxs("div", { className: "flex h-full items-center pr-2", children: [_jsx(FormCheckbox, { label: "Show advanced settings?", checked: panel.showAdvancedSettings, onChange: () => panel.setShowAdvancedSettings(!panel.showAdvancedSettings) }), _jsx(FormBadge_Advanced, {})] })] }), _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: "Choose Column:" }), _jsx(FormDropdownMenuTrigger, { className: "w-80", onClick: openColumnsDropdown, children: _jsxs("div", { className: "flex h-full w-full items-center", children: [_jsx("div", { className: "overflow-hidden overflow-ellipsis whitespace-nowrap", children: selectedColumn?.name ?? '(None)' }), selectedColumn && (_jsx("div", { className: "ml-1.5 mr-0.5 flex h-3.5 w-12 flex-shrink-0 items-center justify-center rounded-sm border border-neutral-300 bg-neutral-100 text-xs font-medium uppercase text-neutral-600", children: selectedColumn.dataType }))] }) }), _jsx(FormDropdownMenu, { className: "w-80", ...columnsDropdownProps, children: panel.configurableColumns.map((column) => (_jsxs(FormDropdownMenuItem, { onClick: () => {
+    return (_jsxs("div", { className: "h-full w-full select-none p-2", children: [_jsxs("div", { className: "flex h-6 justify-between", children: [_jsxs("div", { className: "flex h-full", children: [_jsxs("div", { className: "relative flex h-6 items-center text-xl font-medium", children: [_jsx(DataCubeIcon.TableColumn, {}), _jsx(DataCubeIcon.TableColumnOptions__Settings, { className: "absolute bottom-1 right-0 bg-white text-xs" })] }), _jsx("div", { className: "ml-1 flex h-6 items-center text-xl font-medium", children: "Column Properties" })] }), _jsxs("div", { className: "flex h-full items-center pr-2", children: [_jsx(FormCheckbox, { label: "Show advanced settings?", checked: panel.showAdvancedSettings, onChange: () => panel.setShowAdvancedSettings(!panel.showAdvancedSettings) }), _jsx(FormBadge_Advanced, {})] })] }), _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: "Choose Column:" }), _jsx(FormDropdownMenuTrigger, { className: "w-80", onClick: openColumnsDropdown, open: columnsDropPropsOpen, children: _jsxs("div", { className: "flex h-full w-full items-center", children: [_jsx("div", { className: "overflow-hidden overflow-ellipsis whitespace-nowrap", children: selectedColumn?.name ?? '(None)' }), selectedColumn && (_jsx("div", { className: "ml-1.5 mr-0.5 flex h-3.5 w-12 flex-shrink-0 items-center justify-center rounded-sm border border-neutral-300 bg-neutral-100 text-xs font-medium uppercase text-neutral-600", children: selectedColumn.dataType }))] }) }), _jsx(FormDropdownMenu, { className: "w-80", ...columnsDropdownProps, children: panel.configurableColumns.map((column) => (_jsxs(FormDropdownMenuItem, { onClick: () => {
                                             panel.setSelectedColumnName(column.name);
                                             closeColumnsDropdown();
-                                        }, children: [_jsx("div", { className: "overflow-hidden overflow-ellipsis whitespace-nowrap", children: column.name }), _jsx("div", { className: "ml-1.5 mr-0.5 flex h-3.5 w-12 flex-shrink-0 items-center justify-center rounded-sm border border-neutral-300 bg-neutral-100 text-xs font-medium uppercase text-neutral-600", children: column.dataType })] }, column.name))) }), panel.showAdvancedSettings && selectedColumn && (_jsxs(_Fragment, { children: [_jsx("div", { className: "mx-2 h-[1px] w-4 flex-shrink-0 bg-neutral-400" }), _jsxs("div", { className: "flex h-6 items-center", children: [_jsx("div", { className: "flex h-full flex-shrink-0 items-center text-sm", children: "Kind:" }), _jsx(FormDropdownMenuTrigger, { className: "ml-1 w-20", onClick: openKindDropdown, disabled: true, children: selectedColumn.kind }), _jsx(FormDropdownMenu, { className: "w-20", ...kindDropdownProps, children: [
+                                        }, autoFocus: column.name === selectedColumn?.name, children: [_jsx("div", { className: "overflow-hidden overflow-ellipsis whitespace-nowrap", children: column.name }), _jsx("div", { className: "ml-1.5 mr-0.5 flex h-3.5 w-12 flex-shrink-0 items-center justify-center rounded-sm border border-neutral-300 bg-neutral-100 text-xs font-medium uppercase text-neutral-600", children: column.dataType })] }, column.name))) }), panel.showAdvancedSettings && selectedColumn && (_jsxs(_Fragment, { children: [_jsx("div", { className: "mx-2 h-[1px] w-4 flex-shrink-0 bg-neutral-400" }), _jsxs("div", { className: "flex h-6 items-center", children: [_jsx("div", { className: "flex h-full flex-shrink-0 items-center text-sm", children: "Kind:" }), _jsx(FormDropdownMenuTrigger, { className: "ml-1 w-20", onClick: openKindDropdown, open: kindDropdownPropsOpen, disabled: true, children: selectedColumn.kind }), _jsx(FormDropdownMenu, { className: "w-20", ...kindDropdownProps, children: [
                                                         DataCubeColumnKind.DIMENSION,
                                                         DataCubeColumnKind.MEASURE,
                                                     ].map((kind) => (_jsx(FormDropdownMenuItem, { onClick: () => {
                                                             selectedColumn.setKind(kind);
                                                             closeKindDropdown();
-                                                        }, children: kind }, kind))) }), _jsx(FormBadge_Advanced, {}), _jsx(FormBadge_WIP, {}), _jsx(FormDocumentation, { className: "ml-1", documentationKey: DocumentationKey.DATA_CUBE_COLUMN_KINDS })] })] }))] }), _jsx("div", { className: "-ml-2 mb-2 mt-3 h-[1px] w-[calc(100%_+_16px)] bg-neutral-200" }), selectedColumn && (_jsxs(_Fragment, { children: [_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: "Display Name:" }), _jsx(FormTextInput, { className: "w-80", value: selectedColumn.displayName ?? '', onChange: (event) => {
+                                                        }, autoFocus: kind === selectedColumn.kind, children: kind }, kind))) }), _jsx(FormBadge_Advanced, {}), _jsx(FormBadge_WIP, {}), _jsx(FormDocumentation, { className: "ml-1", documentationKey: DocumentationKey.DATA_CUBE_COLUMN_KINDS })] })] }))] }), _jsx("div", { className: "-ml-2 mb-2 mt-3 h-[1px] w-[calc(100%_+_16px)] bg-neutral-200" }), selectedColumn && (_jsxs(_Fragment, { children: [_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: "Display Name:" }), _jsx(FormTextInput, { className: "w-80", value: selectedColumn.displayName ?? '', onChange: (event) => {
                                                 const value = event.target.value.trim();
                                                 selectedColumn.setDisplayName(value !== '' ? value : undefined);
                                             } })] }), selectedColumn.dataType === DataCubeColumnDataType.NUMBER && (_jsxs(_Fragment, { children: [_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: "Number Format:" }), _jsx(FormNumberInput, { className: "w-16 text-sm", min: 0, step: 1, value: selectedColumn.decimals ?? 0, setValue: (value) => {
                                                         selectedColumn.setDecimals(value);
-                                                    } }), _jsx("div", { className: "ml-1 flex-shrink-0 text-sm", children: "Decimal places" }), _jsx(FormCheckbox, { className: "ml-3", label: "Display commas", checked: selectedColumn.displayCommas, onChange: () => selectedColumn.setDisplayCommas(!selectedColumn.displayCommas) }), _jsx(FormCheckbox, { className: "ml-3", label: "Negative number in parens", checked: selectedColumn.negativeNumberInParens, onChange: () => selectedColumn.setNegativeNumberInParens(!selectedColumn.negativeNumberInParens) })] }), _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: "Number Scale:" }), _jsx(FormDropdownMenuTrigger, { className: "w-32", onClick: openNumberScaleDropdown, children: selectedColumn.numberScale ?? '(None)' }), _jsx(FormDropdownMenu, { className: "w-32", ...numberScaleDropdownProps, children: [
+                                                    } }), _jsx("div", { className: "ml-1 flex-shrink-0 text-sm", children: "Decimal places" }), _jsx(FormCheckbox, { className: "ml-3", label: "Display commas", checked: selectedColumn.displayCommas, onChange: () => selectedColumn.setDisplayCommas(!selectedColumn.displayCommas) }), _jsx(FormCheckbox, { className: "ml-3", label: "Negative number in parens", checked: selectedColumn.negativeNumberInParens, onChange: () => selectedColumn.setNegativeNumberInParens(!selectedColumn.negativeNumberInParens) })] }), _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: "Number Scale:" }), _jsx(FormDropdownMenuTrigger, { className: "w-32", onClick: openNumberScaleDropdown, open: numberScaleDropdownPropsOpen, children: selectedColumn.numberScale ?? '(None)' }), _jsx(FormDropdownMenu, { className: "w-32", ...numberScaleDropdownProps, children: [
                                                         undefined,
                                                         DataCubeNumberScale.PERCENT,
                                                         DataCubeNumberScale.BASIS_POINT,
@@ -61,29 +59,29 @@ export const DataCubeEditorColumnPropertiesPanel = observer(() => {
                                                     ].map((scale) => (_jsx(FormDropdownMenuItem, { onClick: () => {
                                                             selectedColumn.setNumberScale(scale);
                                                             closeNumberScaleDropdown();
-                                                        }, children: scale ?? '(None)' }, scale ?? ''))) })] }), _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: "Aggregation Type:" }), _jsx(FormDropdownMenuTrigger, { className: "w-32", onClick: openAggregationTypeDropdown, disabled: true, children: selectedColumn.aggregateFunction ?? '(None)' }), _jsx(FormDropdownMenu, { className: "w-32", ...aggregationTypeDropdownProps, children: [
-                                                        DataCubeAggregateOperation.SUM,
-                                                        DataCubeAggregateOperation.AVERAGE,
-                                                        DataCubeAggregateOperation.COUNT,
-                                                        DataCubeAggregateOperation.MIN,
-                                                        DataCubeAggregateOperation.MAX,
-                                                    ].map((fn) => (_jsx(FormDropdownMenuItem, { onClick: () => {
-                                                            selectedColumn.setAggregateFunction(fn);
+                                                        }, autoFocus: scale === selectedColumn.numberScale, children: scale ?? '(None)' }, scale ?? ''))) })] }), _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: "Aggregation Type:" }), _jsx(FormDropdownMenuTrigger, { className: "w-32", onClick: openAggregationTypeDropdown, disabled: true, open: aggregationTypeDropdownPropsOpen, children: selectedColumn.aggregateFunction ?? '(None)' }), _jsx(FormDropdownMenu, { className: "w-32", ...aggregationTypeDropdownProps, children: [
+                                                        DataCubeAggregateOperator.SUM,
+                                                        DataCubeAggregateOperator.AVERAGE,
+                                                        DataCubeAggregateOperator.COUNT,
+                                                        DataCubeAggregateOperator.MIN,
+                                                        DataCubeAggregateOperator.MAX,
+                                                    ].map((op) => (_jsx(FormDropdownMenuItem, { onClick: () => {
+                                                            selectedColumn.setAggregateFunction(op);
                                                             closeAggregationTypeDropdown();
-                                                        }, children: fn }, fn))) }), _jsx(FormBadge_WIP, {})] }), _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: "Exclude from HPivot?" }), _jsx(FormCheckbox, { checked: selectedColumn.excludedFromHorizontalPivot, onChange: () => selectedColumn.setExcludedFromHorizontalPivot(!selectedColumn.excludedFromHorizontalPivot), disabled: true }), _jsx(FormBadge_WIP, {})] })] })), selectedColumn.dataType === DataCubeColumnDataType.TEXT && (_jsx(_Fragment, { children: _jsxs("div", { className: "mt-2 flex h-5 w-full items-center", children: [_jsxs("div", { className: "flex h-full w-32 flex-shrink-0 items-center text-sm", children: ["Dislay as Link?", _jsx(FormDocumentation, { className: "ml-1", documentationKey: DocumentationKey.DATA_CUBE_COLUMN_DISPLAY_AS_LINK })] }), _jsx(FormCheckbox, { checked: selectedColumn.displayAsLink, onChange: () => selectedColumn.setDisplayAsLink(!selectedColumn.displayAsLink) }), _jsx("div", { className: "ml-1 h-[1px] w-2 flex-shrink-0 bg-neutral-400" }), _jsx("div", { className: "ml-2 mr-1.5 flex h-full flex-shrink-0 items-center text-sm", children: "Use Parameter in Link as Label:" }), _jsx(FormTextInput, { className: "w-48", placeholder: DEFAULT_URL_LABEL_QUERY_PARAM, value: selectedColumn.linkLabelParameter ?? '', onChange: (event) => {
+                                                        }, autoFocus: op === selectedColumn.aggregateFunction, children: op }, op))) }), _jsx(FormBadge_WIP, {})] }), _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: "Exclude from HPivot?" }), _jsx(FormCheckbox, { checked: selectedColumn.excludedFromHorizontalPivot, onChange: () => selectedColumn.setExcludedFromHorizontalPivot(!selectedColumn.excludedFromHorizontalPivot), disabled: true }), _jsx(FormBadge_WIP, {})] })] })), selectedColumn.dataType === DataCubeColumnDataType.TEXT && (_jsx(_Fragment, { children: _jsxs("div", { className: "mt-2 flex h-5 w-full items-center", children: [_jsxs("div", { className: "flex h-full w-32 flex-shrink-0 items-center text-sm", children: ["Dislay as Link?", _jsx(FormDocumentation, { className: "ml-1", documentationKey: DocumentationKey.DATA_CUBE_COLUMN_DISPLAY_AS_LINK })] }), _jsx(FormCheckbox, { checked: selectedColumn.displayAsLink, onChange: () => selectedColumn.setDisplayAsLink(!selectedColumn.displayAsLink) }), _jsx("div", { className: "ml-1 h-[1px] w-2 flex-shrink-0 bg-neutral-400" }), _jsx("div", { className: "ml-2 mr-1.5 flex h-full flex-shrink-0 items-center text-sm", children: "Use Parameter in Link as Label:" }), _jsx(FormTextInput, { className: "w-48", placeholder: DEFAULT_URL_LABEL_QUERY_PARAM, value: selectedColumn.linkLabelParameter ?? '', onChange: (event) => {
                                                     const value = event.target.value.trim();
                                                     selectedColumn.setLinkLabelParameter(value !== '' ? value : undefined);
                                                 } })] }) })), _jsxs("div", { className: "mt-2 flex h-5 w-full items-center", children: [_jsxs("div", { className: "flex h-full w-32 flex-shrink-0 items-center text-sm", children: [`Missing Value Format:`, _jsx(FormDocumentation, { className: "ml-1", documentationKey: DocumentationKey.DATA_CUBE_COLUMN_MISSING_VALUE_FORMAT })] }), _jsx(FormTextInput, { className: "w-16", value: selectedColumn.missingValueDisplayText ?? '', onChange: (event) => {
                                                 const value = event.target.value.trim();
                                                 selectedColumn.setMissingValueDisplayText(value !== '' ? value : undefined);
-                                            }, placeholder: "(empty)" })] }), _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: "Visibility:" }), _jsx(FormCheckbox, { label: "Blur content", checked: selectedColumn.blur, onChange: () => selectedColumn.setBlur(!selectedColumn.blur), disabled: selectedColumn.hideFromView }), _jsx(FormCheckbox, { className: "ml-3", label: "Hide from view", checked: selectedColumn.hideFromView, onChange: () => selectedColumn.setHideFromView(!selectedColumn.hideFromView) })] }), _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: "Pin:" }), _jsx(FormDropdownMenuTrigger, { className: "w-16", onClick: openColumnPinDropdown, children: selectedColumn.pinned ?? '(None)' }), _jsx(FormDropdownMenu, { className: "w-16", ...columnPinDropdownProps, children: [
+                                            }, placeholder: "(empty)" })] }), _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: "Visibility:" }), _jsx(FormCheckbox, { label: "Blur content", checked: selectedColumn.blur, onChange: () => selectedColumn.setBlur(!selectedColumn.blur), disabled: selectedColumn.hideFromView }), _jsx(FormCheckbox, { className: "ml-3", label: "Hide from view", checked: selectedColumn.hideFromView, onChange: () => selectedColumn.setHideFromView(!selectedColumn.hideFromView) })] }), _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: "Pin:" }), _jsx(FormDropdownMenuTrigger, { className: "w-16", onClick: openColumnPinDropdown, open: columnPinDropdownPropsOpen, children: selectedColumn.pinned ?? '(None)' }), _jsx(FormDropdownMenu, { className: "w-16", ...columnPinDropdownProps, children: [
                                                 undefined,
                                                 DataCubeColumnPinPlacement.LEFT,
                                                 DataCubeColumnPinPlacement.RIGHT,
                                             ].map((placement) => (_jsx(FormDropdownMenuItem, { onClick: () => {
                                                     selectedColumn.setPinned(placement);
                                                     closeColumnPinDropdown();
-                                                }, children: placement ?? '(None)' }, placement ?? ''))) })] }), _jsxs("div", { className: "mt-1.5 flex h-6 w-full items-center", children: [_jsx("div", { className: "flex h-full w-32 flex-shrink-0 items-center text-sm", children: "Width:" }), _jsx(FormCheckbox, { label: "(Any)", checked: selectedColumn.fixedWidth === undefined &&
+                                                }, autoFocus: placement === selectedColumn.pinned, children: placement ?? '(None)' }, placement ?? ''))) })] }), _jsxs("div", { className: "mt-1.5 flex h-6 w-full items-center", children: [_jsx("div", { className: "flex h-full w-32 flex-shrink-0 items-center text-sm", children: "Width:" }), _jsx(FormCheckbox, { label: "(Any)", checked: selectedColumn.fixedWidth === undefined &&
                                                 selectedColumn.minWidth === undefined &&
                                                 selectedColumn.maxWidth === undefined, onChange: () => {
                                                 if (selectedColumn.fixedWidth === undefined &&
@@ -125,40 +123,50 @@ export const DataCubeEditorColumnPropertiesPanel = observer(() => {
                                             }, disabled: selectedColumn.fixedWidth !== undefined }), _jsx("div", { className: "ml-1 h-[1px] w-1 flex-shrink-0 bg-neutral-400" }), _jsx(FormNumberInput, { className: "ml-1 w-16 text-sm", min: selectedColumn.minWidth ?? 0, step: 50, defaultValue: undefined, isValid: (value) => value !== undefined &&
                                                 value >= (selectedColumn.minWidth ?? 0), value: selectedColumn.maxWidth, setValue: (value) => {
                                                 selectedColumn.setMaxWidth(value);
-                                            }, disabled: selectedColumn.fixedWidth !== undefined })] }), _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: "Font:" }), _jsx(FormDropdownMenuTrigger, { className: "w-28", onClick: openFontFamilyDropdown, children: selectedColumn.fontFamily ?? gridConfiguration.fontFamily }), _jsxs(FormDropdownMenu, { className: "w-28", ...fontFamilyDropdownProps, children: [[
+                                            }, disabled: selectedColumn.fixedWidth !== undefined })] }), _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: "Font:" }), _jsx(FormDropdownMenuTrigger, { className: "w-28", onClick: openFontFamilyDropdown, open: fontFamilyDropdownPropsOpen, children: selectedColumn.fontFamily ?? gridConfiguration.fontFamily }), _jsxs(FormDropdownMenu, { className: "w-28", ...fontFamilyDropdownProps, children: [[
                                                     DataCubeFont.ARIAL,
                                                     DataCubeFont.ROBOTO,
                                                     DataCubeFont.ROBOTO_CONDENSED,
                                                 ].map((font) => (_jsx(FormDropdownMenuItem, { onClick: () => {
                                                         selectedColumn.setFontFamily(font);
                                                         closeFontFamilyDropdown();
-                                                    }, children: font }, font))), _jsx(FormDropdownMenuItemSeparator, {}), [
+                                                    }, autoFocus: font ===
+                                                        (selectedColumn.fontFamily ??
+                                                            gridConfiguration.fontFamily), children: font }, font))), _jsx(FormDropdownMenuItemSeparator, {}), [
                                                     DataCubeFont.GEORGIA,
                                                     DataCubeFont.ROBOTO_SERIF,
                                                     DataCubeFont.TIMES_NEW_ROMAN,
                                                 ].map((font) => (_jsx(FormDropdownMenuItem, { onClick: () => {
                                                         selectedColumn.setFontFamily(font);
                                                         closeFontFamilyDropdown();
-                                                    }, children: font }, font))), _jsx(FormDropdownMenuItemSeparator, {}), [
+                                                    }, autoFocus: font ===
+                                                        (selectedColumn.fontFamily ??
+                                                            gridConfiguration.fontFamily), children: font }, font))), _jsx(FormDropdownMenuItemSeparator, {}), [
                                                     DataCubeFont.JERBRAINS_MONO,
                                                     DataCubeFont.ROBOTO_MONO,
                                                     DataCubeFont.UBUNTU_MONO,
                                                 ].map((font) => (_jsx(FormDropdownMenuItem, { onClick: () => {
                                                         selectedColumn.setFontFamily(font);
                                                         closeFontFamilyDropdown();
-                                                    }, children: font }, font)))] }), _jsx(FormDropdownMenuTrigger, { className: "ml-1 w-10", onClick: openFontSizeDropdown, children: selectedColumn.fontSize ?? gridConfiguration.fontSize }), _jsx(FormDropdownMenu, { className: "w-10", ...openFontSizeDropdownProps, children: [
+                                                    }, autoFocus: font ===
+                                                        (selectedColumn.fontFamily ??
+                                                            gridConfiguration.fontFamily), children: font }, font)))] }), _jsx(FormDropdownMenuTrigger, { className: "ml-1 w-10", onClick: openFontSizeDropdown, open: openFontSizeDropdownPropsOpen, children: selectedColumn.fontSize ?? gridConfiguration.fontSize }), _jsx(FormDropdownMenu, { 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(FormDropdownMenuItem, { onClick: () => {
                                                     selectedColumn.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': selectedColumn.fontBold ?? gridConfiguration.fontBold,
-                                                    }), onClick: () => selectedColumn.setFontBold(!(selectedColumn.fontBold ?? gridConfiguration.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]', {
+                                                }, autoFocus: size ===
+                                                    (selectedColumn.fontSize ??
+                                                        gridConfiguration.fontSize), 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:z-[1]', {
+                                                        'bg-neutral-200': selectedColumn.fontBold ??
+                                                            gridConfiguration.fontBold,
+                                                    }), onClick: () => selectedColumn.setFontBold(!(selectedColumn.fontBold ??
+                                                        gridConfiguration.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:z-[1]', {
                                                         'bg-neutral-200': selectedColumn.fontItalic ??
                                                             gridConfiguration.fontItalic,
                                                     }), onClick: () => selectedColumn.setFontItalic(!(selectedColumn.fontItalic ??
-                                                        gridConfiguration.fontItalic)), children: _jsx(DataCubeIcon.FontItalic, {}) }), _jsx("button", { title: `Underline${(selectedColumn.fontUnderline ?? gridConfiguration.fontUnderline) ? ` (${selectedColumn.fontUnderline ?? gridConfiguration.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]', {
+                                                        gridConfiguration.fontItalic)), children: _jsx(DataCubeIcon.FontItalic, {}) }), _jsx("button", { title: `Underline${(selectedColumn.fontUnderline ?? gridConfiguration.fontUnderline) ? ` (${selectedColumn.fontUnderline ?? gridConfiguration.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:z-[1]', {
                                                         'bg-neutral-200': (selectedColumn.fontUnderline ??
                                                             gridConfiguration.fontUnderline) !== undefined,
                                                     }), onClick: () => {
@@ -170,7 +178,7 @@ export const DataCubeEditorColumnPropertiesPanel = observer(() => {
                                                         else {
                                                             selectedColumn.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', {
+                                                    }, 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:z-[1]", onClick: openFontFormatUnderlineVariantDropdown, children: [_jsx("div", { className: cn('h-4 w-[0.5px] bg-neutral-200', {
                                                                 'opacity-0': (selectedColumn.fontUnderline ??
                                                                     gridConfiguration.fontUnderline) !== undefined,
                                                             }) }), _jsx(DataCubeIcon.CaretDown, {})] }), _jsx(FormDropdownMenu, { className: "w-14", ...fontFormatUnderlineVariantDropdownProps, children: [
@@ -183,7 +191,9 @@ export const DataCubeEditorColumnPropertiesPanel = observer(() => {
                                                             selectedColumn.setFontUnderline(variant);
                                                             selectedColumn.setFontStrikethrough(false);
                                                             closeFontFormatUnderlineVariantDropdown();
-                                                        }, children: _jsx("div", { className: cn('!hover:underline absolute top-0 !underline', {
+                                                        }, autoFocus: variant ===
+                                                            (selectedColumn.fontUnderline ??
+                                                                gridConfiguration.fontUnderline), 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 ===
@@ -194,10 +204,7 @@ export const DataCubeEditorColumnPropertiesPanel = observer(() => {
                                                                     DataCubeFontFormatUnderlineVariant.DOUBLE,
                                                                 '!hover:decoration-wavy !decoration-wavy': variant ===
                                                                     DataCubeFontFormatUnderlineVariant.WAVY,
-                                                                'text-sky-600': variant ===
-                                                                    (selectedColumn.fontUnderline ??
-                                                                        gridConfiguration.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]', {
+                                                            }), 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:z-[1]', {
                                                         'bg-neutral-200': selectedColumn.fontStrikethrough ??
                                                             gridConfiguration.fontStrikethrough,
                                                     }), onClick: () => {
@@ -209,7 +216,7 @@ export const DataCubeEditorColumnPropertiesPanel = observer(() => {
                                                             selectedColumn.setFontStrikethrough(true);
                                                             selectedColumn.setFontUnderline(undefined);
                                                         }
-                                                    }, children: _jsx(DataCubeIcon.FontStrikethrough, {}) }), _jsx("button", { title: `Case${(selectedColumn.fontCase ?? gridConfiguration.fontCase) ? ` (${selectedColumn.fontCase ?? gridConfiguration.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]', {
+                                                    }, children: _jsx(DataCubeIcon.FontStrikethrough, {}) }), _jsx("button", { title: `Case${(selectedColumn.fontCase ?? gridConfiguration.fontCase) ? ` (${selectedColumn.fontCase ?? gridConfiguration.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:z-[1]', {
                                                         'bg-neutral-200': (selectedColumn.fontCase ??
                                                             gridConfiguration.fontCase) !== undefined,
                                                     }), onClick: () => {
@@ -220,32 +227,31 @@ export const DataCubeEditorColumnPropertiesPanel = observer(() => {
                                                         else {
                                                             selectedColumn.setFontCase(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', {
+                                                    }, 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:z-[1]", onClick: openFontCaseDropdown, children: [_jsx("div", { className: cn('h-4 w-[0.5px] bg-neutral-200', {
                                                                 'opacity-0': (selectedColumn.fontCase ??
                                                                     gridConfiguration.fontCase) !== undefined,
                                                             }) }), _jsx(DataCubeIcon.CaretDown, {})] }), _jsx(FormDropdownMenu, { className: "w-20", ...fontCaseDropdownProps, children: [
                                                         DataCubeFontCase.LOWERCASE,
                                                         DataCubeFontCase.UPPERCASE,
                                                         DataCubeFontCase.CAPITALIZE,
-                                                    ].map((fontCase) => (_jsx(FormDropdownMenuItem, { className: "relative", onClick: () => {
+                                                    ].map((fontCase) => (_jsx(FormDropdownMenuItem, { onClick: () => {
                                                             selectedColumn.setFontCase(fontCase);
                                                             closeFontCaseDropdown();
-                                                        }, children: _jsx("div", { className: cn({
+                                                        }, autoFocus: fontCase ===
+                                                            (selectedColumn.fontCase ??
+                                                                gridConfiguration.fontCase), children: _jsx("div", { className: cn({
                                                                 lowercase: fontCase === DataCubeFontCase.LOWERCASE,
                                                                 uppercase: fontCase === DataCubeFontCase.UPPERCASE,
                                                                 capitalize: fontCase === DataCubeFontCase.CAPITALIZE,
-                                                                'text-sky-600': fontCase ===
-                                                                    (selectedColumn.fontCase ??
-                                                                        gridConfiguration.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]', {
+                                                            }), 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:z-[1]', {
                                                         'bg-neutral-200': (selectedColumn.textAlign ??
                                                             gridConfiguration.textAlign) ===
                                                             DataCubeFontTextAlignment.LEFT,
-                                                    }), onClick: () => selectedColumn.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]', {
+                                                    }), onClick: () => selectedColumn.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:z-[1]', {
                                                         'bg-neutral-200': (selectedColumn.textAlign ??
                                                             gridConfiguration.textAlign) ===
                                                             DataCubeFontTextAlignment.CENTER,
-                                                    }), onClick: () => selectedColumn.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]', {
+                                                    }), onClick: () => selectedColumn.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:z-[1]', {
                                                         'bg-neutral-200': (selectedColumn.textAlign ??
                                                             gridConfiguration.textAlign) ===
                                                             DataCubeFontTextAlignment.RIGHT,