npm - @finos/legend-application-studio - Versions diffs - 17.0.0 → 18.0.1 - Mend

@finos/legend-application-studio 17.0.0 → 18.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (558) hide show

package/lib/components/editor/edit-panel/connection-editor/ConnectionEditor.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConnectionEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/editor/edit-panel/connection-editor/ConnectionEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAKH,OAAO,EACL,KAAK,qBAAqB,EAK3B,MAAM,0FAA0F,CAAC;AAiFlG,eAAO,MAAM,gBAAgB,WACnB;IACN,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;;CAkEF,CAAC;AAEF,eAAO,MAAM,2BAA2B;;CAiBtC,CAAC"}
1	+ {"version":3,"file":"ConnectionEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/editor/edit-panel/connection-editor/ConnectionEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAKH,OAAO,EACL,KAAK,qBAAqB,EAK3B,MAAM,0FAA0F,CAAC;AAiFlG,eAAO,MAAM,gBAAgB,WACnB;IACN,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;;CAkEF,CAAC;AAEF,eAAO,MAAM,2BAA2B;;CAiBtC,CAAC"}

package/lib/components/editor/edit-panel/connection-editor/ConnectionEditor.js CHANGED Viewed

@@ -19,9 +19,9 @@ import { FlatDataConnectionEditor } from './FlatDataConnectionEditor.js';
 import { RelationalDatabaseConnectionEditor } from './RelationalDatabaseConnectionEditor.js';
 import { RelationalDatabaseConnectionValueState, JsonModelConnectionValueState, FlatDataConnectionValueState, PackageableConnectionEditorState, } from '../../../../stores/editor-state/element-editor-state/connection/ConnectionEditorState.js';
 import { UnsupportedEditorPanel } from '../../../editor/edit-panel/UnsupportedElementEditor.js';
-import { CustomSelectorInput, LockIcon } from '@finos/legend-art';
+import { CustomSelectorInput, LockIcon, PanelContent } from '@finos/legend-art';
 import { useEditorStore } from '../../EditorStoreProvider.js';
-import { modelConnection_setClass, modelConnection_setUrl, } from '../../../../stores/graphModifier/DSLMapping_GraphModifierHelper.js';
+import { modelConnection_setClass, modelConnection_setUrl, } from '../../../../stores/graphModifier/DSL_Mapping_GraphModifierHelper.js';
 import { buildElementOption, useApplicationNavigationContext, } from '@finos/legend-application';
 import { LEGEND_STUDIO_APPLICATION_NAVIGATION_CONTEXT_KEY } from '../../../../stores/LegendStudioApplicationNavigationContext.js';
 const ModelConnectionEditor = observer((props) => {
@@ -63,7 +63,7 @@ export const ConnectionEditor = observer((props) => {
             return (_jsx(UnsupportedEditorPanel, { text: "Can't display this connection in form-mode", isReadOnly: isReadOnly }));
         }
     };
-    return (_jsxs("div", { className: "panel connection-editor", children: [_jsx("div", { className: "panel__header", children: _jsx("div", { className: "panel__header__title", children: _jsx("div", { className: "panel__header__title__label", children: connectionValueState.label() }) }) }), _jsx("div", { className: "panel__content", children: renderConnectionValueEditor() })] }));
+    return (_jsxs("div", { className: "panel connection-editor", children: [_jsx("div", { className: "panel__header", children: _jsx("div", { className: "panel__header__title", children: _jsx("div", { className: "panel__header__title__label", children: connectionValueState.label() }) }) }), _jsx(PanelContent, { children: renderConnectionValueEditor() })] }));
 });
 export const PackageableConnectionEditor = observer(() => {
     const editorStore = useEditorStore();

package/lib/components/editor/edit-panel/connection-editor/ConnectionEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConnectionEditor.js","sourceRoot":"","sources":["../../../../../src/components/editor/edit-panel/connection-editor/ConnectionEditor.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,kCAAkC,EAAE,MAAM,yCAAyC,CAAC;AAC7F,OAAO,EAEL,sCAAsC,EACtC,6BAA6B,EAC7B,4BAA4B,EAC5B,gCAAgC,GACjC,MAAM,0FAA0F,CAAC;AAClG,OAAO,EAAE,sBAAsB,EAAE,MAAM,wDAAwD,CAAC;AAEhG,OAAO,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;~~AAClE~~,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,OAAO,EACL,wBAAwB,EACxB,sBAAsB,GACvB,MAAM,~~oEAAoE~~,CAAC;~~AAC5E~~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~~cAAK~~,~~SAAS~~,~~EAAC~~,~~gBAAgB,YAAE,~~2BAA2B,EAAE,~~GAAO~~,~~IACjE~~,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,QAAQ,CAAC,GAAG,EAAE;IACvD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,WAAW,GAAG,WAAW,CAAC,qBAAqB,CACnD,gCAAgC,CACjC,CAAC;IACF,MAAM,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC;IAE1C,+BAA+B,CAC7B,gDAAgD,CAAC,iBAAiB,CACnE,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,IACf,qBAAqB,EAAE,WAAW,CAAC,eAAe,EAClD,UAAU,EAAE,UAAU,GACtB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
1	+ {"version":3,"file":"ConnectionEditor.js","sourceRoot":"","sources":["../../../../../src/components/editor/edit-panel/connection-editor/ConnectionEditor.tsx"],"names":[],"mappings":"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"}

package/lib/components/editor/edit-panel/connection-editor/DatabaseBuilder.d.ts CHANGED Viewed

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+/// <reference types="react" resolution-mode="require"/>
 import { type DatabaseBuilderState, type DatabaseBuilderTreeData } from '../../../../stores/editor-state/element-editor-state/connection/DatabaseBuilderState.js';
 export declare const DatabaseBuilderExplorer: ((props: {
     treeData: DatabaseBuilderTreeData;

package/lib/components/editor/edit-panel/connection-editor/DatabaseBuilder.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatabaseBuilder.d.ts","sourceRoot":"","sources":["../../../../../src/components/editor/edit-panel/connection-editor/DatabaseBuilder.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG~~;AAuBH~~,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAK7B,MAAM,yFAAyF,CAAC;AAkHjG,eAAO,MAAM,uBAAuB,WAC1B;IACN,QAAQ,EAAE,uBAAuB,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB,EAAE,oBAAoB,CAAC;CAC5C;;CAkDF,CAAC;AAEF,eAAO,MAAM,eAAe,WAClB;IACN,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,UAAU,EAAE,OAAO,CAAC;CACrB;;CAsIF,CAAC"}
1	+ {"version":3,"file":"DatabaseBuilder.d.ts","sourceRoot":"","sources":["../../../../../src/components/editor/edit-panel/connection-editor/DatabaseBuilder.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAwBH,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAK7B,MAAM,yFAAyF,CAAC;AAkHjG,eAAO,MAAM,uBAAuB,WAC1B;IACN,QAAQ,EAAE,uBAAuB,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB,EAAE,oBAAoB,CAAC;CAC5C;;CAkDF,CAAC;AAEF,eAAO,MAAM,eAAe,WAClB;IACN,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,UAAU,EAAE,OAAO,CAAC;CACrB;;CAsIF,CAAC"}

package/lib/components/editor/edit-panel/connection-editor/DatabaseBuilder.js CHANGED Viewed

@@ -15,7 +15,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * limitations under the License.
  */
 import { observer } from 'mobx-react-lite';
-import { Dialog, ResizablePanelGroup, ResizablePanel, ResizablePanelSplitter, PanelLoadingIndicator, SaveIcon, FireIcon, clsx, TreeView, PURE_DatabaseSchemaIcon, PURE_DatabaseTableIcon, CircleIcon, ChevronDownIcon, ChevronRightIcon, CheckCircleIcon, EmptyCircleIcon, } from '@finos/legend-art';
+import { Dialog, ResizablePanelGroup, ResizablePanel, ResizablePanelSplitter, PanelLoadingIndicator, SaveIcon, FireIcon, clsx, TreeView, PURE_DatabaseSchemaIcon, PURE_DatabaseTableIcon, CircleIcon, ChevronDownIcon, ChevronRightIcon, CheckCircleIcon, EmptyCircleIcon, PanelContent, } from '@finos/legend-art';
 import { useEffect } from 'react';
 import { ColumnDatabaseBuilderTreeNodeData, SchemaDatabaseBuilderTreeNodeData, TableDatabaseBuilderTreeNodeData, } from '../../../../stores/editor-state/element-editor-state/connection/DatabaseBuilderState.js';
 import { capitalize } from '@finos/legend-shared';
@@ -118,6 +118,6 @@ export const DatabaseBuilder = observer((props) => {
                                                                     Boolean(databaseBuilderState.currentDatabase), value: databaseBuilderState.currentDatabase?.path ??
                                                                     databaseBuilderState.targetDatabasePath, onChange: changeValue })] }), databaseBuilderState.treeData && (_jsx(DatabaseBuilderExplorer, { treeData: databaseBuilderState.treeData, isReadOnly: false, databaseBuilderState: databaseBuilderState }))] })] }) }), _jsx(ResizablePanelSplitter, {}), _jsx(ResizablePanel, { children: _jsxs("div", { className: "panel database-builder__generated", children: [_jsxs("div", { className: "panel__header", children: [_jsx("div", { className: "panel__header__title", children: _jsx("div", { className: "panel__header__title__label", children: "builder" }) }), _jsxs("div", { className: "panel__header__actions", children: [_jsx("button", { className: "panel__header__action", disabled: isReadOnly || isExecutingAction, tabIndex: -1, onClick: buildDb, title: 'Build Database...', children: _jsx(FireIcon, {}) }), _jsx("button", { className: "panel__header__action", disabled: isReadOnly || isExecutingAction, tabIndex: -1, onClick: saveOrUpdateDatabase, title: databaseBuilderState.currentDatabase
                                                                     ? 'Update database...'
-                                                                    : 'Import database...', children: _jsx(SaveIcon, {}) })] })] }), _jsx("div", { className: "panel__content", children: _jsx(StudioTextInputEditor, { language: EDITOR_LANGUAGE.PURE, inputValue: databaseBuilderState.databaseGrammarCode, isReadOnly: true }) })] }) })] })] })] }) }));
+                                                                    : 'Import database...', children: _jsx(SaveIcon, {}) })] })] }), _jsx(PanelContent, { children: _jsx(StudioTextInputEditor, { language: EDITOR_LANGUAGE.PURE, inputValue: databaseBuilderState.databaseGrammarCode, isReadOnly: true }) })] }) })] })] })] }) }));
 });
 //# sourceMappingURL=DatabaseBuilder.js.map

package/lib/components/editor/edit-panel/connection-editor/DatabaseBuilder.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatabaseBuilder.js","sourceRoot":"","sources":["../../../../../src/components/editor/edit-panel/connection-editor/DatabaseBuilder.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EACL,MAAM,EAEN,mBAAmB,EACnB,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACrB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,uBAAuB,EACvB,sBAAsB,EACtB,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,eAAe,~~GAChB~~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~~cAAK~~,~~SAAS~~,~~EAAC~~,~~gBAAgB,YAC7B,~~KAAC,qBAAqB,IACpB,QAAQ,EAAE,eAAe,CAAC,IAAI,EAC9B,UAAU,EAAE,oBAAoB,CAAC,mBAAmB,EACpD,UAAU,EAAE,IAAI,GAChB,~~GACE~~,~~IACF~~,GACS,IACG,IAClB,IACF,GACC,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}
1	+ {"version":3,"file":"DatabaseBuilder.js","sourceRoot":"","sources":["../../../../../src/components/editor/edit-panel/connection-editor/DatabaseBuilder.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EACL,MAAM,EAEN,mBAAmB,EACnB,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACrB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,uBAAuB,EACvB,sBAAsB,EACtB,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,YAAY,GACb,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAIL,iCAAiC,EACjC,iCAAiC,EACjC,gCAAgC,GACjC,MAAM,yFAAyF,CAAC;AACjG,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EACL,eAAe,EACf,mBAAmB,GACpB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAClC,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,MAAM,WAAW,GAAG,CAAC,IAAiC,EAAmB,EAAE;IACzE,IAAI,IAAI,YAAY,iCAAiC,EAAE;QACrD,OAAO,KAAC,uBAAuB,KAAG,CAAC;KACpC;SAAM,IAAI,IAAI,YAAY,gCAAgC,EAAE;QAC3D,OAAO,KAAC,sBAAsB,KAAG,CAAC;KACnC;SAAM,IAAI,IAAI,YAAY,iCAAiC,EAAE;QAC5D,OAAO,oBAAoB,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;KAC/C;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,gCAAgC,GAQlC,CAAC,KAAK,EAAE,EAAE;IACZ,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC1E,MAAM,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,GAAG,UAAU,CAAC;IAC9D,MAAM,YAAY,GAChB,OAAO,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;QACrD,CAAC,CAAC,IAAI,YAAY,iCAAiC,CAAC,CAAC;IACvD,MAAM,cAAc,GAAG,YAAY,CAAC,CAAC,CAAC,CACpC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACZ,KAAC,eAAe,KAAG,CACpB,CAAC,CAAC,CAAC,CACF,KAAC,gBAAgB,KAAG,CACrB,CACF,CAAC,CAAC,CAAC,CACF,eAAO,CACR,CAAC;IACF,MAAM,YAAY,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,WAAW,GAAG,GAAS,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACxD,MAAM,gBAAgB,GAAG,GAAS,EAAE;QAClC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,CAAC,YAAY,EAAE;YACjB,WAAW,EAAE,CAAC;SACf;IACH,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CACxB,KAAkC,EACjB,EAAE;QACnB,IAAI,KAAK,YAAY,iCAAiC,EAAE;YACtD,OAAO,IAAI,CAAC;SACb;aAAM,IAAI,mBAAmB,CAAC,KAAK,CAAC,EAAE;YACrC,OAAO,KAAC,UAAU,KAAG,CAAC;SACvB;aAAM,IAAI,KAAK,CAAC,SAAS,EAAE;YAC1B,OAAO,KAAC,eAAe,KAAG,CAAC;SAC5B;QACD,OAAO,KAAC,eAAe,KAAG,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,eACE,SAAS,EAAE,IAAI,CAAC,4BAA4B,CAAC,EAC7C,KAAK,EAAE;YACL,WAAW,EAAE,GAAG,KAAK,GAAG,CAAC,gBAAgB,IAAI,CAAC,CAAC,KAAK;YACpD,OAAO,EAAE,MAAM;SAChB,aAED,eAAK,SAAS,EAAC,yDAAyD,aACtE,cACE,SAAS,EAAC,oCAAoC,EAC9C,OAAO,EAAE,gBAAgB,YAExB,cAAc,GACX,EACN,cACE,SAAS,EAAE,IAAI,CAAC,qCAAqC,CAAC,EACtD,OAAO,EAAE,WAAW,YAEnB,iBAAiB,CAAC,IAAI,CAAC,GACpB,EACN,cACE,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAE,gBAAgB,YAExB,YAAY,GACT,IACF,EACN,eACE,SAAS,EAAC,2DAA2D,EACrE,OAAO,EAAE,gBAAgB,aAExB,IAAI,CAAC,KAAK,EACV,IAAI,YAAY,iCAAiC,IAAI,CACpD,cAAK,SAAS,EAAC,mCAAmC,YAChD,cAAK,SAAS,EAAC,0CAA0C,YACtD,uBAAuB,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GACtC,GACF,CACP,IACG,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,QAAQ,CAC7C,CAAC,KAIA,EAAE,EAAE;IACH,MAAM,EAAE,QAAQ,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAC;IACjD,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,YAAY,GAAG,CAAC,IAAiC,EAAQ,EAAE;QAC/D,UAAU,CAAC,oBAAoB,CAAC,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CACjE,gBAAgB,CAAC,mBAAmB,CACrC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAC1B,IAAiC,EACxB,EAAE;QACX,IACE,IAAI,YAAY,iCAAiC;YACjD,CAAC,IAAI,CAAC,SAAS,EACf;YACA,OAAO,OAAO,CACZ,oBAAoB;iBACjB,aAAa,CAAC,IAAI,EAAE,QAAQ,CAAC;gBAC9B,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,KAAK,IAAI,CAAC,CACtC,CAAC;SACH;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CACpB,IAAiC,EACF,EAAE,CACjC,oBAAoB;SACjB,aAAa,CAAC,IAAI,EAAE,QAAQ,CAAC;QAC9B,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC;IAE3D,MAAM,iBAAiB,GAAG,CAAC,IAAiC,EAAQ,EAAE;QACpE,oBAAoB,CAAC,iBAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACzD,CAAC,CAAC;IACF,OAAO,CACL,KAAC,QAAQ,IACP,UAAU,EAAE;YACV,iBAAiB,EAAE,gCAAgC;SACpD,EACD,UAAU,EAAE;YACV,iBAAiB;YACjB,mBAAmB;SACpB,EACD,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CACrC,CAAC,KAGA,EAAE,EAAE;IACH,MAAM,EAAE,oBAAoB,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACnD,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,OAAO,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,GAAG,EAAE,CACxD,UAAU,CAAC,oBAAoB,CAAC,yBAAyB,EAAE,CAAC,CAC7D,CAAC;IACF,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,GAAG,EAAE,CACrE,UAAU,CAAC,oBAAoB,CAAC,sBAAsB,EAAE,CAAC,CAC1D,CAAC;IACF,MAAM,UAAU,GAAG,GAAS,EAAE;QAC5B,oBAAoB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,CAAC;IACF,MAAM,iBAAiB,GACrB,oBAAoB,CAAC,kBAAkB;QACvC,oBAAoB,CAAC,gBAAgB,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,oBAAoB,CAAC,sBAAsB,EAAE,CAAC,CAAC,KAAK,CAC7D,gBAAgB,CAAC,mBAAmB,CACrC,CAAC;IACJ,CAAC,EAAE,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE7C,MAAM,WAAW,GAA+C,CAAC,KAAK,EAAE,EAAE;QACxE,IAAI,CAAC,oBAAoB,CAAC,eAAe,EAAE;YACzC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;YACvC,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;YAC3D,oBAAoB,CAAC,qBAAqB,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;SAChE;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,oBAAoB,CAAC,SAAS,EACpC,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,EAAE,SAAS,EAAE,yBAAyB,EAAE,EACjD,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,+BAA+B,EAAE,EAAE,YAElE,eAAK,SAAS,EAAC,oCAAoC,aACjD,cAAK,SAAS,EAAC,2BAA2B,YACxC,cAAK,SAAS,EAAC,kCAAkC,+BAE3C,GACF,EACN,eAAK,SAAS,EAAC,2BAA2B,aACxC,KAAC,qBAAqB,IAAC,SAAS,EAAE,iBAAiB,GAAI,EACvD,MAAC,mBAAmB,IAAC,WAAW,EAAC,UAAU,aACzC,KAAC,cAAc,IAAC,IAAI,EAAE,GAAG,YACvB,eAAK,SAAS,EAAC,0BAA0B,aACvC,cAAK,SAAS,EAAC,eAAe,YAC5B,cAAK,SAAS,EAAC,sBAAsB,YACnC,cAAK,SAAS,EAAC,6BAA6B,kCAEtC,GACF,GACF,EACN,eAAK,SAAS,EAAC,kDAAkD,aAC/D,eAAK,SAAS,EAAC,+BAA+B,aAC5C,cAAK,SAAS,EAAC,8CAA8C,YAC1D,UAAU,CAAC,sBAAsB,CAAC,GAC/B,EACN,cAAK,SAAS,EAAC,+CAA+C,YAC3D,yBAAyB,GACtB,EACN,gBACE,SAAS,EAAC,sCAAsC,EAChD,UAAU,EAAE,KAAK,EACjB,QAAQ,EACN,UAAU;oEACV,OAAO,CAAC,oBAAoB,CAAC,eAAe,CAAC,EAE/C,KAAK,EACH,oBAAoB,CAAC,eAAe,EAAE,IAAI;oEAC1C,oBAAoB,CAAC,kBAAkB,EAEzC,QAAQ,EAAE,WAAW,GACrB,IACE,EACL,oBAAoB,CAAC,QAAQ,IAAI,CAChC,KAAC,uBAAuB,IACtB,QAAQ,EAAE,oBAAoB,CAAC,QAAQ,EACvC,UAAU,EAAE,KAAK,EACjB,oBAAoB,EAAE,oBAAoB,GAC1C,CACH,IACG,IACF,GACS,EACjB,KAAC,sBAAsB,KAAG,EAC1B,KAAC,cAAc,cACb,eAAK,SAAS,EAAC,mCAAmC,aAChD,eAAK,SAAS,EAAC,eAAe,aAC5B,cAAK,SAAS,EAAC,sBAAsB,YACnC,cAAK,SAAS,EAAC,6BAA6B,wBAAc,GACtD,EACN,eAAK,SAAS,EAAC,wBAAwB,aACrC,iBACE,SAAS,EAAC,uBAAuB,EACjC,QAAQ,EAAE,UAAU,IAAI,iBAAiB,EACzC,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,mBAAmB,YAE1B,KAAC,QAAQ,KAAG,GACL,EACT,iBACE,SAAS,EAAC,uBAAuB,EACjC,QAAQ,EAAE,UAAU,IAAI,iBAAiB,EACzC,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,oBAAoB,EAC7B,KAAK,EACH,oBAAoB,CAAC,eAAe;oEAClC,CAAC,CAAC,oBAAoB;oEACtB,CAAC,CAAC,oBAAoB,YAG1B,KAAC,QAAQ,KAAG,GACL,IACL,IACF,EACN,KAAC,YAAY,cACX,KAAC,qBAAqB,IACpB,QAAQ,EAAE,eAAe,CAAC,IAAI,EAC9B,UAAU,EAAE,oBAAoB,CAAC,mBAAmB,EACpD,UAAU,EAAE,IAAI,GAChB,GACW,IACX,GACS,IACG,IAClB,IACF,GACC,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/editor/edit-panel/connection-editor/FlatDataConnectionEditor.d.ts CHANGED Viewed

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+/// <reference types="react" resolution-mode="require"/>
 import type { FlatDataConnectionValueState } from '../../../../stores/editor-state/element-editor-state/connection/ConnectionEditorState.js';
 export declare const FlatDataConnectionEditor: ((props: {
     connectionValueState: FlatDataConnectionValueState;

package/lib/components/editor/edit-panel/connection-editor/FlatDataConnectionEditor.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FlatDataConnectionEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/editor/edit-panel/connection-editor/FlatDataConnectionEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,0FAA0F,CAAC;AAG7I,eAAO,MAAM,wBAAwB,WAC3B;IACN,oBAAoB,EAAE,4BAA4B,CAAC;IACnD,UAAU,EAAE,OAAO,CAAC;CACrB;;CA0BF,CAAC"}
1	+ {"version":3,"file":"FlatDataConnectionEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/editor/edit-panel/connection-editor/FlatDataConnectionEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAGH,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,0FAA0F,CAAC;AAG7I,eAAO,MAAM,wBAAwB,WAC3B;IACN,oBAAoB,EAAE,4BAA4B,CAAC;IACnD,UAAU,EAAE,OAAO,CAAC;CACrB;;CA0BF,CAAC"}

package/lib/components/editor/edit-panel/connection-editor/FlatDataConnectionEditor.js CHANGED Viewed

@@ -15,7 +15,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * limitations under the License.
  */
 import { observer } from 'mobx-react-lite';
-import { flatDataConnection_setUrl } from '../../../../stores/graphModifier/StoreFlatData_GraphModifierHelper.js';
+import { flatDataConnection_setUrl } from '../../../../stores/graphModifier/STO_FlatData_GraphModifierHelper.js';
 export const FlatDataConnectionEditor = observer((props) => {
     const { connectionValueState, isReadOnly } = props;
     const connection = connectionValueState.connection;

package/lib/components/editor/edit-panel/connection-editor/FlatDataConnectionEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FlatDataConnectionEditor.js","sourceRoot":"","sources":["../../../../../src/components/editor/edit-panel/connection-editor/FlatDataConnectionEditor.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,yBAAyB,EAAE,MAAM,~~uEAAuE~~,CAAC;~~AAElH~~,MAAM,CAAC,MAAM,wBAAwB,GAAG,QAAQ,CAC9C,CAAC,KAGA,EAAE,EAAE;IACH,MAAM,EAAE,oBAAoB,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACnD,MAAM,UAAU,GAAG,oBAAoB,CAAC,UAAU,CAAC;IACnD,MAAM;IACN,MAAM,SAAS,GAAkD,CAAC,KAAK,EAAE,EAAE,CACzE,yBAAyB,CAAC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5D,OAAO,CACL,cAAK,SAAS,EAAC,sBAAsB,YACnC,eAAK,SAAS,EAAC,+BAA+B,aAC5C,cAAK,SAAS,EAAC,8CAA8C,oBAEvD,EACN,cAAK,SAAS,EAAC,+CAA+C,6CAExD,EACN,mBACE,SAAS,EAAC,2FAA2F,EACrG,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE,UAAU,CAAC,GAAG,EACrB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,UAAU,GACpB,IACE,GACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
1	+ {"version":3,"file":"FlatDataConnectionEditor.js","sourceRoot":"","sources":["../../../../../src/components/editor/edit-panel/connection-editor/FlatDataConnectionEditor.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,yBAAyB,EAAE,MAAM,sEAAsE,CAAC;AAEjH,MAAM,CAAC,MAAM,wBAAwB,GAAG,QAAQ,CAC9C,CAAC,KAGA,EAAE,EAAE;IACH,MAAM,EAAE,oBAAoB,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACnD,MAAM,UAAU,GAAG,oBAAoB,CAAC,UAAU,CAAC;IACnD,MAAM;IACN,MAAM,SAAS,GAAkD,CAAC,KAAK,EAAE,EAAE,CACzE,yBAAyB,CAAC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5D,OAAO,CACL,cAAK,SAAS,EAAC,sBAAsB,YACnC,eAAK,SAAS,EAAC,+BAA+B,aAC5C,cAAK,SAAS,EAAC,8CAA8C,oBAEvD,EACN,cAAK,SAAS,EAAC,+CAA+C,6CAExD,EACN,mBACE,SAAS,EAAC,2FAA2F,EACrG,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE,UAAU,CAAC,GAAG,EACrB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,UAAU,GACpB,IACE,GACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/editor/edit-panel/connection-editor/RelationalDatabaseConnectionEditor.d.ts CHANGED Viewed

@@ -13,40 +13,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+/// <reference types="react" resolution-mode="require"/>
 import { type RelationalDatabaseConnectionValueState } from '../../../../stores/editor-state/element-editor-state/connection/ConnectionEditorState.js';
-import { EDITOR_LANGUAGE } from '@finos/legend-application';
-/**
- * NOTE: this is a WIP we did to quickly assemble a modular UI for relational database connection editor
- * This is subjected to change and review, especially in terms in UX.
- */
-export declare const ConnectionEditor_BooleanEditor: ((props: {
-    name: string;
-    description?: string;
-    value: boolean | undefined;
-    isReadOnly: boolean;
-    update: (value: boolean | undefined) => void;
-}) => JSX.Element) & {
-    displayName: string;
-};
-export declare const ConnectionEditor_TextEditor: ((props: {
-    name: string;
-    description?: string;
-    value: string | undefined;
-    isReadOnly: boolean;
-    language: EDITOR_LANGUAGE;
-    update: (value: string | undefined) => void;
-}) => JSX.Element) & {
-    displayName: string;
-};
-export declare const ConnectionEditor_ArrayEditor: ((props: {
-    name: string;
-    description?: string;
-    values: string[];
-    isReadOnly: boolean;
-    update: (updatedValues: string[]) => void;
-}) => JSX.Element) & {
-    displayName: string;
-};
 export declare const RelationalDatabaseConnectionEditor: ((props: {
     connectionValueState: RelationalDatabaseConnectionValueState;
     isReadOnly: boolean;

package/lib/components/editor/edit-panel/connection-editor/RelationalDatabaseConnectionEditor.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RelationalDatabaseConnectionEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/editor/edit-panel/connection-editor/RelationalDatabaseConnectionEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,EACL,KAAK,sCAAsC,EAK5C,MAAM,0FAA0F,CAAC;~~AA2DlG~~,~~OAAO,EACL,eAAe,EAGhB,MAAM,2BAA2B,CAAC;AA2DnC;;;GAGG;AAGH,~~eAAO,MAAM,8BAA8B;UAEjC,MAAM;kBACE,MAAM;WACb,OAAO,GAAG,SAAS;gBACd,OAAO;oBACH,OAAO,GAAG,SAAS,KAAK,IAAI;;;CAoC/C,CAAC;AAGF,eAAO,MAAM,2BAA2B;UAE9B,MAAM;kBACE,MAAM;WACb,MAAM,GAAG,SAAS;gBACb,OAAO;cACT,eAAe;oBACT,MAAM,GAAG,SAAS,KAAK,IAAI;;;CAuB9C,CAAC;AAGF,eAAO,MAAM,4BAA4B;UAE/B,MAAM;kBACE,MAAM;YACZ,MAAM,EAAE;gBACJ,OAAO;4BACK,MAAM,EAAE,KAAK,IAAI;;;CA6K5C,CAAC;AA+xCF,eAAO,MAAM,kCAAkC,WACrC;IACN,oBAAoB,EAAE,sCAAsC,CAAC;IAC7D,UAAU,EAAE,OAAO,CAAC;CACrB;;CA2CF,CAAC"}
1	+ {"version":3,"file":"RelationalDatabaseConnectionEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/editor/edit-panel/connection-editor/RelationalDatabaseConnectionEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAGH,OAAO,EACL,KAAK,sCAAsC,EAK5C,MAAM,0FAA0F,CAAC;AAk5ClG,eAAO,MAAM,kCAAkC,WACrC;IACN,oBAAoB,EAAE,sCAAsC,CAAC;IAC7D,UAAU,EAAE,OAAO,CAAC;CACrB;;CA2CF,CAAC"}

package/lib/components/editor/edit-panel/connection-editor/RelationalDatabaseConnectionEditor.js CHANGED Viewed

@@ -16,116 +16,42 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  */
 import { observer } from 'mobx-react-lite';
 import { CORE_AUTHENTICATION_STRATEGY_TYPE, CORE_DATASOURCE_SPEC_TYPE, RELATIONAL_DATABASE_TAB_TYPE, POST_PROCESSOR_TYPE, } from '../../../../stores/editor-state/element-editor-state/connection/ConnectionEditorState.js';
-import { useState } from 'react';
-import { ResizablePanelGroup, ResizablePanel, ResizablePanelSplitter, clsx, CustomSelectorInput, CheckSquareIcon, SquareIcon, TimesIcon, ErrorIcon, PencilIcon, PanelHeader, PanelHeaderActionItem, PlusIcon, PanelTextEditor, ContextMenu, MenuContent, MenuContentItem, PanelListSelectorItem, DropdownMenu, PanelTabs, BlankPanelContent, ResizablePanelSplitterLine, PanelContent, Panel, Badge, PanelListSelectorItemLabel, } from '@finos/legend-art';
+import { ResizablePanelGroup, ResizablePanel, ResizablePanelSplitter, CustomSelectorInput, ErrorIcon, PanelHeader, PanelHeaderActionItem, PlusIcon, PanelFormTextEditor, ContextMenu, MenuContent, MenuContentItem, PanelListSelectorItem, DropdownMenu, PanelTabs, BlankPanelContent, ResizablePanelSplitterLine, PanelContent, Panel, Badge, PanelListSelectorItemLabel, PanelSection, PanelFormBooleanEditor, } from '@finos/legend-art';
 import { capitalize, prettyCONSTName } from '@finos/legend-shared';
 import { DatabaseType, DelegatedKerberosAuthenticationStrategy, OAuthAuthenticationStrategy, SnowflakePublicAuthenticationStrategy, ApiTokenAuthenticationStrategy, UsernamePasswordAuthenticationStrategy, GCPWorkloadIdentityFederationAuthenticationStrategy, MiddleTierUsernamePasswordAuthenticationStrategy, EmbeddedH2DatasourceSpecification, LocalH2DatasourceSpecification, SnowflakeDatasourceSpecification, DatabricksDatasourceSpecification, StaticDatasourceSpecification, BigQueryDatasourceSpecification, RedshiftDatasourceSpecification, PackageableElementExplicitReference, MapperPostProcessor, } from '@finos/legend-graph';
-import { runInAction } from 'mobx';
 import { DatabaseBuilder } from './DatabaseBuilder.js';
 import { useEditorStore } from '../../EditorStoreProvider.js';
 import { EDITOR_LANGUAGE, buildElementOption, } from '@finos/legend-application';
 import { StudioTextInputEditor } from '../../../shared/StudioTextInputEditor.js';
-import { connection_setStore } from '../../../../stores/graphModifier/DSLMapping_GraphModifierHelper.js';
-import { apiTokenAuthenticationStrategy_setApiToken, bigQueryDatasourceSpecification_setDefaultDataset, bigQueryDatasourceSpecification_setProjectId, bigQueryDatasourceSpecification_setProxyHost, bigQueryDatasourceSpecification_setProxyPort, databricksDatasourceSpecification_setHostName, databricksDatasourceSpecification_setHttpPath, databricksDatasourceSpecification_setPort, databricksDatasourceSpecification_setProtocol, dBConnection_setQuoteIdentifiers, dBConnection_setType, delegatedKerberosAuthenticationStrategy_setServerPrincipal, embeddedH2DatasourceSpecification_setAutoServerMode, embeddedH2DatasourceSpecification_setDatabaseName, embeddedH2DatasourceSpecification_setDirectory, localH2DatasourceSpecification_setTestDataSetupSqls, oAuthAuthenticationStrategy_setOauthKey, oAuthAuthenticationStrategy_setScopeName, redshiftDatasourceSpecification_setClusterID, redshiftDatasourceSpecification_setDatabaseName, redshiftDatasourceSpecification_setEndpointURL, redshiftDatasourceSpecification_setHost, redshiftDatasourceSpecification_setPort, redshiftDatasourceSpecification_setRegion, snowflakeDatasourceSpec_setAccountName, snowflakeDatasourceSpec_setAccountType, snowflakeDatasourceSpec_setCloudType, snowflakeDatasourceSpec_setDatabaseName, snowflakeDatasourceSpec_setNonProxyHosts, snowflakeDatasourceSpec_setOrganization, snowflakeDatasourceSpec_setProxyHost, snowflakeDatasourceSpec_setProxyPort, snowflakeDatasourceSpec_setQuotedIdentifiersIgnoreCase, snowflakeDatasourceSpec_setRegion, snowflakeDatasourceSpec_setRole, snowflakeDatasourceSpec_setWarehouseName, snowflakePublicAuthenticationStrategy_setPassPhraseVaultReference, snowflakePublicAuthenticationStrategy_setPrivateKeyVaultReference, snowflakePublicAuthenticationStrategy_setPublicUserName, staticDatasourceSpecification_setDatabaseName, staticDatasourceSpecification_setHost, staticDatasourceSpecification_setPort, usernamePasswordAuthenticationStrategy_setBaseVaultReference, usernamePasswordAuthenticationStrategy_setPasswordVaultReference, usernamePasswordAuthenticationStrategy_setUserNameVaultReference, gcpWorkloadIdentityFederationAuthenticationStrategy_setServiceAccountEmail, gcpWorkloadIdentityFederationAuthenticationStrategy_setAdditionalGcpScopes, middleTierUsernamePasswordAuthenticationStrategy_setVaultReference, relationalDatabaseConnection_addPostProcessor, relationalDatabaseConnection_deletePostProcessor, } from '../../../../stores/graphModifier/StoreRelational_GraphModifierHelper.js';
+import { connection_setStore } from '../../../../stores/graphModifier/DSL_Mapping_GraphModifierHelper.js';
+import { apiTokenAuthenticationStrategy_setApiToken, bigQueryDatasourceSpecification_setDefaultDataset, bigQueryDatasourceSpecification_setProjectId, bigQueryDatasourceSpecification_setProxyHost, bigQueryDatasourceSpecification_setProxyPort, databricksDatasourceSpecification_setHostName, databricksDatasourceSpecification_setHttpPath, databricksDatasourceSpecification_setPort, databricksDatasourceSpecification_setProtocol, dBConnection_setQuoteIdentifiers, dBConnection_setType, delegatedKerberosAuthenticationStrategy_setServerPrincipal, embeddedH2DatasourceSpecification_setAutoServerMode, embeddedH2DatasourceSpecification_setDatabaseName, embeddedH2DatasourceSpecification_setDirectory, localH2DatasourceSpecification_setTestDataSetupSqls, oAuthAuthenticationStrategy_setOauthKey, oAuthAuthenticationStrategy_setScopeName, redshiftDatasourceSpecification_setClusterID, redshiftDatasourceSpecification_setDatabaseName, redshiftDatasourceSpecification_setEndpointURL, redshiftDatasourceSpecification_setHost, redshiftDatasourceSpecification_setPort, redshiftDatasourceSpecification_setRegion, snowflakeDatasourceSpec_setAccountName, snowflakeDatasourceSpec_setAccountType, snowflakeDatasourceSpec_setCloudType, snowflakeDatasourceSpec_setDatabaseName, snowflakeDatasourceSpec_setNonProxyHosts, snowflakeDatasourceSpec_setOrganization, snowflakeDatasourceSpec_setProxyHost, snowflakeDatasourceSpec_setProxyPort, snowflakeDatasourceSpec_setQuotedIdentifiersIgnoreCase, snowflakeDatasourceSpec_setRegion, snowflakeDatasourceSpec_setRole, snowflakeDatasourceSpec_setWarehouseName, snowflakePublicAuthenticationStrategy_setPassPhraseVaultReference, snowflakePublicAuthenticationStrategy_setPrivateKeyVaultReference, snowflakePublicAuthenticationStrategy_setPublicUserName, staticDatasourceSpecification_setDatabaseName, staticDatasourceSpecification_setHost, staticDatasourceSpecification_setPort, usernamePasswordAuthenticationStrategy_setBaseVaultReference, usernamePasswordAuthenticationStrategy_setPasswordVaultReference, usernamePasswordAuthenticationStrategy_setUserNameVaultReference, gcpWorkloadIdentityFederationAuthenticationStrategy_setServiceAccountEmail, gcpWorkloadIdentityFederationAuthenticationStrategy_setAdditionalGcpScopes, middleTierUsernamePasswordAuthenticationStrategy_setVaultReference, relationalDatabaseConnection_addPostProcessor, relationalDatabaseConnection_deletePostProcessor, } from '../../../../stores/graphModifier/STO_Relational_GraphModifierHelper.js';
 import { MapperPostProcessorEditor } from './post-processor-editor/MapperPostProcessorEditor.js';
 import { UnsupportedEditorPanel } from '../UnsupportedElementEditor.js';
-/**
- * NOTE: this is a WIP we did to quickly assemble a modular UI for relational database connection editor
- * This is subjected to change and review, especially in terms in UX.
- */
-// TODO: consider to move this to shared
-export const ConnectionEditor_BooleanEditor = observer((props) => {
-    const { value, name, description, isReadOnly, update } = props;
-    const toggle = () => {
-        if (!isReadOnly) {
-            update(!value);
-        }
-    };
-    return (_jsxs("div", { className: "panel__content__form__section", children: [_jsx("div", { className: "panel__content__form__section__header__label", children: capitalize(name) }), _jsxs("div", { className: clsx('panel__content__form__section__toggler', {
-                    'panel__content__form__section__toggler--disabled': isReadOnly,
-                }), onClick: toggle, children: [_jsx("button", { className: clsx('panel__content__form__section__toggler__btn', {
-                            'panel__content__form__section__toggler__btn--toggled': value,
-                        }), disabled: isReadOnly, tabIndex: -1, children: value ? _jsx(CheckSquareIcon, {}) : _jsx(SquareIcon, {}) }), _jsx("div", { className: "panel__content__form__section__toggler__prompt", children: description })] })] }));
-});
-// TODO: consider to move this to shared
-export const ConnectionEditor_TextEditor = observer((props) => {
-    const { value, name, description, isReadOnly, language, update } = props;
-    return (_jsxs("div", { className: "panel__content__form__section", children: [_jsx("div", { className: "panel__content__form__section__header__label", children: capitalize(name) }), _jsx("div", { className: "panel__content__form__section__header__prompt", children: description }), _jsx("div", { className: "panel__content__form__section__text-editor", children: _jsx(StudioTextInputEditor, { inputValue: value ?? '', updateInput: update, isReadOnly: isReadOnly, language: language }) })] }));
-});
-// TODO: consider to move this to shared
-export const ConnectionEditor_ArrayEditor = observer((props) => {
-    const { name, description, values, isReadOnly, update } = props;
-    const arrayValues = values;
-    // NOTE: `showEditInput` is either boolean (to hide/show the add value button) or a number (index of the item being edited)
-    const [showEditInput, setShowEditInput] = useState(false);
-    const [itemValue, setItemValue] = useState('');
-    const showAddItemInput = () => setShowEditInput(true);
-    const showEditItemInput = (value, idx) => () => {
-        setItemValue(value);
-        setShowEditInput(idx);
-    };
-    const hideAddOrEditItemInput = () => {
-        setShowEditInput(false);
-        setItemValue('');
-    };
-    const changeItemInputValue = (event) => setItemValue(event.target.value);
-    const addValue = () => {
-        if (itemValue && !isReadOnly && !arrayValues.includes(itemValue)) {
-            update(arrayValues.concat([itemValue]));
-        }
-        hideAddOrEditItemInput();
-    };
-    const updateValue = (idx) => () => {
-        if (itemValue && !isReadOnly && !arrayValues.includes(itemValue)) {
-            runInAction(() => {
-                arrayValues[idx] = itemValue;
-            });
-            update(arrayValues);
-        }
-        hideAddOrEditItemInput();
-    };
-    const deleteValue = (idx) => () => {
-        if (!isReadOnly) {
-            runInAction(() => arrayValues.splice(idx, 1));
-            update(arrayValues);
-            // Since we keep track of the value currently being edited using the index, we have to account for it as we delete entry
-            if (typeof showEditInput === 'number' && showEditInput > idx) {
-                setShowEditInput(showEditInput - 1);
-            }
-        }
-    };
-    return (_jsxs("div", { className: "panel__content__form__section", children: [_jsx("div", { className: "panel__content__form__section__header__label", children: capitalize(name) }), _jsx("div", { className: "panel__content__form__section__header__prompt", children: description }), _jsxs("div", { className: "panel__content__form__section__list", children: [_jsxs("div", { className: "panel__content__form__section__list__items", children: [arrayValues.map((value, idx) => (
-                            // NOTE: since the value must be unique, we will use it as the key
-                            _jsx("div", { className: showEditInput === idx
-                                    ? 'panel__content__form__section__list__new-item'
-                                    : 'panel__content__form__section__list__item', children: showEditInput === idx ? (_jsxs(_Fragment, { children: [_jsx("input", { className: "panel__content__form__section__input panel__content__form__section__list__new-item__input", spellCheck: false, disabled: isReadOnly, value: itemValue, onChange: changeItemInputValue }), _jsxs("div", { className: "panel__content__form__section__list__new-item__actions", children: [_jsx("button", { className: "panel__content__form__section__list__new-item__add-btn btn btn--dark", disabled: isReadOnly || arrayValues.includes(itemValue), onClick: updateValue(idx), tabIndex: -1, children: "Save" }), _jsx("button", { className: "panel__content__form__section__list__new-item__cancel-btn btn btn--dark", disabled: isReadOnly, onClick: hideAddOrEditItemInput, tabIndex: -1, children: "Cancel" })] })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "panel__content__form__section__list__item__value", children: value }), _jsxs("div", { className: "panel__content__form__section__list__item__actions", children: [_jsx("button", { className: "panel__content__form__section__list__item__edit-btn", disabled: isReadOnly, onClick: showEditItemInput(value, idx), tabIndex: -1, children: _jsx(PencilIcon, {}) }), _jsx("button", { className: "panel__content__form__section__list__item__remove-btn", disabled: isReadOnly, onClick: deleteValue(idx), tabIndex: -1, children: _jsx(TimesIcon, {}) })] })] })) }, value))), showEditInput === true && (_jsxs("div", { className: "panel__content__form__section__list__new-item", children: [_jsx("input", { className: "panel__content__form__section__input panel__content__form__section__list__new-item__input", spellCheck: false, disabled: isReadOnly, value: itemValue, onChange: changeItemInputValue }), _jsxs("div", { className: "panel__content__form__section__list__new-item__actions", children: [_jsx("button", { className: "panel__content__form__section__list__new-item__add-btn btn btn--dark", disabled: isReadOnly || arrayValues.includes(itemValue), onClick: addValue, tabIndex: -1, children: "Save" }), _jsx("button", { className: "panel__content__form__section__list__new-item__cancel-btn btn btn--dark", disabled: isReadOnly, onClick: hideAddOrEditItemInput, tabIndex: -1, children: "Cancel" })] })] }))] }), showEditInput !== true && (_jsx("div", { className: "panel__content__form__section__list__new-item__add", children: _jsx("button", { className: "panel__content__form__section__list__new-item__add-btn btn btn--dark", disabled: isReadOnly, onClick: showAddItemInput, tabIndex: -1, children: "Add Value" }) }))] })] }));
-});
 const LocalH2DatasourceSpecificationEditor = observer((props) => {
     const { sourceSpec, isReadOnly } = props;
+    // TODO?: support CSV and toggler to go to CSV mode
     const SQLValue = sourceSpec.testDataSetupSqls.join('\n');
-    // TODO: support CSV and toggler to go to CSV mode
-    return (_jsx(_Fragment, { children: _jsx(ConnectionEditor_TextEditor, { isReadOnly: isReadOnly, value: SQLValue, name: 'test data setup SQL', language: EDITOR_LANGUAGE.SQL, update: (value) => localH2DatasourceSpecification_setTestDataSetupSqls(sourceSpec, value ? [value] : []) }) }));
+    return (_jsxs("div", { className: "panel__content__form__section", children: [_jsx("div", { className: "panel__content__form__section__header__label", children: capitalize('test data setup SQL') }), _jsx("div", { className: "panel__content__form__section__text-editor", children: _jsx(StudioTextInputEditor, { inputValue: SQLValue, updateInput: (value) => localH2DatasourceSpecification_setTestDataSetupSqls(sourceSpec, value ? [value] : []), isReadOnly: isReadOnly, language: EDITOR_LANGUAGE.SQL }) })] }));
 });
-//data source
 const StaticDatasourceSpecificationEditor = observer((props) => {
     const { sourceSpec, isReadOnly } = props;
     const changePort = (event) => {
         const val = event.target.value;
         staticDatasourceSpecification_setPort(sourceSpec, parseInt(val, 10));
     };
-    return (_jsxs(_Fragment, { children: [_jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.host, name: 'host', update: (value) => staticDatasourceSpecification_setHost(sourceSpec, value ?? '') }), _jsxs("div", { className: "panel__content__form__section", children: [_jsx("div", { className: "panel__content__form__section__header__label", children: "port" }), _jsx("input", { className: "panel__content__form__section__input panel__content__form__section__number-input", spellCheck: false, type: "number", disabled: isReadOnly, value: sourceSpec.port, onChange: changePort })] }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.databaseName, name: 'database', update: (value) => staticDatasourceSpecification_setDatabaseName(sourceSpec, value ?? '') })] }));
+    return (_jsxs(PanelSection, { children: [_jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.host, name: 'host', update: (value) => staticDatasourceSpecification_setHost(sourceSpec, value ?? '') }), _jsx("div", { className: "panel__content__form__section__header__label", children: "port" }), _jsx("input", { className: "panel__content__form__section__input panel__content__form__section__number-input", spellCheck: false, type: "number", disabled: isReadOnly, value: sourceSpec.port, onChange: changePort }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.databaseName, name: 'database', update: (value) => staticDatasourceSpecification_setDatabaseName(sourceSpec, value ?? '') })] }));
 });
 const EmbeddedH2DatasourceSpecificationEditor = observer((props) => {
     const { sourceSpec, isReadOnly } = props;
-    return (_jsxs(_Fragment, { children: [_jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.databaseName, name: 'database', update: (value) => embeddedH2DatasourceSpecification_setDatabaseName(sourceSpec, value ?? '') }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.directory, name: 'directory', update: (value) => embeddedH2DatasourceSpecification_setDirectory(sourceSpec, value ?? '') }), _jsx(ConnectionEditor_BooleanEditor, { isReadOnly: isReadOnly, value: sourceSpec.autoServerMode, name: 'auto server mode', update: (value) => embeddedH2DatasourceSpecification_setAutoServerMode(sourceSpec, Boolean(value)) })] }));
+    return (_jsxs(PanelSection, { children: [_jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.databaseName, name: 'database', update: (value) => embeddedH2DatasourceSpecification_setDatabaseName(sourceSpec, value ?? '') }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.directory, name: 'directory', update: (value) => embeddedH2DatasourceSpecification_setDirectory(sourceSpec, value ?? '') }), _jsx(PanelFormBooleanEditor, { isReadOnly: isReadOnly, value: sourceSpec.autoServerMode, name: 'auto server mode', update: (value) => embeddedH2DatasourceSpecification_setAutoServerMode(sourceSpec, Boolean(value)) })] }));
 });
 const DatabricksDatasourceSpecificationEditor = observer((props) => {
     const { sourceSpec, isReadOnly } = props;
-    return (_jsxs(_Fragment, { children: [_jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.hostname, name: "hostname", update: (value) => databricksDatasourceSpecification_setHostName(sourceSpec, value ?? '') }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.port, name: "port", update: (value) => databricksDatasourceSpecification_setPort(sourceSpec, value ?? '') }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.protocol, name: "protocol", update: (value) => databricksDatasourceSpecification_setProtocol(sourceSpec, value ?? '') }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.httpPath, name: "httpPath", update: (value) => databricksDatasourceSpecification_setHttpPath(sourceSpec, value ?? '') })] }));
+    return (_jsxs(PanelSection, { children: [_jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.hostname, name: "hostname", update: (value) => databricksDatasourceSpecification_setHostName(sourceSpec, value ?? '') }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.port, name: "port", update: (value) => databricksDatasourceSpecification_setPort(sourceSpec, value ?? '') }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.protocol, name: "protocol", update: (value) => databricksDatasourceSpecification_setProtocol(sourceSpec, value ?? '') }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.httpPath, name: "httpPath", update: (value) => databricksDatasourceSpecification_setHttpPath(sourceSpec, value ?? '') })] }));
 });
 const SnowflakeDatasourceSpecificationEditor = observer((props) => {
     const { sourceSpec, isReadOnly } = props;
-    return (_jsxs(_Fragment, { children: [_jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.accountName, name: "account", update: (value) => snowflakeDatasourceSpec_setAccountName(sourceSpec, value ?? '') }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.region, name: "region", update: (value) => snowflakeDatasourceSpec_setRegion(sourceSpec, value ?? '') }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.warehouseName, name: "warehouse", update: (value) => snowflakeDatasourceSpec_setWarehouseName(sourceSpec, value ?? '') }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.databaseName, name: "database", update: (value) => snowflakeDatasourceSpec_setDatabaseName(sourceSpec, value ?? '') }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.cloudType, name: "cloud type", update: (value) => snowflakeDatasourceSpec_setCloudType(sourceSpec, value) }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.proxyHost, name: "proxy host", update: (value) => snowflakeDatasourceSpec_setProxyHost(sourceSpec, value) }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.proxyPort, name: "proxy port", update: (value) => snowflakeDatasourceSpec_setProxyPort(sourceSpec, value) }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.nonProxyHosts, name: "non proxy hosts", update: (value) => snowflakeDatasourceSpec_setNonProxyHosts(sourceSpec, value) }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.organization, name: "organization", update: (value) => snowflakeDatasourceSpec_setOrganization(sourceSpec, value) }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.accountType, name: "account type", update: (value) => snowflakeDatasourceSpec_setAccountType(sourceSpec, value) }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.role, name: "role", update: (value) => snowflakeDatasourceSpec_setRole(sourceSpec, value) }), _jsx(ConnectionEditor_BooleanEditor, { isReadOnly: isReadOnly, value: sourceSpec.quotedIdentifiersIgnoreCase, name: "quoted identifiers ignore case", description: "Controls whether Snowflake will treat alphabetic characters in double-quoted identifiers as uppercase", update: (value) => snowflakeDatasourceSpec_setQuotedIdentifiersIgnoreCase(sourceSpec, Boolean(value)) })] }));
+    return (_jsxs(PanelSection, { children: [_jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.accountName, name: "account", update: (value) => snowflakeDatasourceSpec_setAccountName(sourceSpec, value ?? '') }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.region, name: "region", update: (value) => snowflakeDatasourceSpec_setRegion(sourceSpec, value ?? '') }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.warehouseName, name: "warehouse", update: (value) => snowflakeDatasourceSpec_setWarehouseName(sourceSpec, value ?? '') }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.databaseName, name: "database", update: (value) => snowflakeDatasourceSpec_setDatabaseName(sourceSpec, value ?? '') }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.cloudType, name: "cloud type", update: (value) => snowflakeDatasourceSpec_setCloudType(sourceSpec, value) }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.proxyHost, name: "proxy host", update: (value) => snowflakeDatasourceSpec_setProxyHost(sourceSpec, value) }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.proxyPort, name: "proxy port", update: (value) => snowflakeDatasourceSpec_setProxyPort(sourceSpec, value) }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.nonProxyHosts, name: "non proxy hosts", update: (value) => snowflakeDatasourceSpec_setNonProxyHosts(sourceSpec, value) }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.organization, name: "organization", update: (value) => snowflakeDatasourceSpec_setOrganization(sourceSpec, value) }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.accountType, name: "account type", update: (value) => snowflakeDatasourceSpec_setAccountType(sourceSpec, value) }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.role, name: "role", update: (value) => snowflakeDatasourceSpec_setRole(sourceSpec, value) }), _jsx(PanelFormBooleanEditor, { isReadOnly: isReadOnly, value: sourceSpec.quotedIdentifiersIgnoreCase, name: "quoted identifiers ignore case", description: "Controls whether Snowflake will treat alphabetic characters in double-quoted identifiers as uppercase", update: (value) => snowflakeDatasourceSpec_setQuotedIdentifiersIgnoreCase(sourceSpec, Boolean(value)) })] }));
 });
 const RedshiftDatasourceSpecificationEditor = observer((props) => {
     const { sourceSpec, isReadOnly } = props;
@@ -133,42 +59,42 @@ const RedshiftDatasourceSpecificationEditor = observer((props) => {
         const val = event.target.value;
         redshiftDatasourceSpecification_setPort(sourceSpec, parseInt(val, 10));
     };
-    return (_jsxs(_Fragment, { children: [_jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.host, name: "host", update: (value) => redshiftDatasourceSpecification_setHost(sourceSpec, value ?? '') }), _jsxs("div", { className: "panel__content__form__section", children: [_jsx("div", { className: "panel__content__form__section__header__label", children: "port" }), _jsx("input", { className: "panel__content__form__section__input panel__content__form__section__number-input", spellCheck: false, type: "number", disabled: isReadOnly, value: sourceSpec.port, onChange: changePort })] }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.databaseName, name: "database", update: (value) => redshiftDatasourceSpecification_setDatabaseName(sourceSpec, value ?? '') }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.region, name: "region", update: (value) => redshiftDatasourceSpecification_setRegion(sourceSpec, value ?? '') }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.clusterID, name: "cluster", update: (value) => redshiftDatasourceSpecification_setClusterID(sourceSpec, value ?? '') }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.endpointURL, name: "endpointURL", update: (value) => redshiftDatasourceSpecification_setEndpointURL(sourceSpec, value ?? '') })] }));
+    return (_jsxs(PanelSection, { children: [_jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.host, name: "host", update: (value) => redshiftDatasourceSpecification_setHost(sourceSpec, value ?? '') }), _jsxs("div", { className: "panel__content__form__section", children: [_jsx("div", { className: "panel__content__form__section__header__label", children: "port" }), _jsx("input", { className: "panel__content__form__section__input panel__content__form__section__number-input", spellCheck: false, type: "number", disabled: isReadOnly, value: sourceSpec.port, onChange: changePort })] }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.databaseName, name: "database", update: (value) => redshiftDatasourceSpecification_setDatabaseName(sourceSpec, value ?? '') }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.region, name: "region", update: (value) => redshiftDatasourceSpecification_setRegion(sourceSpec, value ?? '') }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.clusterID, name: "cluster", update: (value) => redshiftDatasourceSpecification_setClusterID(sourceSpec, value ?? '') }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.endpointURL, name: "endpointURL", update: (value) => redshiftDatasourceSpecification_setEndpointURL(sourceSpec, value ?? '') })] }));
 });
 const BigQueryDatasourceSpecificationEditor = observer((props) => {
     const { sourceSpec, isReadOnly } = props;
-    return (_jsxs(_Fragment, { children: [_jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.projectId, name: 'project id', update: (value) => bigQueryDatasourceSpecification_setProjectId(sourceSpec, value ?? '') }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.defaultDataset, name: 'default dataset', update: (value) => bigQueryDatasourceSpecification_setDefaultDataset(sourceSpec, value ?? '') }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.proxyHost, name: "proxy host", description: "Specifies proxy host for connection to GCP BigQuery", update: (value) => bigQueryDatasourceSpecification_setProxyHost(sourceSpec, value ?? '') }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.proxyPort, name: "proxy port", description: "Specifies proxy port for connection to GCP BigQuery", update: (value) => bigQueryDatasourceSpecification_setProxyPort(sourceSpec, value ?? '') })] }));
+    return (_jsxs(PanelSection, { children: [_jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.projectId, name: 'project id', update: (value) => bigQueryDatasourceSpecification_setProjectId(sourceSpec, value ?? '') }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.defaultDataset, name: 'default dataset', update: (value) => bigQueryDatasourceSpecification_setDefaultDataset(sourceSpec, value ?? '') }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.proxyHost, name: "proxy host", description: "Specifies proxy host for connection to GCP BigQuery", update: (value) => bigQueryDatasourceSpecification_setProxyHost(sourceSpec, value ?? '') }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: sourceSpec.proxyPort, name: "proxy port", description: "Specifies proxy port for connection to GCP BigQuery", update: (value) => bigQueryDatasourceSpecification_setProxyPort(sourceSpec, value ?? '') })] }));
 });
 // auth strategy
 const DelegatedKerberosAuthenticationStrategyEditor = observer((props) => {
     const { authSpec, isReadOnly } = props;
-    return (_jsx(_Fragment, { children: _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: authSpec.serverPrincipal, name: 'server principal', update: (value) => delegatedKerberosAuthenticationStrategy_setServerPrincipal(authSpec, value ?? '') }) }));
+    return (_jsx(_Fragment, { children: _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: authSpec.serverPrincipal, name: 'server principal', update: (value) => delegatedKerberosAuthenticationStrategy_setServerPrincipal(authSpec, value ?? '') }) }));
 });
 const ApiTokenAuthenticationStrategyEditor = observer((props) => {
     const { authSpec, isReadOnly } = props;
-    return (_jsx(_Fragment, { children: _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: authSpec.apiToken, name: 'apiTokenRef', update: (value) => apiTokenAuthenticationStrategy_setApiToken(authSpec, value ?? '') }) }));
+    return (_jsx(_Fragment, { children: _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: authSpec.apiToken, name: 'apiTokenRef', update: (value) => apiTokenAuthenticationStrategy_setApiToken(authSpec, value ?? '') }) }));
 });
 const SnowflakePublicAuthenticationStrategyEditor = observer((props) => {
     const { authSpec, isReadOnly } = props;
-    return (_jsxs(_Fragment, { children: [_jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: authSpec.privateKeyVaultReference, name: 'private key vault reference', update: (value) => snowflakePublicAuthenticationStrategy_setPrivateKeyVaultReference(authSpec, value ?? '') }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: authSpec.passPhraseVaultReference, name: 'pass phrase vault reference', update: (value) => snowflakePublicAuthenticationStrategy_setPassPhraseVaultReference(authSpec, value ?? '') }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: authSpec.publicUserName, name: 'public user name', update: (value) => snowflakePublicAuthenticationStrategy_setPublicUserName(authSpec, value ?? '') })] }));
+    return (_jsxs(PanelSection, { children: [_jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: authSpec.privateKeyVaultReference, name: 'private key vault reference', update: (value) => snowflakePublicAuthenticationStrategy_setPrivateKeyVaultReference(authSpec, value ?? '') }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: authSpec.passPhraseVaultReference, name: 'pass phrase vault reference', update: (value) => snowflakePublicAuthenticationStrategy_setPassPhraseVaultReference(authSpec, value ?? '') }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: authSpec.publicUserName, name: 'public user name', update: (value) => snowflakePublicAuthenticationStrategy_setPublicUserName(authSpec, value ?? '') })] }));
 });
 const OAuthAuthenticationStrategyEditor = observer((props) => {
     const { authSpec, isReadOnly } = props;
-    return (_jsxs(_Fragment, { children: [_jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: authSpec.oauthKey, name: 'oauth key', update: (value) => oAuthAuthenticationStrategy_setOauthKey(authSpec, value ?? '') }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: authSpec.scopeName, name: 'scope name', update: (value) => oAuthAuthenticationStrategy_setScopeName(authSpec, value ?? '') })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: authSpec.oauthKey, name: 'oauth key', update: (value) => oAuthAuthenticationStrategy_setOauthKey(authSpec, value ?? '') }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: authSpec.scopeName, name: 'scope name', update: (value) => oAuthAuthenticationStrategy_setScopeName(authSpec, value ?? '') })] }));
 });
 const UsernamePasswordAuthenticationStrategyEditor = observer((props) => {
     const { authSpec, isReadOnly } = props;
-    return (_jsxs(_Fragment, { children: [_jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: authSpec.baseVaultReference, name: 'base vault reference', update: (value) => usernamePasswordAuthenticationStrategy_setBaseVaultReference(authSpec, value) }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: authSpec.userNameVaultReference, name: 'user name vault reference', update: (value) => usernamePasswordAuthenticationStrategy_setUserNameVaultReference(authSpec, value ?? '') }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: authSpec.passwordVaultReference, name: 'password vault reference', update: (value) => usernamePasswordAuthenticationStrategy_setPasswordVaultReference(authSpec, value ?? '') })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: authSpec.baseVaultReference, name: 'base vault reference', update: (value) => usernamePasswordAuthenticationStrategy_setBaseVaultReference(authSpec, value) }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: authSpec.userNameVaultReference, name: 'user name vault reference', update: (value) => usernamePasswordAuthenticationStrategy_setUserNameVaultReference(authSpec, value ?? '') }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: authSpec.passwordVaultReference, name: 'password vault reference', update: (value) => usernamePasswordAuthenticationStrategy_setPasswordVaultReference(authSpec, value ?? '') })] }));
 });
 // Middle Tier Username Password Authentication Strategy obtains credentials(username and password) from the provided vault reference
 const MiddleTierUsernamePasswordAuthenticationStrategyEditor = observer((props) => {
     const { authSpec, isReadOnly } = props;
-    return (_jsx(_Fragment, { children: _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: authSpec.vaultReference, name: 'vault reference', description: "Specifies the cred vault reference containing connection credentials", update: (value) => middleTierUsernamePasswordAuthenticationStrategy_setVaultReference(authSpec, value ?? '') }) }));
+    return (_jsx(_Fragment, { children: _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: authSpec.vaultReference, name: 'vault reference', description: "Specifies the cred vault reference containing connection credentials", update: (value) => middleTierUsernamePasswordAuthenticationStrategy_setVaultReference(authSpec, value ?? '') }) }));
 });
 const GCPWorkloadIdentityFederationAuthenticationStrategyEditor = observer((props) => {
     const { authSpec, isReadOnly } = props;
     const GCPScopes = authSpec.additionalGcpScopes.join('\n');
-    return (_jsxs(_Fragment, { children: [_jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: authSpec.serviceAccountEmail, name: 'Service Account Email', update: (value) => gcpWorkloadIdentityFederationAuthenticationStrategy_setServiceAccountEmail(authSpec, value ?? '') }), _jsx(PanelTextEditor, { isReadOnly: isReadOnly, value: GCPScopes, name: 'Additional GCP Scopes', update: (value) => gcpWorkloadIdentityFederationAuthenticationStrategy_setAdditionalGcpScopes(authSpec, value ? [value] : []) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: authSpec.serviceAccountEmail, name: 'Service Account Email', update: (value) => gcpWorkloadIdentityFederationAuthenticationStrategy_setServiceAccountEmail(authSpec, value ?? '') }), _jsx(PanelFormTextEditor, { isReadOnly: isReadOnly, value: GCPScopes, name: 'Additional GCP Scopes', update: (value) => gcpWorkloadIdentityFederationAuthenticationStrategy_setAdditionalGcpScopes(authSpec, value ? [value] : []) })] }));
 });
 const RelationalConnectionStoreEditor = observer((props) => {
     const { connectionValueState, isReadOnly } = props;
@@ -392,7 +318,7 @@ const RelationalConnectionGeneralEditor = observer((props) => {
     const onAuthStrategyChange = (val) => {
         connectionValueState.changeAuthenticationStrategy(val?.value ?? CORE_AUTHENTICATION_STRATEGY_TYPE.OAUTH);
     };
-    return (_jsx("div", { className: "relational-connection-editor", children: _jsxs(ResizablePanelGroup, { orientation: "horizontal", children: [_jsx(ResizablePanel, { size: 200, minSize: 15, children: _jsxs("div", { className: "panel", children: [_jsx(PanelHeader, { title: "general" }), _jsxs("div", { className: "panel__content relational-connection-editor__general", children: [_jsxs("div", { className: "panel__content__form__section", children: [_jsx("div", { className: "panel__content__form__section__header__label", children: "Database type" }), _jsx(CustomSelectorInput, { options: typeOptions, onChange: onTypeChange, value: selectedType, darkMode: true })] }), _jsx(ConnectionEditor_BooleanEditor, { isReadOnly: isReadOnly, value: connection.quoteIdentifiers, name: "Quote identifiers", description: "Specifies whether to use double-quotes for SQL identifiers", update: (value) => dBConnection_setQuoteIdentifiers(connection, Boolean(value)) })] })] }) }), _jsx(ResizablePanelSplitter, {}), _jsx(ResizablePanel, { children: _jsx("div", { className: "relational-connection-editor__content", children: _jsxs(ResizablePanelGroup, { orientation: "vertical", children: [_jsx(ResizablePanel, { size: 450, minSize: 50, children: _jsxs("div", { className: "relational-connection-editor__auth", children: [_jsx(PanelHeader, { title: "datasource spec" }), _jsxs("div", { className: "panel__content relational-connection-editor__auth__content", children: [_jsxs("div", { className: "panel__content__form__section", children: [_jsx("div", { className: "panel__content__form__section__header__label", children: "Datasource" }), _jsx(CustomSelectorInput, { options: sourceSpecOptions, onChange: onSourceSpecChange, value: selectedSourceSpec, darkMode: true })] }), _jsx("div", { className: "relational-connection-editor__auth__properties", children: renderDatasourceSpecificationEditor(connection, isReadOnly, plugins) })] })] }) }), _jsx(ResizablePanelSplitter, {}), _jsx(ResizablePanel, { children: _jsxs("div", { className: "relational-connection-editor__source", children: [_jsx(PanelHeader, { title: "authentication spec" }), _jsxs("div", { className: "panel__content relational-connection-editor__source__content", children: [_jsxs("div", { className: "panel__content__form__section", children: [_jsx("div", { className: "panel__content__form__section__header__label", children: "Authentication" }), _jsx(CustomSelectorInput, { options: authOptions, onChange: onAuthStrategyChange, value: selectedAuth, darkMode: true })] }), _jsx("div", { className: "relational-connection-editor__source__properties", children: renderAuthenticationStrategyEditor(connection, isReadOnly, plugins) })] })] }) })] }) }) })] }) }));
+    return (_jsx("div", { className: "relational-connection-editor", children: _jsxs(ResizablePanelGroup, { orientation: "horizontal", children: [_jsx(ResizablePanel, { size: 200, minSize: 15, children: _jsxs(Panel, { children: [_jsx(PanelHeader, { title: "general" }), _jsxs("div", { className: "panel__content relational-connection-editor__general", children: [_jsxs("div", { className: "panel__content__form__section", children: [_jsx("div", { className: "panel__content__form__section__header__label", children: "Database type" }), _jsx(CustomSelectorInput, { options: typeOptions, onChange: onTypeChange, value: selectedType, darkMode: true })] }), _jsx(PanelFormBooleanEditor, { isReadOnly: isReadOnly, value: connection.quoteIdentifiers, name: "Quote identifiers", description: "Specifies whether to use double-quotes for SQL identifiers", update: (value) => dBConnection_setQuoteIdentifiers(connection, Boolean(value)) })] })] }) }), _jsx(ResizablePanelSplitter, {}), _jsx(ResizablePanel, { children: _jsx("div", { className: "relational-connection-editor__content", children: _jsxs(ResizablePanelGroup, { orientation: "vertical", children: [_jsx(ResizablePanel, { size: 450, minSize: 50, children: _jsxs("div", { className: "relational-connection-editor__auth", children: [_jsx(PanelHeader, { title: "datasource spec" }), _jsxs("div", { className: "panel__content relational-connection-editor__auth__content", children: [_jsxs("div", { className: "panel__content__form__section", children: [_jsx("div", { className: "panel__content__form__section__header__label", children: "Datasource" }), _jsx(CustomSelectorInput, { options: sourceSpecOptions, onChange: onSourceSpecChange, value: selectedSourceSpec, darkMode: true })] }), _jsx("div", { className: "relational-connection-editor__auth__properties", children: renderDatasourceSpecificationEditor(connection, isReadOnly, plugins) })] })] }) }), _jsx(ResizablePanelSplitter, {}), _jsx(ResizablePanel, { children: _jsxs("div", { className: "relational-connection-editor__source", children: [_jsx(PanelHeader, { title: "authentication spec" }), _jsxs("div", { className: "panel__content relational-connection-editor__source__content", children: [_jsxs("div", { className: "panel__content__form__section", children: [_jsx("div", { className: "panel__content__form__section__header__label", children: "Authentication" }), _jsx(CustomSelectorInput, { options: authOptions, onChange: onAuthStrategyChange, value: selectedAuth, darkMode: true })] }), _jsx("div", { className: "relational-connection-editor__source__properties", children: renderAuthenticationStrategyEditor(connection, isReadOnly, plugins) })] })] }) })] }) }) })] }) }));
 });
 export const RelationalDatabaseConnectionEditor = observer((props) => {
     const { connectionValueState, isReadOnly } = props;
@@ -401,6 +327,6 @@ export const RelationalDatabaseConnectionEditor = observer((props) => {
     tab) => () => {
         connectionValueState.setSelectedTab(tab);
     };
-    return (_jsxs(_Fragment, { children: [_jsx(PanelTabs, { tabTitles: Object.values(RELATIONAL_DATABASE_TAB_TYPE), changeTheTab: changeTab, selectedTab: selectedTab, tabClassName: "relational-connection-editor__tab" }), _jsxs("div", { className: "panel__content", children: [selectedTab === RELATIONAL_DATABASE_TAB_TYPE.GENERAL && (_jsx(RelationalConnectionGeneralEditor, { connectionValueState: connectionValueState, isReadOnly: isReadOnly })), selectedTab === RELATIONAL_DATABASE_TAB_TYPE.STORE && (_jsx(RelationalConnectionStoreEditor, { connectionValueState: connectionValueState, isReadOnly: isReadOnly })), selectedTab === RELATIONAL_DATABASE_TAB_TYPE.POST_PROCESSORS && (_jsx(PostProcessorRelationalConnectionEditor, { connectionValueState: connectionValueState, isReadOnly: isReadOnly }))] })] }));
+    return (_jsxs(Panel, { children: [_jsx(PanelTabs, { tabTitles: Object.values(RELATIONAL_DATABASE_TAB_TYPE), changeTheTab: changeTab, selectedTab: selectedTab, tabClassName: "relational-connection-editor__tab" }), _jsxs(PanelContent, { children: [selectedTab === RELATIONAL_DATABASE_TAB_TYPE.GENERAL && (_jsx(RelationalConnectionGeneralEditor, { connectionValueState: connectionValueState, isReadOnly: isReadOnly })), selectedTab === RELATIONAL_DATABASE_TAB_TYPE.STORE && (_jsx(RelationalConnectionStoreEditor, { connectionValueState: connectionValueState, isReadOnly: isReadOnly })), selectedTab === RELATIONAL_DATABASE_TAB_TYPE.POST_PROCESSORS && (_jsx(PostProcessorRelationalConnectionEditor, { connectionValueState: connectionValueState, isReadOnly: isReadOnly }))] })] }));
 });
 //# sourceMappingURL=RelationalDatabaseConnectionEditor.js.map