From 0dffdf0d782b7641bfd68c4a5b03ad4f2fb2f4a8 Mon Sep 17 00:00:00 2001 From: naumov Date: Thu, 30 May 2024 16:47:18 +0200 Subject: [PATCH] CB-5180 rename .m -> .module --- .../AppScreen/{Main.m.css => Main.module.css} | 7 ++++ .../packages/core-app/src/AppScreen/Main.tsx | 2 +- .../core-app/src/AppScreen/RightArea.m.css | 10 ----- .../src/AppScreen/RightArea.module.css | 17 ++++++++ .../core-app/src/AppScreen/RightArea.tsx | 2 +- .../src/{Body.m.css => Body.module.css} | 0 webapp/packages/core-app/src/Body.tsx | 2 +- ...tton.m.css => ActionIconButton.module.css} | 0 .../core-blocks/src/ActionIconButton.tsx | 2 +- ...tton.m.css => AppRefreshButton.module.css} | 7 ++++ .../core-blocks/src/AppRefreshButton.tsx | 2 +- .../src/{Button.m.css => Button.module.css} | 7 ++++ webapp/packages/core-blocks/src/Button.tsx | 2 +- .../src/{Cell.m.css => Cell.module.css} | 0 webapp/packages/core-blocks/src/Cell.tsx | 2 +- webapp/packages/core-blocks/src/Code.m.css | 5 --- .../packages/core-blocks/src/Code.module.css | 12 ++++++ webapp/packages/core-blocks/src/Code.tsx | 5 ++- ...Body.m.css => CommonDialogBody.module.css} | 7 ++++ .../CommonDialog/CommonDialogBody.tsx | 2 +- .../CommonDialog/CommonDialogFooter.m.css | 11 ------ .../CommonDialogFooter.module.css | 18 +++++++++ .../CommonDialog/CommonDialogFooter.tsx | 2 +- ...er.m.css => CommonDialogHeader.module.css} | 0 .../CommonDialog/CommonDialogHeader.tsx | 2 +- ...r.m.css => CommonDialogWrapper.module.css} | 0 .../CommonDialog/CommonDialogWrapper.tsx | 2 +- .../src/CommonDialog/ConfirmationDialog.m.css | 4 -- .../ConfirmationDialog.module.css | 11 ++++++ .../src/CommonDialog/ConfirmationDialog.tsx | 2 +- ...sPortal.m.css => DialogsPortal.module.css} | 7 ++++ .../src/CommonDialog/DialogsPortal.tsx | 2 +- .../src/CommonDialog/RenameDialog.m.css | 3 -- .../src/CommonDialog/RenameDialog.module.css | 10 +++++ .../src/CommonDialog/RenameDialog.tsx | 2 +- .../ConnectionImageWithMaskSvg.m.css | 3 -- .../ConnectionImageWithMaskSvg.module.css | 10 +++++ .../ConnectionImageWithMaskSvg.tsx | 2 +- ...onMark.m.css => ConnectionMark.module.css} | 7 ++++ .../ConnectionMark.tsx | 2 +- .../src/Containers/ColoredContainer.m.css | 6 --- .../Containers/ColoredContainer.module.css | 13 +++++++ .../src/Containers/ColoredContainer.tsx | 6 +-- .../{Container.m.css => Container.module.css} | 7 ++++ .../core-blocks/src/Containers/Container.tsx | 4 +- .../{Group.m.css => Group.module.css} | 0 .../core-blocks/src/Containers/Group.tsx | 6 +-- ...GroupClose.m.css => GroupClose.module.css} | 2 +- .../core-blocks/src/Containers/GroupClose.tsx | 2 +- .../src/Containers/GroupItem.m.css | 3 -- .../src/Containers/GroupItem.module.css | 10 +++++ .../core-blocks/src/Containers/GroupItem.tsx | 2 +- .../src/Containers/GroupSubTitle.m.css | 8 ---- .../src/Containers/GroupSubTitle.module.css | 15 +++++++ .../src/Containers/GroupSubTitle.tsx | 2 +- ...GroupTitle.m.css => GroupTitle.module.css} | 2 +- .../core-blocks/src/Containers/GroupTitle.tsx | 4 +- ...entsSize.m.css => ElementsSize.module.css} | 7 ++++ ...layError.m.css => DisplayError.module.css} | 0 .../packages/core-blocks/src/DisplayError.tsx | 2 +- .../core-blocks/src/ErrorBoundary.m.css | 3 -- .../core-blocks/src/ErrorBoundary.module.css | 10 +++++ .../core-blocks/src/ErrorBoundary.tsx | 2 +- ...og.m.css => ErrorDetailsDialog.module.css} | 7 ++++ .../ErrorDetailsDialog/ErrorDetailsDialog.tsx | 2 +- ...rMessage.m.css => ErrorMessage.module.css} | 0 .../packages/core-blocks/src/ErrorMessage.tsx | 2 +- ...sage.m.css => ExceptionMessage.module.css} | 9 ++++- .../core-blocks/src/ExceptionMessage.tsx | 2 +- ...Expandable.m.css => Expandable.module.css} | 7 ++++ .../core-blocks/src/Expand/Expandable.tsx | 2 +- webapp/packages/core-blocks/src/Fill.m.css | 3 -- .../packages/core-blocks/src/Fill.module.css | 10 +++++ webapp/packages/core-blocks/src/Fill.tsx | 2 +- .../FolderExplorer/FolderExplorerPath.m.css | 5 --- .../FolderExplorerPath.module.css | 12 ++++++ .../src/FolderExplorer/FolderExplorerPath.tsx | 2 +- ...FolderName.m.css => FolderName.module.css} | 7 ++++ .../src/FolderExplorer/FolderName.tsx | 2 +- ...Dropdown.m.css => BaseDropdown.module.css} | 0 ...Markup.m.css => CheckboxMarkup.module.css} | 7 ++++ .../Checkboxes/CheckboxMarkup.tsx | 2 +- ...heckbox.m.css => FieldCheckbox.module.css} | 7 ++++ .../FormControls/Checkboxes/FieldCheckbox.tsx | 2 +- .../{Switch.m.css => Switch.module.css} | 7 ++++ .../src/FormControls/Checkboxes/Switch.tsx | 6 +-- .../FormControls/Checkboxes/SwitchDense.m.css | 9 ----- .../Checkboxes/SwitchDense.module.css | 16 ++++++++ .../Checkboxes/SwitchPrimary.m.css | 3 -- .../Checkboxes/SwitchPrimary.module.css | 10 +++++ .../{Combobox.m.css => Combobox.module.css} | 9 ++++- .../core-blocks/src/FormControls/Combobox.tsx | 2 +- .../core-blocks/src/FormControls/Field.m.css | 10 ----- .../src/FormControls/Field.module.css | 17 ++++++++ .../core-blocks/src/FormControls/Field.tsx | 11 +++++- ...tion.m.css => FieldDescription.module.css} | 7 ++++ .../src/FormControls/FieldDescription.tsx | 9 ++++- ...FieldLabel.m.css => FieldLabel.module.css} | 0 .../src/FormControls/FieldLabel.tsx | 9 ++++- .../{Filter.m.css => Filter.module.css} | 0 .../core-blocks/src/FormControls/Filter.tsx | 2 +- .../{Form.m.css => Form.module.css} | 0 .../core-blocks/src/FormControls/Form.tsx | 2 +- ...rmControl.m.css => FormControl.module.css} | 7 ++++ ....m.css => FormFieldDescription.module.css} | 7 ++++ .../src/FormControls/FormFieldDescription.tsx | 2 +- ...InputField.m.css => InputField.module.css} | 7 ++++ .../InputField/InputFieldBase.tsx | 2 +- ....m.css => InputFileTextContent.module.css} | 7 ++++ .../src/FormControls/InputFileTextContent.tsx | 2 +- ...InputFiles.m.css => InputFiles.module.css} | 0 .../src/FormControls/InputFiles.tsx | 2 +- .../{Radio.m.css => Radio.module.css} | 7 ++++ .../core-blocks/src/FormControls/Radio.tsx | 2 +- .../{Textarea.m.css => Textarea.module.css} | 7 ++++ .../core-blocks/src/FormControls/Textarea.tsx | 2 +- ...IconButton.m.css => IconButton.module.css} | 0 .../packages/core-blocks/src/IconButton.tsx | 2 +- webapp/packages/core-blocks/src/Iframe.m.css | 4 -- .../core-blocks/src/Iframe.module.css | 11 ++++++ webapp/packages/core-blocks/src/Iframe.tsx | 2 +- .../packages/core-blocks/src/InfoItem.m.css | 10 ----- .../core-blocks/src/InfoItem.module.css | 17 ++++++++ webapp/packages/core-blocks/src/InfoItem.tsx | 2 +- .../{ItemList.m.css => ItemList.module.css} | 0 .../core-blocks/src/ItemList/ItemList.tsx | 2 +- .../src/ItemList/ItemListSearch.tsx | 2 +- .../core-blocks/src/ItemList/ListItem.tsx | 2 +- .../src/ItemList/ListItemDescription.tsx | 5 +-- .../core-blocks/src/ItemList/ListItemIcon.tsx | 2 +- .../core-blocks/src/ItemList/ListItemName.tsx | 2 +- .../src/{Link.m.css => Link.module.css} | 7 ++++ webapp/packages/core-blocks/src/Link.tsx | 2 +- .../{Loader.m.css => Loader.module.css} | 0 .../core-blocks/src/Loader/Loader.tsx | 2 +- .../src/Menu/{Menu.m.css => Menu.module.css} | 0 webapp/packages/core-blocks/src/Menu/Menu.tsx | 2 +- ...Item.m.css => MenuBarSmallItem.module.css} | 0 .../core-blocks/src/Menu/MenuBarSmallItem.tsx | 2 +- .../{MenuItem.m.css => MenuItem.module.css} | 9 ++++- .../core-blocks/src/Menu/MenuItem.tsx | 2 +- .../core-blocks/src/Menu/MenuItemCheckbox.tsx | 2 +- ...ement.m.css => MenuItemElement.module.css} | 7 ++++ .../core-blocks/src/Menu/MenuItemElement.tsx | 2 +- .../core-blocks/src/Menu/MenuItemRadio.tsx | 2 +- .../{MenuPanel.m.css => MenuPanel.module.css} | 9 ++++- .../core-blocks/src/Menu/MenuPanel.tsx | 2 +- .../core-blocks/src/Menu/MenuSeparator.m.css | 11 ------ .../src/Menu/MenuSeparator.module.css | 18 +++++++++ .../core-blocks/src/Menu/MenuSeparator.tsx | 2 +- .../src/MenuPanel/MenuPanelItem.tsx | 2 +- .../core-blocks/src/MenuPanel/MenuTrigger.tsx | 2 +- ...css => MenuPanelItemAndTrigger.module.css} | 0 .../ObjectPropertyInfoForm.tsx | 2 +- .../{Overlay.m.css => Overlay.module.css} | 7 ++++ .../core-blocks/src/Overlay/Overlay.tsx | 2 +- .../src/Overlay/OverlayActions.m.css | 6 --- .../src/Overlay/OverlayActions.module.css | 13 +++++++ .../src/Overlay/OverlayActions.tsx | 2 +- .../src/Overlay/OverlayHeader.m.css | 9 ----- .../src/Overlay/OverlayHeader.module.css | 16 ++++++++ .../core-blocks/src/Overlay/OverlayHeader.tsx | 2 +- .../src/Overlay/OverlayHeaderIcon.m.css | 11 ------ .../src/Overlay/OverlayHeaderIcon.module.css | 18 +++++++++ .../src/Overlay/OverlayHeaderIcon.tsx | 2 +- .../src/Overlay/OverlayHeaderSubTitle.m.css | 8 ---- .../Overlay/OverlayHeaderSubTitle.module.css | 15 +++++++ .../src/Overlay/OverlayHeaderSubTitle.tsx | 2 +- ...le.m.css => OverlayHeaderTitle.module.css} | 7 ++++ .../src/Overlay/OverlayHeaderTitle.tsx | 2 +- .../src/Overlay/OverlayMessage.m.css | 15 ------- .../src/Overlay/OverlayMessage.module.css | 22 +++++++++++ .../src/Overlay/OverlayMessage.tsx | 2 +- ...Table.m.css => PropertiesTable.module.css} | 0 .../src/PropertiesTable/PropertiesTable.tsx | 10 ++--- .../PropertiesTableAddButtonStyles.m.css | 8 ---- .../PropertiesTableAddButtonStyles.module.css | 15 +++++++ .../PropertiesTableInputStyles.m.css | 11 ------ .../PropertiesTableInputStyles.module.css | 18 +++++++++ ...ertyItem.m.css => PropertyItem.module.css} | 7 ++++ .../src/PropertiesTable/PropertyItem.tsx | 2 +- .../PropertyValueSelector.m.css | 7 ---- .../PropertyValueSelector.module.css | 14 +++++++ .../PropertiesTable/PropertyValueSelector.tsx | 2 +- .../core-blocks/src/Slide/SlideBox.m.css | 4 -- .../core-blocks/src/Slide/SlideBox.module.css | 11 ++++++ .../core-blocks/src/Slide/SlideBox.tsx | 6 +-- ...eElement.m.css => SlideElement.module.css} | 7 ++++ .../core-blocks/src/Slide/SlideElement.tsx | 2 +- ...eOverlay.m.css => SlideOverlay.module.css} | 7 ++++ .../core-blocks/src/Slide/SlideOverlay.tsx | 2 +- ...kbarBody.m.css => SnackbarBody.module.css} | 7 ++++ .../SnackbarMarkups/SnackbarBody.tsx | 2 +- .../SnackbarMarkups/SnackbarContent.m.css | 6 --- .../SnackbarContent.module.css | 13 +++++++ .../SnackbarMarkups/SnackbarContent.tsx | 2 +- ...Footer.m.css => SnackbarFooter.module.css} | 7 ++++ .../SnackbarMarkups/SnackbarFooter.tsx | 2 +- .../SnackbarMarkups/SnackbarStatus.m.css | 11 ------ .../SnackbarMarkups/SnackbarStatus.module.css | 18 +++++++++ .../SnackbarMarkups/SnackbarStatus.tsx | 2 +- ...apper.m.css => SnackbarWrapper.module.css} | 0 .../SnackbarMarkups/SnackbarWrapper.tsx | 2 +- .../packages/core-blocks/src/Split/Pane.m.css | 5 --- .../core-blocks/src/Split/Pane.module.css | 12 ++++++ .../packages/core-blocks/src/Split/Pane.tsx | 2 +- ...ntrols.m.css => ResizeControls.module.css} | 7 ++++ .../core-blocks/src/Split/ResizerControls.tsx | 2 +- .../core-blocks/src/Split/Split.m.css | 15 ------- .../core-blocks/src/Split/Split.module.css | 22 +++++++++++ .../packages/core-blocks/src/Split/Split.tsx | 2 +- ...ontrols.m.css => SplitControls.module.css} | 7 ++++ .../core-blocks/src/Split/SplitControls.tsx | 2 +- ...aticImage.m.css => StaticImage.module.css} | 0 .../packages/core-blocks/src/StaticImage.tsx | 2 +- ...Message.m.css => StatusMessage.module.css} | 7 ++++ .../core-blocks/src/StatusMessage.tsx | 2 +- .../Table/{Table.m.css => Table.module.css} | 7 ++++ .../packages/core-blocks/src/Table/Table.tsx | 2 +- ...der.m.css => TableColumnHeader.module.css} | 7 ++++ .../src/Table/TableColumnHeader.tsx | 4 +- ...alue.m.css => TableColumnValue.module.css} | 7 ++++ .../src/Table/TableColumnValue.tsx | 2 +- ...bleHeader.m.css => TableHeader.module.css} | 0 .../core-blocks/src/Table/TableHeader.tsx | 2 +- .../{TableItem.m.css => TableItem.module.css} | 7 ++++ .../core-blocks/src/Table/TableItem.tsx | 4 +- ...xpand.m.css => TableItemExpand.module.css} | 7 ++++ .../core-blocks/src/Table/TableItemExpand.tsx | 2 +- .../src/Table/TableItemSelect.m.css | 4 -- .../src/Table/TableItemSelect.module.css | 11 ++++++ .../core-blocks/src/Table/TableItemSelect.tsx | 10 ++--- .../src/Table/TableItemSeparator.tsx | 4 +- .../core-blocks/src/Table/TableSelect.m.css | 4 -- .../src/Table/TableSelect.module.css | 11 ++++++ .../core-blocks/src/Table/TableSelect.tsx | 2 +- webapp/packages/core-blocks/src/Tags/Tag.tsx | 4 +- .../src/Tags/{Tags.m.css => Tags.module.css} | 7 ++++ webapp/packages/core-blocks/src/Tags/Tags.tsx | 11 ++---- .../core-blocks/src/TextPlaceholder.m.css | 12 ------ .../src/TextPlaceholder.module.css | 19 +++++++++ .../core-blocks/src/TextPlaceholder.tsx | 5 ++- .../{TimerIcon.m.css => TimerIcon.module.css} | 7 ++++ webapp/packages/core-blocks/src/TimerIcon.tsx | 4 +- ...olsAction.m.css => ToolsAction.module.css} | 0 .../src/ToolsPanel/ToolsAction.tsx | 2 +- ...ToolsPanel.m.css => ToolsPanel.module.css} | 0 .../core-blocks/src/ToolsPanel/ToolsPanel.tsx | 2 +- .../src/Tree/TreeNode/TreeNode.m.css | 5 --- .../src/Tree/TreeNode/TreeNode.module.css | 12 ++++++ .../src/Tree/TreeNode/TreeNode.tsx | 2 +- ...ntrol.m.css => TreeNodeControl.module.css} | 7 ++++ .../src/Tree/TreeNode/TreeNodeControl.tsx | 2 +- ...Expand.m.css => TreeNodeExpand.module.css} | 7 ++++ .../src/Tree/TreeNode/TreeNodeExpand.tsx | 2 +- .../src/Tree/TreeNode/TreeNodeIcon.m.css | 13 ------- .../src/Tree/TreeNode/TreeNodeIcon.module.css | 20 ++++++++++ .../src/Tree/TreeNode/TreeNodeIcon.tsx | 2 +- .../src/Tree/TreeNode/TreeNodeName.m.css | 8 ---- .../src/Tree/TreeNode/TreeNodeName.module.css | 15 +++++++ .../src/Tree/TreeNode/TreeNodeName.tsx | 2 +- .../src/Tree/TreeNode/TreeNodeNested.m.css | 8 ---- .../Tree/TreeNode/TreeNodeNested.module.css | 15 +++++++ .../src/Tree/TreeNode/TreeNodeNested.tsx | 2 +- .../Tree/TreeNode/TreeNodeNestedMessage.m.css | 4 -- .../TreeNode/TreeNodeNestedMessage.module.css | 11 ++++++ .../Tree/TreeNode/TreeNodeNestedMessage.tsx | 2 +- .../src/Tree/TreeNode/TreeNodeSelect.m.css | 4 -- .../Tree/TreeNode/TreeNodeSelect.module.css | 11 ++++++ .../src/Tree/TreeNode/TreeNodeSelect.tsx | 2 +- .../packages/core-blocks/src/UploadArea.m.css | 8 ---- .../core-blocks/src/UploadArea.module.css | 15 +++++++ .../packages/core-blocks/src/UploadArea.tsx | 2 +- webapp/packages/core-blocks/src/index.ts | 38 +++++++++--------- .../core-blocks/src/layout/AppLogo.m.css | 11 ------ .../core-blocks/src/layout/AppLogo.module.css | 18 +++++++++ .../core-blocks/src/layout/AppLogo.tsx | 2 +- .../core-blocks/src/layout/TopAppBar.m.css | 10 ----- .../src/layout/TopAppBar.module.css | 17 ++++++++ .../core-blocks/src/layout/TopAppBar.tsx | 7 ++-- ...erLayout.m.css => renderLayout.module.css} | 0 .../core-bootstrap/src/renderLayout.tsx | 2 +- .../core-cli/configs/webpack.config.js | 2 +- webapp/packages/core-cli/css-modules.d.ts | 2 +- ...cations.m.css => Notifications.module.css} | 9 ++++- .../core-notifications/src/Notifications.tsx | 4 +- .../{MenuBar.m.css => MenuBar.module.css} | 7 ++++ .../src/ContextMenu/MenuBar/MenuBar.tsx | 2 +- ...nuBarItem.m.css => MenuBarItem.module.css} | 7 ++++ .../src/ContextMenu/MenuBar/MenuBarItem.tsx | 2 +- .../{BaseForm.m.css => BaseForm.module.css} | 0 .../core-ui/src/Form/Components/BaseForm.tsx | 2 +- .../src/InlineEditor/EditorDialog.m.css | 10 ----- .../src/InlineEditor/EditorDialog.module.css | 17 ++++++++ .../core-ui/src/InlineEditor/EditorDialog.tsx | 2 +- ...neEditor.m.css => InlineEditor.module.css} | 0 .../core-ui/src/InlineEditor/InlineEditor.tsx | 2 +- .../core-ui/src/SideBarPanel/SideBarPanel.tsx | 10 ++--- ...BarPanel.m.css => SideBarPanel.module.css} | 0 ...elTab.m.css => SideBarPanelTab.module.css} | 0 ....m.css => SideBarPanelTabPanel.module.css} | 0 .../Tabs/Tab/{Tab.m.css => Tab.module.css} | 0 webapp/packages/core-ui/src/Tabs/Tab/Tab.tsx | 2 +- ...TabActions.m.css => TabActions.module.css} | 0 .../core-ui/src/Tabs/Tab/TabActions.tsx | 4 +- ...m.css => TabBigUnderlineStyles.module.css} | 0 .../Tab/{TabIcon.m.css => TabIcon.module.css} | 0 .../packages/core-ui/src/Tabs/Tab/TabIcon.tsx | 2 +- ....css => TabIconVerticalRotated.module.css} | 0 .../Tab/{TabMenu.m.css => TabMenu.module.css} | 0 .../packages/core-ui/src/Tabs/Tab/TabMenu.tsx | 2 +- .../src/Tabs/Tab/TabStyleRegistries.ts | 10 ++--- .../{TabTitle.m.css => TabTitle.module.css} | 0 .../core-ui/src/Tabs/Tab/TabTitle.tsx | 2 +- ... => TabTitleBigUnderlineStyles.module.css} | 0 ...css => TabTitleVerticalRotated.module.css} | 0 ...nderline.m.css => TabUnderline.module.css} | 0 ...bVertical.m.css => TabVertical.module.css} | 0 ...ed.m.css => TabVerticalRotated.module.css} | 0 .../packages/core-ui/src/Tabs/TabList.m.css | 39 ------------------- .../core-ui/src/Tabs/TabList.module.css | 39 +++++++++++++++++++ webapp/packages/core-ui/src/Tabs/TabList.tsx | 6 +-- .../src/Tabs/TabListStyleRegistries.ts | 20 +++++----- ...tical.m.css => TabListVertical.module.css} | 0 ....css => TabListVerticalRotated.module.css} | 0 .../{TabPanel.m.css => TabPanel.module.css} | 0 webapp/packages/core-ui/src/Tabs/TabPanel.tsx | 2 +- .../core-ui/src/Tabs/TabsBox/TabsBox.tsx | 6 +-- .../{TabsBox.m.css => TabsBox.module.css} | 0 ...Panel.m.css => TabsBoxTabPanel.module.css} | 0 webapp/packages/core-ui/src/index.ts | 32 +++++++-------- .../core-view/src/View/CaptureView.m.css | 3 -- .../core-view/src/View/CaptureView.module.css | 10 +++++ .../core-view/src/View/CaptureView.tsx | 2 +- .../src/Administration/Administration.tsx | 8 ++-- ...ration.m.css => Administration.module.css} | 0 ...Tab.m.css => AdministrationTab.module.css} | 0 ...m.css => AdministrationTabList.module.css} | 0 ...ss => AdministrationToolsPanel.module.css} | 0 ...Stepper.m.css => WizardStepper.module.css} | 9 ++++- .../ConfigurationWizard/WizardStepper.tsx | 3 +- .../ConfigurationWizardTitle.m.css | 4 -- .../ConfigurationWizardTitle.module.css | 11 ++++++ .../ConfigurationWizardTitle.tsx | 7 ++-- ...FinishPage.m.css => FinishPage.module.css} | 0 .../ConfigurationWizard/Finish/FinishPage.tsx | 2 +- .../ServerConfigurationDriversForm.m.css | 4 -- .../ServerConfigurationDriversForm.module.css | 11 ++++++ .../ServerConfigurationDriversForm.tsx | 2 +- ...css => ServerConfigurationPage.module.css} | 0 .../ServerConfigurationPage.tsx | 2 +- ...lcomePage.m.css => WelcomePage.module.css} | 0 .../Welcome/WelcomePage.tsx | 2 +- ...CreateTeam.m.css => CreateTeam.module.css} | 0 .../Administration/Users/Teams/CreateTeam.tsx | 2 +- ...onList.m.css => ConnectionList.module.css} | 0 .../GrantedConnections/ConnectionList.tsx | 2 +- .../GrantedConnections.m.css | 15 ------- .../GrantedConnections.module.css | 22 +++++++++++ .../GrantedConnections/GrantedConnections.tsx | 2 +- ....css => GrantedConnectionsList.module.css} | 0 .../GrantedConnectionsList.tsx | 2 +- ... GrantedConnectionsTableHeader.module.css} | 0 .../GrantedConnectionsTableHeader.tsx | 2 +- .../GrantedConnectionsTableItem.m.css | 4 -- .../GrantedConnectionsTableItem.module.css} | 0 .../GrantedConnectionsTableItem.tsx | 2 +- ...rList.m.css => GrantedUserList.module.css} | 0 .../Teams/GrantedUsers/GrantedUserList.tsx | 2 +- .../Teams/GrantedUsers/GrantedUsers.m.css | 15 ------- .../GrantedUsers/GrantedUsers.module.css | 22 +++++++++++ .../Users/Teams/GrantedUsers/GrantedUsers.tsx | 15 +------ ...css => GrantedUsersTableHeader.module.css} | 0 .../GrantedUsersTableHeader.tsx | 2 +- .../GrantedUsersTableItem.module.css} | 0 .../GrantedUsers/GrantedUsersTableItem.tsx | 2 +- .../{UserList.m.css => UserList.module.css} | 0 .../Users/Teams/GrantedUsers/UserList.tsx | 2 +- .../Teams/GrantedUsers/UsersTableItem.tsx | 2 +- .../{TeamForm.m.css => TeamForm.module.css} | 0 .../Administration/Users/Teams/TeamForm.tsx | 2 +- .../Users/Teams/TeamsTable/Team.m.css | 7 ---- .../Users/Teams/TeamsTable/Team.module.css | 14 +++++++ .../Users/Teams/TeamsTable/Team.tsx | 2 +- .../{TeamEdit.m.css => TeamEdit.module.css} | 0 .../Users/Teams/TeamsTable/TeamEdit.tsx | 2 +- .../Users/Teams/TeamsTable/TeamsTable.m.css | 3 -- .../Teams/TeamsTable/TeamsTable.module.css | 10 +++++ .../Users/Teams/TeamsTable/TeamsTable.tsx | 31 ++++++++++----- ....css => AdministrationUserForm.module.css} | 0 .../Users/UserForm/AdministrationUserForm.tsx | 2 +- .../Users/UserForm/DisableUserDialog.m.css | 4 -- .../UserForm/DisableUserDialog.module.css | 11 ++++++ .../Users/UserForm/DisableUserDialog.tsx | 2 +- .../Users/UsersAdministration.tsx | 8 ++-- ...CreateUser.m.css => CreateUser.module.css} | 0 .../Users/UsersTable/CreateUser.tsx | 2 +- ...ers.m.css => UsersTableFilters.module.css} | 0 .../UsersTable/Filters/UsersTableFilters.tsx | 2 +- .../Users/UsersTable/User.m.css | 11 ------ .../Users/UsersTable/User.module.css | 18 +++++++++ .../Administration/Users/UsersTable/User.tsx | 2 +- ...t.m.css => UserCredentialsList.module.css} | 0 .../Users/UsersTable/UserCredentialsList.tsx | 2 +- .../{UserEdit.m.css => UserEdit.module.css} | 0 .../Users/UsersTable/UserEdit.tsx | 2 +- ...UsersAdministrationMenuBarItemStyles.m.css | 9 ----- ...AdministrationMenuBarItemStyles.module.css | 16 ++++++++ ... UsersAdministrationToolsPanel.module.css} | 0 .../UsersAdministrationToolsPanel.tsx | 4 +- ...n.m.css => UsersAdministration.module.css} | 0 ....css => UsersAdministrationTab.module.css} | 0 ...=> UsersAdministrationTabPanel.module.css} | 0 ...=> UsersAdministrationTabTitle.module.css} | 0 ...AuthDialog.m.css => AuthDialog.module.css} | 0 .../src/Dialog/AuthDialog.tsx | 2 +- ...oter.m.css => AuthDialogFooter.module.css} | 0 .../src/Dialog/AuthDialogFooter.tsx | 2 +- ...st.m.css => ConfigurationsList.module.css} | 0 .../AuthProviderForm/ConfigurationsList.tsx | 2 +- .../src/DriverSelector/Driver.m.css | 5 --- .../src/DriverSelector/Driver.module.css | 12 ++++++ .../src/DriverSelector/Driver.tsx | 2 +- .../src/DriverSelector/DriverSelector.m.css | 5 --- .../DriverSelector/DriverSelector.module.css | 12 ++++++ .../src/DriverSelector/DriverSelector.tsx | 2 +- .../DriverSelector/DriverSelectorDialog.m.css | 3 -- .../DriverSelectorDialog.module.css | 10 +++++ .../DriverSelector/DriverSelectorDialog.tsx | 2 +- .../{Database.m.css => Database.module.css} | 7 ++++ .../src/Search/Database.tsx | 2 +- .../src/Search/DatabaseList.m.css | 7 ---- .../src/Search/DatabaseList.module.css | 14 +++++++ .../src/Search/DatabaseList.tsx | 2 +- .../src/Search/SearchDatabase.m.css | 3 -- .../src/Search/SearchDatabase.module.css | 10 +++++ .../src/Search/SearchDatabase.tsx | 2 +- ...alog.m.css => ConnectionDialog.module.css} | 7 ++++ .../src/ConnectionDialog/ConnectionDialog.tsx | 2 +- .../ConnectionDialogFooter.m.css | 12 ------ .../ConnectionDialogFooter.module.css | 19 +++++++++ .../ConnectionDialogFooter.tsx | 2 +- ....css => TemplateConnectionItem.module.css} | 0 .../TemplateConnectionItem.tsx | 2 +- .../ConnectionsAdministration.m.css | 7 ---- .../ConnectionsAdministration.module.css | 14 +++++++ .../Connections/ConnectionsAdministration.tsx | 2 +- ...Connection.m.css => Connection.module.css} | 0 .../ConnectionsTable/Connection.tsx | 2 +- ...css => ConnectionDetailsStyles.module.css} | 0 .../ConnectionDetailsInfo/Origin.tsx | 2 +- .../ConnectionDetailsInfo/SSH.tsx | 2 +- .../ConnectionDetailsInfo/Template.tsx | 2 +- ...onEdit.m.css => ConnectionEdit.module.css} | 0 .../ConnectionsTable/ConnectionEdit.tsx | 2 +- .../CreateConnection/CreateConnection.tsx | 8 ++-- .../CreateConnection/Manual/Driver.m.css | 5 --- .../CreateConnection/Manual/Driver.module.css | 12 ++++++ .../CreateConnection/Manual/Driver.tsx | 2 +- ...DriverList.m.css => DriverList.module.css} | 0 .../CreateConnection/Manual/DriverList.tsx | 2 +- ...tion.m.css => CreateConnection.module.css} | 0 ...b.m.css => CreateConnectionTab.module.css} | 0 ...css => CreateConnectionTabList.module.css} | 0 ...ss => CreateConnectionTabPanel.module.css} | 0 ...cess.m.css => ConnectionAccess.module.css} | 0 .../ConnectionAccess/ConnectionAccess.tsx | 2 +- ...=> ConnectionAccessGrantedList.module.css} | 0 .../ConnectionAccessGrantedList.tsx | 2 +- ....m.css => ConnectionAccessList.module.css} | 0 .../ConnectionAccess/ConnectionAccessList.tsx | 2 +- ...=> ConnectionAccessTableHeader.module.css} | 0 .../ConnectionAccessTableHeader.tsx | 2 +- ...s => ConnectionAccessTableItem.module.css} | 0 .../ConnectionAccessTableItem.tsx | 2 +- .../ConnectionAuthenticationDialog.m.css | 13 ------- .../ConnectionAuthenticationDialog.module.css | 20 ++++++++++ .../ConnectionAuthenticationDialog.tsx | 2 +- ...onForm.m.css => ConnectionForm.module.css} | 0 .../src/ConnectionForm/ConnectionForm.tsx | 2 +- ...ties.m.css => DriverProperties.module.css} | 0 .../DriverProperties/DriverProperties.tsx | 2 +- .../src/ConnectionForm/Options/Options.m.css | 4 -- .../ConnectionForm/Options/Options.module.css | 11 ++++++ .../src/ConnectionForm/Options/Options.tsx | 2 +- ...OriginInfo.m.css => OriginInfo.module.css} | 0 .../ConnectionForm/OriginInfo/OriginInfo.tsx | 2 +- .../SSH/{SSH.m.css => SSH.module.css} | 0 .../src/ConnectionForm/SSH/SSH.tsx | 2 +- .../SSL/{SSL.m.css => SSL.module.css} | 0 .../src/ConnectionForm/SSL/SSL.tsx | 2 +- ... DatabaseCredentialsAuthDialog.module.css} | 7 ++++ .../DatabaseCredentialsAuthDialog.tsx | 2 +- ...aseCredentialsAuthDialogFooter.module.css} | 0 .../DatabaseCredentialsAuthDialogFooter.tsx | 2 +- ....m.css => PublicConnectionForm.module.css} | 0 .../PublicConnectionForm.tsx | 2 +- .../ExportProcessorList/ProcessorItem.m.css | 5 --- .../ProcessorItem.module.css | 12 ++++++ .../ExportProcessorList/ProcessorItem.tsx | 2 +- ...ss => ProcessorConfigureDialog.module.css} | 7 ++++ .../src/Dialog/ProcessorConfigureDialog.tsx | 2 +- .../ProcessorConfigureDialogFooter.m.css | 8 ---- .../ProcessorConfigureDialogFooter.module.css | 15 +++++++ .../Dialog/ProcessorConfigureDialogFooter.tsx | 2 +- ...m.css => ProcessorSelectDialog.module.css} | 7 ++++ .../src/Dialog/ProcessorSelectDialog.tsx | 2 +- ...on.m.css => ExportNotification.module.css} | 7 ++++ .../ExportNotification/ExportNotification.tsx | 2 +- ...em.m.css => DataImportFileItem.module.css} | 0 .../DataImportDialog/DataImportFileItem.tsx | 2 +- ....css => DataImportFileSelector.module.css} | 0 .../DataImportFileSelector.tsx | 2 +- .../ImportProcessorList.module.css | 11 ++++++ .../DataImportDialog/ImportProcessorList.tsx | 2 +- ...CellEditor.m.css => CellEditor.module.css} | 0 .../src/DataGrid/CellEditor.tsx | 2 +- .../FilterCustomValueDialog.m.css | 5 --- .../FilterCustomValueDialog.module.css | 12 ++++++ .../FilterCustomValueDialog.tsx | 2 +- ...rmatter.m.css => CellFormatter.module.css} | 0 .../src/DataGrid/Formatters/CellFormatter.tsx | 2 +- ...rmatter.m.css => BlobFormatter.module.css} | 2 +- .../CellFormatters/BlobFormatter.tsx | 2 +- ...tter.m.css => BooleanFormatter.module.css} | 2 +- .../CellFormatters/BooleanFormatter.tsx | 2 +- ...llValue.m.css => CellNullValue.module.css} | 0 ...rmatter.m.css => TextFormatter.module.css} | 2 +- .../CellFormatters/TextFormatter.tsx | 2 +- .../{CellMenu.m.css => CellMenu.module.css} | 0 .../src/DataGrid/Formatters/Menu/CellMenu.tsx | 2 +- ...derButton.m.css => OrderButton.module.css} | 0 .../TableColumnHeader/OrderButton.tsx | 2 +- ...der.m.css => TableColumnHeader.module.css} | 0 .../TableColumnHeader/TableColumnHeader.tsx | 2 +- ....css => TableIndexColumnHeader.module.css} | 0 .../TableIndexColumnHeader.tsx | 2 +- .../DVGroupingColumnEditorDialog.m.css | 6 --- .../DVGroupingColumnEditorDialog.module.css | 13 +++++++ .../DVGroupingColumnEditorDialog.tsx | 2 +- ...s => GroupingColumnEditorTable.module.css} | 9 ++++- .../GroupingColumnEditorTable.tsx | 2 +- ...VResultSetGroupingPresentation.module.css} | 0 .../src/DVResultSetGroupingPresentation.tsx | 2 +- ...Panel.m.css => DataViewerPanel.module.css} | 0 .../src/DataViewerPage/DataViewerPanel.tsx | 2 +- ...TableError.m.css => TableError.module.css} | 0 .../src/TableViewer/TableError.tsx | 2 +- ...ton.m.css => AutoRefreshButton.module.css} | 0 .../AutoRefresh/AutoRefreshButton.tsx | 2 +- ...s => AutoRefreshSettingsDialog.module.css} | 7 ++++ .../AutoRefresh/AutoRefreshSettingsDialog.tsx | 2 +- ....css => CancelTotalCountAction.module.css} | 0 .../TableFooter/CancelTotalCountAction.tsx | 2 +- ...bleFooter.m.css => TableFooter.module.css} | 0 .../TableViewer/TableFooter/TableFooter.tsx | 2 +- .../TableFooterMenu/TableFooterMenu.m.css | 4 -- .../TableFooterMenu.module.css | 11 ++++++ .../TableFooterMenu/TableFooterMenu.tsx | 2 +- ...m.m.css => TableFooterMenuItem.module.css} | 0 .../TableFooterMenu/TableFooterMenuItem.tsx | 2 +- .../TableFooter/TableFooterRowCount.m.css | 4 -- .../TableFooterRowCount.module.css | 11 ++++++ .../TableFooter/TotalCountAction.tsx | 4 +- .../{TableGrid.m.css => TableGrid.module.css} | 0 .../src/TableViewer/TableGrid.tsx | 2 +- ...bleHeader.m.css => TableHeader.module.css} | 0 .../TableViewer/TableHeader/TableHeader.tsx | 2 +- ...lter.m.css => TableWhereFilter.module.css} | 0 .../TableHeader/TableWhereFilter.tsx | 2 +- .../TablePresentationBar.tsx | 6 +-- ....m.css => TablePresentationBar.module.css} | 0 ...css => TablePresentationBarTab.module.css} | 0 ...=> TablePresentationBarTabList.module.css} | 0 ...stics.m.css => TableStatistics.module.css} | 0 .../src/TableViewer/TableStatistics.tsx | 2 +- ...Panel.m.css => TableToolsPanel.module.css} | 0 .../src/TableViewer/TableToolsPanel.tsx | 2 +- ...bleViewer.m.css => TableViewer.module.css} | 7 ++++ .../src/TableViewer/TableViewer.tsx | 2 +- .../src/TableViewer/ValuePanel/ValuePanel.tsx | 8 ++-- ...ValuePanel.m.css => ValuePanel.module.css} | 0 ...ss => ValuePanelEditorTabPanel.module.css} | 0 ....m.css => ValuePanelEditorTabs.module.css} | 0 ...anelTab.m.css => ValuePanelTab.module.css} | 0 ...ss => BooleanValuePresentation.module.css} | 0 .../BooleanValue/BooleanValuePresentation.tsx | 2 +- ....css => ImageValuePresentation.module.css} | 0 .../ImageValue/ImageValuePresentation.tsx | 2 +- ...lder.m.css => QuotaPlaceholder.module.css} | 0 .../QuotaPlaceholder.tsx | 2 +- .../TextValue/TextValuePresentation.tsx | 4 +- ...m.css => TextValuePresentation.module.css} | 0 ...ss => TextValuePresentationTab.module.css} | 0 .../ConnectionSelector/ConnectionIcon.m.css | 11 ------ .../ConnectionIcon.module.css | 18 +++++++++ .../ConnectionSelector/ConnectionIcon.tsx | 4 +- .../ConnectionImageWithMask.m.css | 3 -- .../ConnectionImageWithMask.module.css | 10 +++++ ...nel.m.css => DDLViewerTabPanel.module.css} | 7 ++++ .../src/DdlViewer/DDLViewerTabPanel.tsx | 2 +- .../ExtendedDDLViewerTabPanel.tsx | 2 +- .../SearchResourceMenuItemComponent.m.css | 3 -- ...SearchResourceMenuItemComponent.module.css | 10 +++++ .../SearchResourceMenuItemComponent.tsx | 2 +- .../plugin-gis-viewer/src/CrsInput.m.css | 10 ----- .../plugin-gis-viewer/src/CrsInput.module.css | 17 ++++++++ .../plugin-gis-viewer/src/CrsInput.tsx | 2 +- .../src/GISValuePresentation.m.css | 16 -------- .../src/GISValuePresentation.module.css | 23 +++++++++++ .../src/GISValuePresentation.tsx | 2 +- ...LeafletMap.m.css => LeafletMap.module.css} | 0 .../plugin-gis-viewer/src/LeafletMap.tsx | 2 +- .../{Shortcut.m.css => Shortcut.module.css} | 0 .../plugin-help/src/Shortcuts/Shortcut.tsx | 2 +- ...ialog.m.css => ShortcutsDialog.module.css} | 0 .../src/Shortcuts/ShortcutsDialog.tsx | 2 +- .../{LogEntry.m.css => LogEntry.module.css} | 0 .../src/LogViewer/LogEntry.tsx | 2 +- .../src/LogViewer/LogViewer.m.css | 9 ----- .../src/LogViewer/LogViewer.module.css | 16 ++++++++ .../src/LogViewer/LogViewer.tsx | 9 +---- ...el.m.css => LogViewerInfoPanel.module.css} | 0 .../src/LogViewer/LogViewerInfoPanel.tsx | 2 +- ...rTable.m.css => LogViewerTable.module.css} | 0 .../src/LogViewer/LogViewerTable.tsx | 2 +- .../NavigationTabsBar/NavigationTabsBar.tsx | 4 +- ...Bar.m.css => NavigationTabsBar.module.css} | 0 ....m.css => NavigationTabsBarTab.module.css} | 0 ...ersTable.m.css => FiltersTable.module.css} | 9 ++++- .../FiltersTable.tsx | 2 +- .../FiltersTableItem.m.css | 8 ---- .../FiltersTableItem.module.css | 15 +++++++ .../FiltersTableItem.tsx | 2 +- ...=> NavigationTreeFiltersDialog.module.css} | 9 ++++- .../NavigationTreeFiltersDialog.tsx | 2 +- ...> NavigationNodeProjectControl.module.css} | 7 ++++ .../NavigationNodeProjectControl.tsx | 2 +- ...vigationTreeProjectsRendererRenderer.m.css | 11 ------ ...ionTreeProjectsRendererRenderer.module.css | 18 +++++++++ ...navigationTreeProjectsRendererRenderer.tsx | 2 +- ...e.m.css => ResourceManagerTree.module.css} | 7 ++++ .../src/Tree/ResourceManagerTree.tsx | 2 +- ...avigationTreeConnectionGroupRenderer.m.css | 8 ---- ...tionTreeConnectionGroupRenderer.module.css | 15 +++++++ .../navigationTreeConnectionGroupRenderer.tsx | 2 +- .../ConnectionNavNodeControl.tsx | 2 +- ...entsTree.m.css => ElementsTree.module.css} | 7 ++++ .../ElementsTree/ElementsTree.tsx | 2 +- .../ElementsTreeFilter.m.css | 5 --- .../ElementsTreeFilter.module.css | 12 ++++++ .../ElementsTreeTools/ElementsTreeFilter.tsx | 2 +- .../ElementsTreeMenuBarItem.m.css | 5 --- .../ElementsTreeMenuBarItem.module.css | 12 ++++++ ...ols.m.css => ElementsTreeTools.module.css} | 7 ++++ .../ElementsTreeTools/ElementsTreeTools.tsx | 4 +- ...=> ElementsTreeToolsIconButton.module.css} | 9 ++++- .../ElementsTreeToolsMenu.m.css | 4 -- .../ElementsTreeToolsMenu.module.css | 11 ++++++ .../ElementsTreeToolsMenu.tsx | 4 +- .../NavigationTreeSettings.m.css | 15 ------- .../NavigationTreeSettings.module.css | 22 +++++++++++ .../NavigationTreeSettings.tsx | 2 +- .../elementsTreeLimitRenderer.m.css | 4 -- .../elementsTreeLimitRenderer.module.css | 11 ++++++ .../elementsTreeLimitRenderer.tsx | 2 +- .../NavigationTreeNode/NavigationNode.m.css | 9 ----- .../NavigationNode.module.css | 16 ++++++++ .../NavigationTreeNode/NavigationNode.tsx | 2 +- ...m.css => NavigationNodeControl.module.css} | 7 ++++ .../NavigationNode/NavigationNodeControl.tsx | 2 +- .../NavigationNode/NavigationNodeEditor.m.css | 9 ----- .../NavigationNodeEditor.module.css | 16 ++++++++ .../NavigationNode/NavigationNodeEditor.tsx | 2 +- .../NavigationNode/NavigationNodeNested.m.css | 3 -- .../NavigationNodeNested.module.css | 10 +++++ .../NavigationNode/NavigationNodeNested.tsx | 2 +- .../NavigationNodeControlRenderer.m.css | 8 ---- .../NavigationNodeControlRenderer.module.css | 15 +++++++ .../NavigationNodeControlRenderer.tsx | 2 +- ...NodeMenu.m.css => TreeNodeMenu.module.css} | 7 ++++ .../TreeNodeMenu/TreeNodeMenu.tsx | 2 +- .../NavigationTree/ElementsTreeTools.m.css | 8 ---- .../ElementsTreeTools.module.css | 15 +++++++ ...onTree.m.css => NavigationTree.module.css} | 7 ++++ .../src/NavigationTree/NavigationTree.tsx | 4 +- .../NavigationTree/NavigationTreePanel.m.css | 6 --- .../NavigationTreePanel.module.css | 13 +++++++ .../NavigationTree/NavigationTreePanel.tsx | 2 +- ...> NavigationNodeProjectControl.module.css} | 7 ++++ .../NavigationNodeProjectControl.tsx | 2 +- ...vigationTreeProjectsRendererRenderer.m.css | 11 ------ ...ionTreeProjectsRendererRenderer.module.css | 18 +++++++++ ...navigationTreeProjectsRendererRenderer.tsx | 2 +- .../{NodeLink.m.css => NodeLink.module.css} | 0 .../src/NodesManager/NodeLink.tsx | 2 +- .../plugin-navigation-tree/src/index.ts | 17 +++++--- ...NavNodeTab.m.css => NavNodeTab.module.css} | 0 .../src/ObjectPropertiesPage/NavNodeTab.tsx | 2 +- ...el.m.css => VirtualFolderPanel.module.css} | 0 .../VirtualFolder/VirtualFolderPanel.tsx | 2 +- .../ObjectPropertiesPage/ObjectFolders.tsx | 12 +++--- .../ObjectPropertiesPagePanel.m.css | 7 ---- .../ObjectPropertiesPagePanel.module.css | 14 +++++++ .../ObjectPropertiesPagePanel.tsx | 2 +- .../ObjectPropertyTable.m.css | 6 --- .../ObjectPropertyTable.module.css | 13 +++++++ .../ObjectPropertyTable.tsx | 2 +- ...rmatter.m.css => CellFormatter.module.css} | 7 ++++ .../Table/CellFormatter.tsx | 2 +- ...rmatter.m.css => IconFormatter.module.css} | 0 .../Columns/ColumnIcon/IconFormatter.tsx | 2 +- ...ter.m.css => SelectorFormatter.module.css} | 0 .../ColumnSelect/SelectorFormatter.tsx | 2 +- .../Table/{Table.m.css => Table.module.css} | 7 ++++ .../ObjectPropertyTable/Table/Table.tsx | 2 +- ...css => ObjectFoldersNavNodeTab.module.css} | 0 ...sTab.m.css => ObjectFoldersTab.module.css} | 0 ....m.css => ObjectFoldersTabList.module.css} | 0 ...m.css => ObjectFoldersTabPanel.module.css} | 0 ...m.css => ObjectFoldersTabTitle.module.css} | 0 .../ObjectViewerPanel/ObjectViewerPanel.tsx | 4 +- ...nel.m.css => ObjectViewerPanel.module.css} | 0 ....m.css => ObjectViewerPanelTab.module.css} | 0 ...log.m.css => ProductInfoDialog.module.css} | 7 ++++ .../plugin-product/src/ProductInfoDialog.tsx | 2 +- webapp/packages/plugin-product/src/index.ts | 10 ++++- .../plugin-projects/src/FolderDialog.m.css | 3 -- .../src/FolderDialog.module.css | 10 +++++ .../plugin-projects/src/FolderDialog.tsx | 2 +- .../DataSynchronizationNotification.m.css | 10 ----- ...DataSynchronizationNotification.module.css | 17 ++++++++ .../DataSynchronizationNotification.tsx | 19 +++++++-- ...aSynchronizationNotificationMessages.m.css | 8 ---- ...hronizationNotificationMessages.module.css | 15 +++++++ ...ataSynchronizationNotificationMessages.tsx | 23 +++++++---- .../ServerNodeChangedDialog.m.css | 8 ---- .../ServerNodeChangedDialog.module.css | 15 +++++++ .../ServerNodeChangedDialog.tsx | 2 +- webapp/packages/plugin-root/src/index.ts | 9 ++++- ....css => SettingsAdministration.module.css} | 0 .../src/SettingsAdministration.tsx | 2 +- ...le.m.css => SettingsGroupTitle.module.css} | 0 .../src/SettingsPanel/SettingsGroupTitle.tsx | 2 +- ...ditorTab.m.css => SqlEditorTab.module.css} | 7 ++++ .../src/SqlEditorTab.tsx | 4 +- .../SQLCodeEditorPanel.m.css | 10 ----- .../SQLCodeEditorPanel.module.css | 17 ++++++++ .../SQLCodeEditorPanel/SQLCodeEditorPanel.tsx | 2 +- .../SQLCodeEditorPanel/SqlEditorInfoBar.m.css | 9 ----- .../SqlEditorInfoBar.module.css | 16 ++++++++ .../SQLCodeEditorPanel/SqlEditorInfoBar.tsx | 2 +- .../{SqlEditor.m.css => SqlEditor.module.css} | 0 .../plugin-sql-editor/src/SqlEditor.tsx | 2 +- ...ions.m.css => SQLEditorActions.module.css} | 0 .../src/SqlEditor/SQLEditorActions.tsx | 2 +- ...og.m.css => ScriptImportDialog.module.css} | 0 .../src/SqlEditor/ScriptImportDialog.tsx | 2 +- .../src/SqlEditor/SqlEditor.tsx | 6 +-- .../src/SqlEditor/SqlEditorActionsMenu.tsx | 4 +- ...css => SqlEditorActionsMenuBar.module.css} | 0 ...=> SqlEditorActionsMenuBarItem.module.css} | 0 ...rTools.m.css => SqlEditorTools.module.css} | 0 .../src/SqlEditor/SqlEditorTools.tsx | 2 +- .../src/SqlEditor/SqlEditorToolsMenu.tsx | 4 +- .../{SqlEditor.m.css => SqlEditor.module.css} | 0 ...ditorTab.m.css => SqlEditorTab.module.css} | 0 ...List.m.css => SqlEditorTabList.module.css} | 0 .../src/SqlEditorOverlay.m.css | 3 -- .../src/SqlEditorOverlay.module.css | 10 +++++ .../src/SqlEditorOverlay.tsx | 2 +- ...ar.m.css => SqlEditorStatusBar.module.css} | 0 .../src/SqlEditorStatusBar.tsx | 2 +- ....css => ExecutionPlanTreeBlock.module.css} | 0 .../ExecutionPlan/ExecutionPlanTreeBlock.tsx | 2 +- .../{Expand.m.css => Expand.module.css} | 0 .../SqlResultTabs/ExecutionPlan/Expand.tsx | 2 +- ...NestedNode.m.css => NestedNode.module.css} | 0 .../ExecutionPlan/NestedNode.tsx | 2 +- ...s => PropertiesPanelItemsGroup.module.css} | 0 .../PropertiesPanelItemsGroup.tsx | 2 +- ...m.css => SqlExecutionPlanPanel.module.css} | 0 .../ExecutionPlan/SqlExecutionPlanPanel.tsx | 2 +- ...gsMenu.m.css => OutputLogsMenu.module.css} | 0 .../OutputLogs/OutputLogsMenu.tsx | 2 +- ...tPanel.m.css => SqlResultPanel.module.css} | 0 .../src/SqlResultTabs/SqlResultPanel.tsx | 2 +- ...nel.m.css => SqlResultSetPanel.module.css} | 0 .../src/SqlResultTabs/SqlResultSetPanel.tsx | 2 +- .../src/SqlResultTabs/SqlResultTabs.tsx | 8 ++-- ...ss => SqlScriptStatisticsPanel.module.css} | 0 .../SqlScriptStatisticsPanel.tsx | 2 +- ...ultTabs.m.css => SqlResultTabs.module.css} | 0 ...sTab.m.css => SqlResultTabsTab.module.css} | 0 ....m.css => SqlResultTabsTabIcon.module.css} | 0 ....m.css => SqlResultTabsTabList.module.css} | 0 .../ScriptPreview/ScriptPreviewDialog.m.css | 14 ------- .../ScriptPreviewDialog.module.css | 21 ++++++++++ .../src/ScriptPreview/ScriptPreviewDialog.tsx | 2 +- ...og.m.css => GeneratedSqlDialog.module.css} | 7 ++++ .../src/SqlGenerators/GeneratedSqlDialog.tsx | 2 +- ...ToolsPanel.m.css => ToolsPanel.module.css} | 7 ++++ .../src/ToolsPanel/ToolsPanel.tsx | 2 +- ...tateMenu.m.css => AppStateMenu.module.css} | 0 .../TopNavBar/AppStateMenu/AppStateMenu.tsx | 4 +- .../src/TopNavBar/MainMenu/MainMenu.tsx | 2 +- .../src/TopNavBar/TopNavBar.tsx | 16 ++++---- .../{TopMenu.m.css => TopMenu.module.css} | 0 ...TopMenuBar.m.css => TopMenuBar.module.css} | 0 ...arItem.m.css => TopMenuBarItem.module.css} | 0 .../TopNavBar/shared/TopMenuCheckbox.m.css | 3 -- .../shared/TopMenuCheckbox.module.css | 10 +++++ ...pMenuItem.m.css => TopMenuItem.module.css} | 0 .../TopNavBar/shared/TopMenuItemElement.m.css | 3 -- .../shared/TopMenuItemElement.module.css | 10 +++++ ...enuPanel.m.css => TopMenuPanel.module.css} | 0 .../TopNavBar/shared/TopMenuSeparator.m.css | 3 -- .../shared/TopMenuSeparator.module.css | 10 +++++ .../src/TopNavBar/shared/TopMenuWrapper.m.css | 4 -- .../shared/TopMenuWrapper.module.css | 11 ++++++ .../packages/plugin-top-app-bar/src/index.ts | 9 ++++- .../{UserInfo.m.css => UserInfo.module.css} | 0 .../plugin-user-profile/src/UserInfo.tsx | 2 +- .../src/UserMenu/UserMenu.m.css | 10 ----- .../src/UserMenu/UserMenu.module.css | 17 ++++++++ .../src/UserMenu/UserMenu.tsx | 2 +- ...m.css => UserActiveAuthMethods.module.css} | 0 .../UserActiveAuthMethods.tsx | 2 +- ...css => UserProfileOptionsPanel.module.css} | 0 .../src/UserProfileOptionsPanel.tsx | 4 +- ...ileTab.m.css => UserProfileTab.module.css} | 0 .../src/DockerUpdateInstructions.m.css | 12 ------ .../src/DockerUpdateInstructions.module.css | 19 +++++++++ .../src/DockerUpdateInstructions.tsx | 2 +- .../src/Version.m.css | 3 -- .../src/Version.module.css | 10 +++++ .../src/Version.tsx | 2 +- .../src/VersionChecker.tsx | 2 +- .../src/VersionCheckerCellStyles.m.css | 4 -- .../src/VersionCheckerCellStyles.module.css | 11 ++++++ .../src/VersionInfo.m.css | 10 ----- .../src/VersionInfo.module.css | 17 ++++++++ .../src/VersionInfo.tsx | 3 +- .../src/VersionSelector.m.css | 11 ------ .../src/VersionSelector.module.css | 18 +++++++++ .../src/VersionSelector.tsx | 2 +- .../src/VersionUpdate.m.css | 4 -- .../src/VersionUpdate.module.css | 11 ++++++ .../src/VersionUpdate.tsx | 2 +- .../src/VersionUpdateDrawerItem.m.css | 16 -------- .../src/VersionUpdateDrawerItem.module.css | 23 +++++++++++ .../src/VersionUpdateDrawerItem.tsx | 4 +- webapp/tsconfig.base.json | 1 - 853 files changed, 2819 insertions(+), 1418 deletions(-) rename webapp/packages/core-app/src/AppScreen/{Main.m.css => Main.module.css} (61%) delete mode 100644 webapp/packages/core-app/src/AppScreen/RightArea.m.css create mode 100644 webapp/packages/core-app/src/AppScreen/RightArea.module.css rename webapp/packages/core-app/src/{Body.m.css => Body.module.css} (100%) rename webapp/packages/core-blocks/src/{ActionIconButton.m.css => ActionIconButton.module.css} (100%) rename webapp/packages/core-blocks/src/{AppRefreshButton.m.css => AppRefreshButton.module.css} (60%) rename webapp/packages/core-blocks/src/{Button.m.css => Button.module.css} (81%) rename webapp/packages/core-blocks/src/{Cell.m.css => Cell.module.css} (100%) delete mode 100644 webapp/packages/core-blocks/src/Code.m.css create mode 100644 webapp/packages/core-blocks/src/Code.module.css rename webapp/packages/core-blocks/src/CommonDialog/CommonDialog/{CommonDialogBody.m.css => CommonDialogBody.module.css} (81%) delete mode 100644 webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogFooter.m.css create mode 100644 webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogFooter.module.css rename webapp/packages/core-blocks/src/CommonDialog/CommonDialog/{CommonDialogHeader.m.css => CommonDialogHeader.module.css} (100%) rename webapp/packages/core-blocks/src/CommonDialog/CommonDialog/{CommonDialogWrapper.m.css => CommonDialogWrapper.module.css} (100%) delete mode 100644 webapp/packages/core-blocks/src/CommonDialog/ConfirmationDialog.m.css create mode 100644 webapp/packages/core-blocks/src/CommonDialog/ConfirmationDialog.module.css rename webapp/packages/core-blocks/src/CommonDialog/{DialogsPortal.m.css => DialogsPortal.module.css} (73%) delete mode 100644 webapp/packages/core-blocks/src/CommonDialog/RenameDialog.m.css create mode 100644 webapp/packages/core-blocks/src/CommonDialog/RenameDialog.module.css delete mode 100644 webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionImageWithMaskSvg.m.css create mode 100644 webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionImageWithMaskSvg.module.css rename webapp/packages/core-blocks/src/ConnectionImageWithMask/{ConnectionMark.m.css => ConnectionMark.module.css} (55%) delete mode 100644 webapp/packages/core-blocks/src/Containers/ColoredContainer.m.css create mode 100644 webapp/packages/core-blocks/src/Containers/ColoredContainer.module.css rename webapp/packages/core-blocks/src/Containers/{Container.m.css => Container.module.css} (87%) rename webapp/packages/core-blocks/src/Containers/{Group.m.css => Group.module.css} (100%) rename webapp/packages/core-blocks/src/Containers/{GroupClose.m.css => GroupClose.module.css} (86%) delete mode 100644 webapp/packages/core-blocks/src/Containers/GroupItem.m.css create mode 100644 webapp/packages/core-blocks/src/Containers/GroupItem.module.css delete mode 100644 webapp/packages/core-blocks/src/Containers/GroupSubTitle.m.css create mode 100644 webapp/packages/core-blocks/src/Containers/GroupSubTitle.module.css rename webapp/packages/core-blocks/src/Containers/{GroupTitle.m.css => GroupTitle.module.css} (91%) rename webapp/packages/core-blocks/src/Containers/shared/{ElementsSize.m.css => ElementsSize.module.css} (86%) rename webapp/packages/core-blocks/src/{DisplayError.m.css => DisplayError.module.css} (100%) delete mode 100644 webapp/packages/core-blocks/src/ErrorBoundary.m.css create mode 100644 webapp/packages/core-blocks/src/ErrorBoundary.module.css rename webapp/packages/core-blocks/src/ErrorDetailsDialog/{ErrorDetailsDialog.m.css => ErrorDetailsDialog.module.css} (63%) rename webapp/packages/core-blocks/src/{ErrorMessage.m.css => ErrorMessage.module.css} (100%) rename webapp/packages/core-blocks/src/{ExceptionMessage.m.css => ExceptionMessage.module.css} (88%) rename webapp/packages/core-blocks/src/Expand/{Expandable.m.css => Expandable.module.css} (74%) delete mode 100644 webapp/packages/core-blocks/src/Fill.m.css create mode 100644 webapp/packages/core-blocks/src/Fill.module.css delete mode 100644 webapp/packages/core-blocks/src/FolderExplorer/FolderExplorerPath.m.css create mode 100644 webapp/packages/core-blocks/src/FolderExplorer/FolderExplorerPath.module.css rename webapp/packages/core-blocks/src/FolderExplorer/{FolderName.m.css => FolderName.module.css} (68%) rename webapp/packages/core-blocks/src/FormControls/{BaseDropdown.m.css => BaseDropdown.module.css} (100%) rename webapp/packages/core-blocks/src/FormControls/Checkboxes/{CheckboxMarkup.m.css => CheckboxMarkup.module.css} (85%) rename webapp/packages/core-blocks/src/FormControls/Checkboxes/{FieldCheckbox.m.css => FieldCheckbox.module.css} (56%) rename webapp/packages/core-blocks/src/FormControls/Checkboxes/{Switch.m.css => Switch.module.css} (79%) delete mode 100644 webapp/packages/core-blocks/src/FormControls/Checkboxes/SwitchDense.m.css create mode 100644 webapp/packages/core-blocks/src/FormControls/Checkboxes/SwitchDense.module.css delete mode 100644 webapp/packages/core-blocks/src/FormControls/Checkboxes/SwitchPrimary.m.css create mode 100644 webapp/packages/core-blocks/src/FormControls/Checkboxes/SwitchPrimary.module.css rename webapp/packages/core-blocks/src/FormControls/{Combobox.m.css => Combobox.module.css} (90%) delete mode 100644 webapp/packages/core-blocks/src/FormControls/Field.m.css create mode 100644 webapp/packages/core-blocks/src/FormControls/Field.module.css rename webapp/packages/core-blocks/src/FormControls/{FieldDescription.m.css => FieldDescription.module.css} (55%) rename webapp/packages/core-blocks/src/FormControls/{FieldLabel.m.css => FieldLabel.module.css} (100%) rename webapp/packages/core-blocks/src/FormControls/{Filter.m.css => Filter.module.css} (100%) rename webapp/packages/core-blocks/src/FormControls/{Form.m.css => Form.module.css} (100%) rename webapp/packages/core-blocks/src/FormControls/{FormControl.m.css => FormControl.module.css} (76%) rename webapp/packages/core-blocks/src/FormControls/{FormFieldDescription.m.css => FormFieldDescription.module.css} (59%) rename webapp/packages/core-blocks/src/FormControls/InputField/{InputField.m.css => InputField.module.css} (79%) rename webapp/packages/core-blocks/src/FormControls/{InputFileTextContent.m.css => InputFileTextContent.module.css} (61%) rename webapp/packages/core-blocks/src/FormControls/{InputFiles.m.css => InputFiles.module.css} (100%) rename webapp/packages/core-blocks/src/FormControls/{Radio.m.css => Radio.module.css} (82%) rename webapp/packages/core-blocks/src/FormControls/{Textarea.m.css => Textarea.module.css} (64%) rename webapp/packages/core-blocks/src/{IconButton.m.css => IconButton.module.css} (100%) delete mode 100644 webapp/packages/core-blocks/src/Iframe.m.css create mode 100644 webapp/packages/core-blocks/src/Iframe.module.css delete mode 100644 webapp/packages/core-blocks/src/InfoItem.m.css create mode 100644 webapp/packages/core-blocks/src/InfoItem.module.css rename webapp/packages/core-blocks/src/ItemList/{ItemList.m.css => ItemList.module.css} (100%) rename webapp/packages/core-blocks/src/{Link.m.css => Link.module.css} (60%) rename webapp/packages/core-blocks/src/Loader/{Loader.m.css => Loader.module.css} (100%) rename webapp/packages/core-blocks/src/Menu/{Menu.m.css => Menu.module.css} (100%) rename webapp/packages/core-blocks/src/Menu/{MenuBarSmallItem.m.css => MenuBarSmallItem.module.css} (100%) rename webapp/packages/core-blocks/src/Menu/{MenuItem.m.css => MenuItem.module.css} (54%) rename webapp/packages/core-blocks/src/Menu/{MenuItemElement.m.css => MenuItemElement.module.css} (84%) rename webapp/packages/core-blocks/src/Menu/{MenuPanel.m.css => MenuPanel.module.css} (61%) delete mode 100644 webapp/packages/core-blocks/src/Menu/MenuSeparator.m.css create mode 100644 webapp/packages/core-blocks/src/Menu/MenuSeparator.module.css rename webapp/packages/core-blocks/src/MenuPanel/shared/{MenuPanelItemAndTrigger.m.css => MenuPanelItemAndTrigger.module.css} (100%) rename webapp/packages/core-blocks/src/Overlay/{Overlay.m.css => Overlay.module.css} (79%) delete mode 100644 webapp/packages/core-blocks/src/Overlay/OverlayActions.m.css create mode 100644 webapp/packages/core-blocks/src/Overlay/OverlayActions.module.css delete mode 100644 webapp/packages/core-blocks/src/Overlay/OverlayHeader.m.css create mode 100644 webapp/packages/core-blocks/src/Overlay/OverlayHeader.module.css delete mode 100644 webapp/packages/core-blocks/src/Overlay/OverlayHeaderIcon.m.css create mode 100644 webapp/packages/core-blocks/src/Overlay/OverlayHeaderIcon.module.css delete mode 100644 webapp/packages/core-blocks/src/Overlay/OverlayHeaderSubTitle.m.css create mode 100644 webapp/packages/core-blocks/src/Overlay/OverlayHeaderSubTitle.module.css rename webapp/packages/core-blocks/src/Overlay/{OverlayHeaderTitle.m.css => OverlayHeaderTitle.module.css} (59%) delete mode 100644 webapp/packages/core-blocks/src/Overlay/OverlayMessage.m.css create mode 100644 webapp/packages/core-blocks/src/Overlay/OverlayMessage.module.css rename webapp/packages/core-blocks/src/PropertiesTable/{PropertiesTable.m.css => PropertiesTable.module.css} (100%) delete mode 100644 webapp/packages/core-blocks/src/PropertiesTable/PropertiesTableAddButtonStyles.m.css create mode 100644 webapp/packages/core-blocks/src/PropertiesTable/PropertiesTableAddButtonStyles.module.css delete mode 100644 webapp/packages/core-blocks/src/PropertiesTable/PropertiesTableInputStyles.m.css create mode 100644 webapp/packages/core-blocks/src/PropertiesTable/PropertiesTableInputStyles.module.css rename webapp/packages/core-blocks/src/PropertiesTable/{PropertyItem.m.css => PropertyItem.module.css} (87%) delete mode 100644 webapp/packages/core-blocks/src/PropertiesTable/PropertyValueSelector.m.css create mode 100644 webapp/packages/core-blocks/src/PropertiesTable/PropertyValueSelector.module.css delete mode 100644 webapp/packages/core-blocks/src/Slide/SlideBox.m.css create mode 100644 webapp/packages/core-blocks/src/Slide/SlideBox.module.css rename webapp/packages/core-blocks/src/Slide/{SlideElement.m.css => SlideElement.module.css} (65%) rename webapp/packages/core-blocks/src/Slide/{SlideOverlay.m.css => SlideOverlay.module.css} (76%) rename webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/{SnackbarBody.m.css => SnackbarBody.module.css} (72%) delete mode 100644 webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarContent.m.css create mode 100644 webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarContent.module.css rename webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/{SnackbarFooter.m.css => SnackbarFooter.module.css} (55%) delete mode 100644 webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarStatus.m.css create mode 100644 webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarStatus.module.css rename webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/{SnackbarWrapper.m.css => SnackbarWrapper.module.css} (100%) delete mode 100644 webapp/packages/core-blocks/src/Split/Pane.m.css create mode 100644 webapp/packages/core-blocks/src/Split/Pane.module.css rename webapp/packages/core-blocks/src/Split/{ResizeControls.m.css => ResizeControls.module.css} (76%) delete mode 100644 webapp/packages/core-blocks/src/Split/Split.m.css create mode 100644 webapp/packages/core-blocks/src/Split/Split.module.css rename webapp/packages/core-blocks/src/Split/{SplitControls.m.css => SplitControls.module.css} (90%) rename webapp/packages/core-blocks/src/{StaticImage.m.css => StaticImage.module.css} (100%) rename webapp/packages/core-blocks/src/{StatusMessage.m.css => StatusMessage.module.css} (59%) rename webapp/packages/core-blocks/src/Table/{Table.m.css => Table.module.css} (60%) rename webapp/packages/core-blocks/src/Table/{TableColumnHeader.m.css => TableColumnHeader.module.css} (70%) rename webapp/packages/core-blocks/src/Table/{TableColumnValue.m.css => TableColumnValue.module.css} (67%) rename webapp/packages/core-blocks/src/Table/{TableHeader.m.css => TableHeader.module.css} (100%) rename webapp/packages/core-blocks/src/Table/{TableItem.m.css => TableItem.module.css} (59%) rename webapp/packages/core-blocks/src/Table/{TableItemExpand.m.css => TableItemExpand.module.css} (57%) delete mode 100644 webapp/packages/core-blocks/src/Table/TableItemSelect.m.css create mode 100644 webapp/packages/core-blocks/src/Table/TableItemSelect.module.css delete mode 100644 webapp/packages/core-blocks/src/Table/TableSelect.m.css create mode 100644 webapp/packages/core-blocks/src/Table/TableSelect.module.css rename webapp/packages/core-blocks/src/Tags/{Tags.m.css => Tags.module.css} (81%) delete mode 100644 webapp/packages/core-blocks/src/TextPlaceholder.m.css create mode 100644 webapp/packages/core-blocks/src/TextPlaceholder.module.css rename webapp/packages/core-blocks/src/{TimerIcon.m.css => TimerIcon.module.css} (74%) rename webapp/packages/core-blocks/src/ToolsPanel/{ToolsAction.m.css => ToolsAction.module.css} (100%) rename webapp/packages/core-blocks/src/ToolsPanel/{ToolsPanel.m.css => ToolsPanel.module.css} (100%) delete mode 100644 webapp/packages/core-blocks/src/Tree/TreeNode/TreeNode.m.css create mode 100644 webapp/packages/core-blocks/src/Tree/TreeNode/TreeNode.module.css rename webapp/packages/core-blocks/src/Tree/TreeNode/{TreeNodeControl.m.css => TreeNodeControl.module.css} (68%) rename webapp/packages/core-blocks/src/Tree/TreeNode/{TreeNodeExpand.m.css => TreeNodeExpand.module.css} (59%) delete mode 100644 webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeIcon.m.css create mode 100644 webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeIcon.module.css delete mode 100644 webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeName.m.css create mode 100644 webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeName.module.css delete mode 100644 webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeNested.m.css create mode 100644 webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeNested.module.css delete mode 100644 webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeNestedMessage.m.css create mode 100644 webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeNestedMessage.module.css delete mode 100644 webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeSelect.m.css create mode 100644 webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeSelect.module.css delete mode 100644 webapp/packages/core-blocks/src/UploadArea.m.css create mode 100644 webapp/packages/core-blocks/src/UploadArea.module.css delete mode 100644 webapp/packages/core-blocks/src/layout/AppLogo.m.css create mode 100644 webapp/packages/core-blocks/src/layout/AppLogo.module.css delete mode 100644 webapp/packages/core-blocks/src/layout/TopAppBar.m.css create mode 100644 webapp/packages/core-blocks/src/layout/TopAppBar.module.css rename webapp/packages/core-bootstrap/src/{renderLayout.m.css => renderLayout.module.css} (100%) rename webapp/packages/core-notifications/src/{Notifications.m.css => Notifications.module.css} (60%) rename webapp/packages/core-ui/src/ContextMenu/MenuBar/{MenuBar.m.css => MenuBar.module.css} (52%) rename webapp/packages/core-ui/src/ContextMenu/MenuBar/{MenuBarItem.m.css => MenuBarItem.module.css} (86%) rename webapp/packages/core-ui/src/Form/Components/{BaseForm.m.css => BaseForm.module.css} (100%) delete mode 100644 webapp/packages/core-ui/src/InlineEditor/EditorDialog.m.css create mode 100644 webapp/packages/core-ui/src/InlineEditor/EditorDialog.module.css rename webapp/packages/core-ui/src/InlineEditor/{InlineEditor.m.css => InlineEditor.module.css} (100%) rename webapp/packages/core-ui/src/SideBarPanel/shared/{SideBarPanel.m.css => SideBarPanel.module.css} (100%) rename webapp/packages/core-ui/src/SideBarPanel/shared/{SideBarPanelTab.m.css => SideBarPanelTab.module.css} (100%) rename webapp/packages/core-ui/src/SideBarPanel/shared/{SideBarPanelTabPanel.m.css => SideBarPanelTabPanel.module.css} (100%) rename webapp/packages/core-ui/src/Tabs/Tab/{Tab.m.css => Tab.module.css} (100%) rename webapp/packages/core-ui/src/Tabs/Tab/{TabActions.m.css => TabActions.module.css} (100%) rename webapp/packages/core-ui/src/Tabs/Tab/{TabBigUnderlineStyles.m.css => TabBigUnderlineStyles.module.css} (100%) rename webapp/packages/core-ui/src/Tabs/Tab/{TabIcon.m.css => TabIcon.module.css} (100%) rename webapp/packages/core-ui/src/Tabs/Tab/{TabIconVerticalRotated.m.css => TabIconVerticalRotated.module.css} (100%) rename webapp/packages/core-ui/src/Tabs/Tab/{TabMenu.m.css => TabMenu.module.css} (100%) rename webapp/packages/core-ui/src/Tabs/Tab/{TabTitle.m.css => TabTitle.module.css} (100%) rename webapp/packages/core-ui/src/Tabs/Tab/{TabTitleBigUnderlineStyles.m.css => TabTitleBigUnderlineStyles.module.css} (100%) rename webapp/packages/core-ui/src/Tabs/Tab/{TabTitleVerticalRotated.m.css => TabTitleVerticalRotated.module.css} (100%) rename webapp/packages/core-ui/src/Tabs/Tab/{TabUnderline.m.css => TabUnderline.module.css} (100%) rename webapp/packages/core-ui/src/Tabs/Tab/{TabVertical.m.css => TabVertical.module.css} (100%) rename webapp/packages/core-ui/src/Tabs/Tab/{TabVerticalRotated.m.css => TabVerticalRotated.module.css} (100%) delete mode 100644 webapp/packages/core-ui/src/Tabs/TabList.m.css create mode 100644 webapp/packages/core-ui/src/Tabs/TabList.module.css rename webapp/packages/core-ui/src/Tabs/{TabListVertical.m.css => TabListVertical.module.css} (100%) rename webapp/packages/core-ui/src/Tabs/{TabListVerticalRotated.m.css => TabListVerticalRotated.module.css} (100%) rename webapp/packages/core-ui/src/Tabs/{TabPanel.m.css => TabPanel.module.css} (100%) rename webapp/packages/core-ui/src/Tabs/TabsBox/shared/{TabsBox.m.css => TabsBox.module.css} (100%) rename webapp/packages/core-ui/src/Tabs/TabsBox/shared/{TabsBoxTabPanel.m.css => TabsBoxTabPanel.module.css} (100%) delete mode 100644 webapp/packages/core-view/src/View/CaptureView.m.css create mode 100644 webapp/packages/core-view/src/View/CaptureView.module.css rename webapp/packages/plugin-administration/src/Administration/shared/{Administration.m.css => Administration.module.css} (100%) rename webapp/packages/plugin-administration/src/Administration/shared/{AdministrationTab.m.css => AdministrationTab.module.css} (100%) rename webapp/packages/plugin-administration/src/Administration/shared/{AdministrationTabList.m.css => AdministrationTabList.module.css} (100%) rename webapp/packages/plugin-administration/src/Administration/shared/{AdministrationToolsPanel.m.css => AdministrationToolsPanel.module.css} (100%) rename webapp/packages/plugin-administration/src/AdministrationScreen/ConfigurationWizard/{WizardStepper.m.css => WizardStepper.module.css} (70%) delete mode 100644 webapp/packages/plugin-administration/src/AdministrationScreen/ConfigurationWizard/WizardTopAppBar/ConfigurationWizardTitle.m.css create mode 100644 webapp/packages/plugin-administration/src/AdministrationScreen/ConfigurationWizard/WizardTopAppBar/ConfigurationWizardTitle.module.css rename webapp/packages/plugin-administration/src/ConfigurationWizard/Finish/{FinishPage.m.css => FinishPage.module.css} (100%) delete mode 100644 webapp/packages/plugin-administration/src/ConfigurationWizard/ServerConfiguration/ServerConfigurationDriversForm.m.css create mode 100644 webapp/packages/plugin-administration/src/ConfigurationWizard/ServerConfiguration/ServerConfigurationDriversForm.module.css rename webapp/packages/plugin-administration/src/ConfigurationWizard/ServerConfiguration/{ServerConfigurationPage.m.css => ServerConfigurationPage.module.css} (100%) rename webapp/packages/plugin-administration/src/ConfigurationWizard/Welcome/{WelcomePage.m.css => WelcomePage.module.css} (100%) rename webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/{CreateTeam.m.css => CreateTeam.module.css} (100%) rename webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/{ConnectionList.m.css => ConnectionList.module.css} (100%) delete mode 100644 webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnections.m.css create mode 100644 webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnections.module.css rename webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/{GrantedConnectionsList.m.css => GrantedConnectionsList.module.css} (100%) rename webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsTableHeader/{GrantedConnectionsTableHeader.m.css => GrantedConnectionsTableHeader.module.css} (100%) delete mode 100644 webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsTableItem.m.css rename webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/{GrantedUsers/GrantedUsersTableItem.m.css => GrantedConnections/GrantedConnectionsTableItem.module.css} (100%) rename webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/{GrantedUserList.m.css => GrantedUserList.module.css} (100%) delete mode 100644 webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsers.m.css create mode 100644 webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsers.module.css rename webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsersTableHeader/{GrantedUsersTableHeader.m.css => GrantedUsersTableHeader.module.css} (100%) rename webapp/packages/{plugin-data-import/src/DataImportDialog/ImportProcessorList.m.css => plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsersTableItem.module.css} (100%) rename webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/{UserList.m.css => UserList.module.css} (100%) rename webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/{TeamForm.m.css => TeamForm.module.css} (100%) delete mode 100644 webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/Team.m.css create mode 100644 webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/Team.module.css rename webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/{TeamEdit.m.css => TeamEdit.module.css} (100%) delete mode 100644 webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/TeamsTable.m.css create mode 100644 webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/TeamsTable.module.css rename webapp/packages/plugin-authentication-administration/src/Administration/Users/UserForm/{AdministrationUserForm.m.css => AdministrationUserForm.module.css} (100%) delete mode 100644 webapp/packages/plugin-authentication-administration/src/Administration/Users/UserForm/DisableUserDialog.m.css create mode 100644 webapp/packages/plugin-authentication-administration/src/Administration/Users/UserForm/DisableUserDialog.module.css rename webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/{CreateUser.m.css => CreateUser.module.css} (100%) rename webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/Filters/{UsersTableFilters.m.css => UsersTableFilters.module.css} (100%) delete mode 100644 webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/User.m.css create mode 100644 webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/User.module.css rename webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/{UserCredentialsList.m.css => UserCredentialsList.module.css} (100%) rename webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/{UserEdit.m.css => UserEdit.module.css} (100%) delete mode 100644 webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UsersAdministrationMenuBarItemStyles.m.css create mode 100644 webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UsersAdministrationMenuBarItemStyles.module.css rename webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/{UsersAdministrationToolsPanel.m.css => UsersAdministrationToolsPanel.module.css} (100%) rename webapp/packages/plugin-authentication-administration/src/Administration/Users/shared/{UsersAdministration.m.css => UsersAdministration.module.css} (100%) rename webapp/packages/plugin-authentication-administration/src/Administration/Users/shared/{UsersAdministrationTab.m.css => UsersAdministrationTab.module.css} (100%) rename webapp/packages/plugin-authentication-administration/src/Administration/Users/shared/{UsersAdministrationTabPanel.m.css => UsersAdministrationTabPanel.module.css} (100%) rename webapp/packages/plugin-authentication-administration/src/Administration/Users/shared/{UsersAdministrationTabTitle.m.css => UsersAdministrationTabTitle.module.css} (100%) rename webapp/packages/plugin-authentication/src/Dialog/{AuthDialog.m.css => AuthDialog.module.css} (100%) rename webapp/packages/plugin-authentication/src/Dialog/{AuthDialogFooter.m.css => AuthDialogFooter.module.css} (100%) rename webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/{ConfigurationsList.m.css => ConfigurationsList.module.css} (100%) delete mode 100644 webapp/packages/plugin-connection-custom/src/DriverSelector/Driver.m.css create mode 100644 webapp/packages/plugin-connection-custom/src/DriverSelector/Driver.module.css delete mode 100644 webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelector.m.css create mode 100644 webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelector.module.css delete mode 100644 webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelectorDialog.m.css create mode 100644 webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelectorDialog.module.css rename webapp/packages/plugin-connection-search/src/Search/{Database.m.css => Database.module.css} (61%) delete mode 100644 webapp/packages/plugin-connection-search/src/Search/DatabaseList.m.css create mode 100644 webapp/packages/plugin-connection-search/src/Search/DatabaseList.module.css delete mode 100644 webapp/packages/plugin-connection-search/src/Search/SearchDatabase.m.css create mode 100644 webapp/packages/plugin-connection-search/src/Search/SearchDatabase.module.css rename webapp/packages/plugin-connection-template/src/ConnectionDialog/{ConnectionDialog.m.css => ConnectionDialog.module.css} (61%) delete mode 100644 webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialogFooter.m.css create mode 100644 webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialogFooter.module.css rename webapp/packages/plugin-connection-template/src/ConnectionDialog/TemplateConnectionSelector/{TemplateConnectionItem.m.css => TemplateConnectionItem.module.css} (100%) delete mode 100644 webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsAdministration.m.css create mode 100644 webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsAdministration.module.css rename webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/{Connection.m.css => Connection.module.css} (100%) rename webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionDetailsInfo/{ConnectionDetailsStyles.m.css => ConnectionDetailsStyles.module.css} (100%) rename webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/{ConnectionEdit.m.css => ConnectionEdit.module.css} (100%) delete mode 100644 webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/Manual/Driver.m.css create mode 100644 webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/Manual/Driver.module.css rename webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/Manual/{DriverList.m.css => DriverList.module.css} (100%) rename webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/shared/{CreateConnection.m.css => CreateConnection.module.css} (100%) rename webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/shared/{CreateConnectionTab.m.css => CreateConnectionTab.module.css} (100%) rename webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/shared/{CreateConnectionTabList.m.css => CreateConnectionTabList.module.css} (100%) rename webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/shared/{CreateConnectionTabPanel.m.css => CreateConnectionTabPanel.module.css} (100%) rename webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/{ConnectionAccess.m.css => ConnectionAccess.module.css} (100%) rename webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/{ConnectionAccessGrantedList.m.css => ConnectionAccessGrantedList.module.css} (100%) rename webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/{ConnectionAccessList.m.css => ConnectionAccessList.module.css} (100%) rename webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessTableHeader/{ConnectionAccessTableHeader.m.css => ConnectionAccessTableHeader.module.css} (100%) rename webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/{ConnectionAccessTableItem.m.css => ConnectionAccessTableItem.module.css} (100%) delete mode 100644 webapp/packages/plugin-connections/src/ConnectionAuthentication/ConnectionAuthenticationDialog.m.css create mode 100644 webapp/packages/plugin-connections/src/ConnectionAuthentication/ConnectionAuthenticationDialog.module.css rename webapp/packages/plugin-connections/src/ConnectionForm/{ConnectionForm.m.css => ConnectionForm.module.css} (100%) rename webapp/packages/plugin-connections/src/ConnectionForm/DriverProperties/{DriverProperties.m.css => DriverProperties.module.css} (100%) delete mode 100644 webapp/packages/plugin-connections/src/ConnectionForm/Options/Options.m.css create mode 100644 webapp/packages/plugin-connections/src/ConnectionForm/Options/Options.module.css rename webapp/packages/plugin-connections/src/ConnectionForm/OriginInfo/{OriginInfo.m.css => OriginInfo.module.css} (100%) rename webapp/packages/plugin-connections/src/ConnectionForm/SSH/{SSH.m.css => SSH.module.css} (100%) rename webapp/packages/plugin-connections/src/ConnectionForm/SSL/{SSL.m.css => SSL.module.css} (100%) rename webapp/packages/plugin-connections/src/DatabaseAuthDialog/DatabaseCredentialsAuthDialog/{DatabaseCredentialsAuthDialog.m.css => DatabaseCredentialsAuthDialog.module.css} (55%) rename webapp/packages/plugin-connections/src/DatabaseAuthDialog/DatabaseCredentialsAuthDialog/{DatabaseCredentialsAuthDialogFooter.m.css => DatabaseCredentialsAuthDialogFooter.module.css} (100%) rename webapp/packages/plugin-connections/src/PublicConnectionForm/{PublicConnectionForm.m.css => PublicConnectionForm.module.css} (100%) delete mode 100644 webapp/packages/plugin-data-export/src/Dialog/ExportProcessorList/ProcessorItem.m.css create mode 100644 webapp/packages/plugin-data-export/src/Dialog/ExportProcessorList/ProcessorItem.module.css rename webapp/packages/plugin-data-export/src/Dialog/{ProcessorConfigureDialog.m.css => ProcessorConfigureDialog.module.css} (54%) delete mode 100644 webapp/packages/plugin-data-export/src/Dialog/ProcessorConfigureDialogFooter.m.css create mode 100644 webapp/packages/plugin-data-export/src/Dialog/ProcessorConfigureDialogFooter.module.css rename webapp/packages/plugin-data-export/src/Dialog/{ProcessorSelectDialog.m.css => ProcessorSelectDialog.module.css} (62%) rename webapp/packages/plugin-data-export/src/ExportNotification/{ExportNotification.m.css => ExportNotification.module.css} (63%) rename webapp/packages/plugin-data-import/src/DataImportDialog/{DataImportFileItem.m.css => DataImportFileItem.module.css} (100%) rename webapp/packages/plugin-data-import/src/DataImportDialog/{DataImportFileSelector.m.css => DataImportFileSelector.module.css} (100%) create mode 100644 webapp/packages/plugin-data-import/src/DataImportDialog/ImportProcessorList.module.css rename webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/{CellEditor.m.css => CellEditor.module.css} (100%) delete mode 100644 webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/DataGridContextMenu/DataGridContextMenuFilter/FilterCustomValueDialog.m.css create mode 100644 webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/DataGridContextMenu/DataGridContextMenuFilter/FilterCustomValueDialog.module.css rename webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/{CellFormatter.m.css => CellFormatter.module.css} (100%) rename webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/{BlobFormatter.m.css => BlobFormatter.module.css} (89%) rename webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/{BooleanFormatter.m.css => BooleanFormatter.module.css} (88%) rename webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/{CellNullValue.m.css => CellNullValue.module.css} (100%) rename webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/{TextFormatter.m.css => TextFormatter.module.css} (91%) rename webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/Menu/{CellMenu.m.css => CellMenu.module.css} (100%) rename webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/{OrderButton.m.css => OrderButton.module.css} (100%) rename webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/{TableColumnHeader.m.css => TableColumnHeader.module.css} (100%) rename webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/{TableIndexColumnHeader.m.css => TableIndexColumnHeader.module.css} (100%) delete mode 100644 webapp/packages/plugin-data-viewer-result-set-grouping/src/DVGroupingColumnEditorDialog/DVGroupingColumnEditorDialog.m.css create mode 100644 webapp/packages/plugin-data-viewer-result-set-grouping/src/DVGroupingColumnEditorDialog/DVGroupingColumnEditorDialog.module.css rename webapp/packages/plugin-data-viewer-result-set-grouping/src/DVGroupingColumnEditorDialog/{GroupingColumnEditorTable.m.css => GroupingColumnEditorTable.module.css} (58%) rename webapp/packages/plugin-data-viewer-result-set-grouping/src/{DVResultSetGroupingPresentation.m.css => DVResultSetGroupingPresentation.module.css} (100%) rename webapp/packages/plugin-data-viewer/src/DataViewerPage/{DataViewerPanel.m.css => DataViewerPanel.module.css} (100%) rename webapp/packages/plugin-data-viewer/src/TableViewer/{TableError.m.css => TableError.module.css} (100%) rename webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/AutoRefresh/{AutoRefreshButton.m.css => AutoRefreshButton.module.css} (100%) rename webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/AutoRefresh/{AutoRefreshSettingsDialog.m.css => AutoRefreshSettingsDialog.module.css} (55%) rename webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/{CancelTotalCountAction.m.css => CancelTotalCountAction.module.css} (100%) rename webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/{TableFooter.m.css => TableFooter.module.css} (100%) delete mode 100644 webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterMenu/TableFooterMenu.m.css create mode 100644 webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterMenu/TableFooterMenu.module.css rename webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterMenu/{TableFooterMenuItem.m.css => TableFooterMenuItem.module.css} (100%) delete mode 100644 webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterRowCount.m.css create mode 100644 webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterRowCount.module.css rename webapp/packages/plugin-data-viewer/src/TableViewer/{TableGrid.m.css => TableGrid.module.css} (100%) rename webapp/packages/plugin-data-viewer/src/TableViewer/TableHeader/{TableHeader.m.css => TableHeader.module.css} (100%) rename webapp/packages/plugin-data-viewer/src/TableViewer/TableHeader/{TableWhereFilter.m.css => TableWhereFilter.module.css} (100%) rename webapp/packages/plugin-data-viewer/src/TableViewer/TablePresentationBar/shared/{TablePresentationBar.m.css => TablePresentationBar.module.css} (100%) rename webapp/packages/plugin-data-viewer/src/TableViewer/TablePresentationBar/shared/{TablePresentationBarTab.m.css => TablePresentationBarTab.module.css} (100%) rename webapp/packages/plugin-data-viewer/src/TableViewer/TablePresentationBar/shared/{TablePresentationBarTabList.m.css => TablePresentationBarTabList.module.css} (100%) rename webapp/packages/plugin-data-viewer/src/TableViewer/{TableStatistics.m.css => TableStatistics.module.css} (100%) rename webapp/packages/plugin-data-viewer/src/TableViewer/{TableToolsPanel.m.css => TableToolsPanel.module.css} (100%) rename webapp/packages/plugin-data-viewer/src/TableViewer/{TableViewer.m.css => TableViewer.module.css} (79%) rename webapp/packages/plugin-data-viewer/src/TableViewer/ValuePanel/shared/{ValuePanel.m.css => ValuePanel.module.css} (100%) rename webapp/packages/plugin-data-viewer/src/TableViewer/ValuePanel/shared/{ValuePanelEditorTabPanel.m.css => ValuePanelEditorTabPanel.module.css} (100%) rename webapp/packages/plugin-data-viewer/src/TableViewer/ValuePanel/shared/{ValuePanelEditorTabs.m.css => ValuePanelEditorTabs.module.css} (100%) rename webapp/packages/plugin-data-viewer/src/TableViewer/ValuePanel/shared/{ValuePanelTab.m.css => ValuePanelTab.module.css} (100%) rename webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/BooleanValue/{BooleanValuePresentation.m.css => BooleanValuePresentation.module.css} (100%) rename webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/ImageValue/{ImageValuePresentation.m.css => ImageValuePresentation.module.css} (100%) rename webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/{QuotaPlaceholder.m.css => QuotaPlaceholder.module.css} (100%) rename webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/TextValue/shared/{TextValuePresentation.m.css => TextValuePresentation.module.css} (100%) rename webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/TextValue/shared/{TextValuePresentationTab.m.css => TextValuePresentationTab.module.css} (100%) delete mode 100644 webapp/packages/plugin-datasource-context-switch/src/ConnectionSchemaManager/ConnectionSelector/ConnectionIcon.m.css create mode 100644 webapp/packages/plugin-datasource-context-switch/src/ConnectionSchemaManager/ConnectionSelector/ConnectionIcon.module.css delete mode 100644 webapp/packages/plugin-datasource-context-switch/src/ConnectionSchemaManager/ConnectionSelector/ConnectionImageWithMask.m.css create mode 100644 webapp/packages/plugin-datasource-context-switch/src/ConnectionSchemaManager/ConnectionSelector/ConnectionImageWithMask.module.css rename webapp/packages/plugin-ddl-viewer/src/DdlViewer/{DDLViewerTabPanel.m.css => DDLViewerTabPanel.module.css} (54%) delete mode 100644 webapp/packages/plugin-devtools/src/ContextMenu/SearchResourceMenuItemComponent.m.css create mode 100644 webapp/packages/plugin-devtools/src/ContextMenu/SearchResourceMenuItemComponent.module.css delete mode 100644 webapp/packages/plugin-gis-viewer/src/CrsInput.m.css create mode 100644 webapp/packages/plugin-gis-viewer/src/CrsInput.module.css delete mode 100644 webapp/packages/plugin-gis-viewer/src/GISValuePresentation.m.css create mode 100644 webapp/packages/plugin-gis-viewer/src/GISValuePresentation.module.css rename webapp/packages/plugin-gis-viewer/src/{LeafletMap.m.css => LeafletMap.module.css} (100%) rename webapp/packages/plugin-help/src/Shortcuts/{Shortcut.m.css => Shortcut.module.css} (100%) rename webapp/packages/plugin-help/src/Shortcuts/{ShortcutsDialog.m.css => ShortcutsDialog.module.css} (100%) rename webapp/packages/plugin-log-viewer/src/LogViewer/{LogEntry.m.css => LogEntry.module.css} (100%) delete mode 100644 webapp/packages/plugin-log-viewer/src/LogViewer/LogViewer.m.css create mode 100644 webapp/packages/plugin-log-viewer/src/LogViewer/LogViewer.module.css rename webapp/packages/plugin-log-viewer/src/LogViewer/{LogViewerInfoPanel.m.css => LogViewerInfoPanel.module.css} (100%) rename webapp/packages/plugin-log-viewer/src/LogViewer/{LogViewerTable.m.css => LogViewerTable.module.css} (100%) rename webapp/packages/plugin-navigation-tabs/src/NavigationTabs/NavigationTabsBar/shared/{NavigationTabsBar.m.css => NavigationTabsBar.module.css} (100%) rename webapp/packages/plugin-navigation-tabs/src/NavigationTabs/NavigationTabsBar/shared/{NavigationTabsBarTab.m.css => NavigationTabsBarTab.module.css} (100%) rename webapp/packages/plugin-navigation-tree-filters/src/NavigationTreeFiltersDialog/{FiltersTable.m.css => FiltersTable.module.css} (77%) delete mode 100644 webapp/packages/plugin-navigation-tree-filters/src/NavigationTreeFiltersDialog/FiltersTableItem.m.css create mode 100644 webapp/packages/plugin-navigation-tree-filters/src/NavigationTreeFiltersDialog/FiltersTableItem.module.css rename webapp/packages/plugin-navigation-tree-filters/src/NavigationTreeFiltersDialog/{NavigationTreeFiltersDialog.m.css => NavigationTreeFiltersDialog.module.css} (50%) rename webapp/packages/plugin-navigation-tree-rm/src/Tree/ProjectsRenderer/{NavigationNodeProjectControl.m.css => NavigationNodeProjectControl.module.css} (74%) delete mode 100644 webapp/packages/plugin-navigation-tree-rm/src/Tree/ProjectsRenderer/NavigationTreeProjectsRendererRenderer.m.css create mode 100644 webapp/packages/plugin-navigation-tree-rm/src/Tree/ProjectsRenderer/NavigationTreeProjectsRendererRenderer.module.css rename webapp/packages/plugin-navigation-tree-rm/src/Tree/{ResourceManagerTree.m.css => ResourceManagerTree.module.css} (65%) delete mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/ConnectionGroup/NavigationTreeConnectionGroupRenderer.m.css create mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/ConnectionGroup/NavigationTreeConnectionGroupRenderer.module.css rename webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/{ElementsTree.m.css => ElementsTree.module.css} (79%) delete mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeFilter.m.css create mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeFilter.module.css delete mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeMenuBarItem.m.css create mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeMenuBarItem.module.css rename webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/{ElementsTreeTools.m.css => ElementsTreeTools.module.css} (53%) rename webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/{ElementsTreeToolsIconButton.m.css => ElementsTreeToolsIconButton.module.css} (64%) delete mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeToolsMenu.m.css create mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeToolsMenu.module.css delete mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/NavigationTreeSettings/NavigationTreeSettings.m.css create mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/NavigationTreeSettings/NavigationTreeSettings.module.css delete mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavTreeLimitFilter/elementsTreeLimitRenderer.m.css create mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavTreeLimitFilter/elementsTreeLimitRenderer.module.css delete mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode.m.css create mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode.module.css rename webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/{NavigationNodeControl.m.css => NavigationNodeControl.module.css} (74%) delete mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeEditor.m.css create mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeEditor.module.css delete mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeNested.m.css create mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeNested.module.css delete mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNodeControlRenderer.m.css create mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNodeControlRenderer.module.css rename webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/TreeNodeMenu/{TreeNodeMenu.m.css => TreeNodeMenu.module.css} (51%) delete mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTreeTools.m.css create mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTreeTools.module.css rename webapp/packages/plugin-navigation-tree/src/NavigationTree/{NavigationTree.m.css => NavigationTree.module.css} (62%) delete mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/NavigationTreePanel.m.css create mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/NavigationTreePanel.module.css rename webapp/packages/plugin-navigation-tree/src/NavigationTree/ProjectsRenderer/{NavigationNodeProjectControl.m.css => NavigationNodeProjectControl.module.css} (74%) delete mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/ProjectsRenderer/NavigationTreeProjectsRendererRenderer.m.css create mode 100644 webapp/packages/plugin-navigation-tree/src/NavigationTree/ProjectsRenderer/NavigationTreeProjectsRendererRenderer.module.css rename webapp/packages/plugin-navigation-tree/src/NodesManager/{NodeLink.m.css => NodeLink.module.css} (100%) rename webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/{NavNodeTab.m.css => NavNodeTab.module.css} (100%) rename webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/NavNodeView/VirtualFolder/{VirtualFolderPanel.m.css => VirtualFolderPanel.module.css} (100%) delete mode 100644 webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertiesPagePanel.m.css create mode 100644 webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertiesPagePanel.module.css delete mode 100644 webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/ObjectPropertyTable.m.css create mode 100644 webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/ObjectPropertyTable.module.css rename webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/{CellFormatter.m.css => CellFormatter.module.css} (53%) rename webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Columns/ColumnIcon/{IconFormatter.m.css => IconFormatter.module.css} (100%) rename webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Columns/ColumnSelect/{SelectorFormatter.m.css => SelectorFormatter.module.css} (100%) rename webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/{Table.m.css => Table.module.css} (64%) rename webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/{ObjectFoldersNavNodeTab.m.css => ObjectFoldersNavNodeTab.module.css} (100%) rename webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/{ObjectFoldersTab.m.css => ObjectFoldersTab.module.css} (100%) rename webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/{ObjectFoldersTabList.m.css => ObjectFoldersTabList.module.css} (100%) rename webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/{ObjectFoldersTabPanel.m.css => ObjectFoldersTabPanel.module.css} (100%) rename webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/{ObjectFoldersTabTitle.m.css => ObjectFoldersTabTitle.module.css} (100%) rename webapp/packages/plugin-object-viewer/src/ObjectViewerPanel/shared/{ObjectViewerPanel.m.css => ObjectViewerPanel.module.css} (100%) rename webapp/packages/plugin-object-viewer/src/ObjectViewerPanel/shared/{ObjectViewerPanelTab.m.css => ObjectViewerPanelTab.module.css} (100%) rename webapp/packages/plugin-product/src/{ProductInfoDialog.m.css => ProductInfoDialog.module.css} (52%) delete mode 100644 webapp/packages/plugin-projects/src/FolderDialog.m.css create mode 100644 webapp/packages/plugin-projects/src/FolderDialog.module.css delete mode 100644 webapp/packages/plugin-root/src/DataSynchronization/DataSynchronizationNotification.m.css create mode 100644 webapp/packages/plugin-root/src/DataSynchronization/DataSynchronizationNotification.module.css delete mode 100644 webapp/packages/plugin-root/src/DataSynchronization/DataSynchronizationNotificationMessages.m.css create mode 100644 webapp/packages/plugin-root/src/DataSynchronization/DataSynchronizationNotificationMessages.module.css delete mode 100644 webapp/packages/plugin-root/src/ServerNodeChangedDialog/ServerNodeChangedDialog.m.css create mode 100644 webapp/packages/plugin-root/src/ServerNodeChangedDialog/ServerNodeChangedDialog.module.css rename webapp/packages/plugin-settings-administration/src/{SettingsAdministration.m.css => SettingsAdministration.module.css} (100%) rename webapp/packages/plugin-settings-panel/src/SettingsPanel/{SettingsGroupTitle.m.css => SettingsGroupTitle.module.css} (100%) rename webapp/packages/plugin-sql-editor-navigation-tab/src/{SqlEditorTab.m.css => SqlEditorTab.module.css} (55%) delete mode 100644 webapp/packages/plugin-sql-editor-new/src/SQLEditor/SQLCodeEditorPanel/SQLCodeEditorPanel.m.css create mode 100644 webapp/packages/plugin-sql-editor-new/src/SQLEditor/SQLCodeEditorPanel/SQLCodeEditorPanel.module.css delete mode 100644 webapp/packages/plugin-sql-editor-new/src/SQLEditor/SQLCodeEditorPanel/SqlEditorInfoBar.m.css create mode 100644 webapp/packages/plugin-sql-editor-new/src/SQLEditor/SQLCodeEditorPanel/SqlEditorInfoBar.module.css rename webapp/packages/plugin-sql-editor/src/{SqlEditor.m.css => SqlEditor.module.css} (100%) rename webapp/packages/plugin-sql-editor/src/SqlEditor/{SQLEditorActions.m.css => SQLEditorActions.module.css} (100%) rename webapp/packages/plugin-sql-editor/src/SqlEditor/{ScriptImportDialog.m.css => ScriptImportDialog.module.css} (100%) rename webapp/packages/plugin-sql-editor/src/SqlEditor/{SqlEditorActionsMenuBar.m.css => SqlEditorActionsMenuBar.module.css} (100%) rename webapp/packages/plugin-sql-editor/src/SqlEditor/{SqlEditorActionsMenuBarItem.m.css => SqlEditorActionsMenuBarItem.module.css} (100%) rename webapp/packages/plugin-sql-editor/src/SqlEditor/{SqlEditorTools.m.css => SqlEditorTools.module.css} (100%) rename webapp/packages/plugin-sql-editor/src/SqlEditor/shared/{SqlEditor.m.css => SqlEditor.module.css} (100%) rename webapp/packages/plugin-sql-editor/src/SqlEditor/shared/{SqlEditorTab.m.css => SqlEditorTab.module.css} (100%) rename webapp/packages/plugin-sql-editor/src/SqlEditor/shared/{SqlEditorTabList.m.css => SqlEditorTabList.module.css} (100%) delete mode 100644 webapp/packages/plugin-sql-editor/src/SqlEditorOverlay.m.css create mode 100644 webapp/packages/plugin-sql-editor/src/SqlEditorOverlay.module.css rename webapp/packages/plugin-sql-editor/src/{SqlEditorStatusBar.m.css => SqlEditorStatusBar.module.css} (100%) rename webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/{ExecutionPlanTreeBlock.m.css => ExecutionPlanTreeBlock.module.css} (100%) rename webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/{Expand.m.css => Expand.module.css} (100%) rename webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/{NestedNode.m.css => NestedNode.module.css} (100%) rename webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/PropertiesPanel/{PropertiesPanelItemsGroup.m.css => PropertiesPanelItemsGroup.module.css} (100%) rename webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/{SqlExecutionPlanPanel.m.css => SqlExecutionPlanPanel.module.css} (100%) rename webapp/packages/plugin-sql-editor/src/SqlResultTabs/OutputLogs/{OutputLogsMenu.m.css => OutputLogsMenu.module.css} (100%) rename webapp/packages/plugin-sql-editor/src/SqlResultTabs/{SqlResultPanel.m.css => SqlResultPanel.module.css} (100%) rename webapp/packages/plugin-sql-editor/src/SqlResultTabs/{SqlResultSetPanel.m.css => SqlResultSetPanel.module.css} (100%) rename webapp/packages/plugin-sql-editor/src/SqlResultTabs/{SqlScriptStatisticsPanel.m.css => SqlScriptStatisticsPanel.module.css} (100%) rename webapp/packages/plugin-sql-editor/src/SqlResultTabs/shared/{SqlResultTabs.m.css => SqlResultTabs.module.css} (100%) rename webapp/packages/plugin-sql-editor/src/SqlResultTabs/shared/{SqlResultTabsTab.m.css => SqlResultTabsTab.module.css} (100%) rename webapp/packages/plugin-sql-editor/src/SqlResultTabs/shared/{SqlResultTabsTabIcon.m.css => SqlResultTabsTabIcon.module.css} (100%) rename webapp/packages/plugin-sql-editor/src/SqlResultTabs/shared/{SqlResultTabsTabList.m.css => SqlResultTabsTabList.module.css} (100%) delete mode 100644 webapp/packages/plugin-sql-generator/src/ScriptPreview/ScriptPreviewDialog.m.css create mode 100644 webapp/packages/plugin-sql-generator/src/ScriptPreview/ScriptPreviewDialog.module.css rename webapp/packages/plugin-sql-generator/src/SqlGenerators/{GeneratedSqlDialog.m.css => GeneratedSqlDialog.module.css} (67%) rename webapp/packages/plugin-tools-panel/src/ToolsPanel/{ToolsPanel.m.css => ToolsPanel.module.css} (66%) rename webapp/packages/plugin-top-app-bar/src/TopNavBar/AppStateMenu/{AppStateMenu.m.css => AppStateMenu.module.css} (100%) rename webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/{TopMenu.m.css => TopMenu.module.css} (100%) rename webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/{TopMenuBar.m.css => TopMenuBar.module.css} (100%) rename webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/{TopMenuBarItem.m.css => TopMenuBarItem.module.css} (100%) delete mode 100644 webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuCheckbox.m.css create mode 100644 webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuCheckbox.module.css rename webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/{TopMenuItem.m.css => TopMenuItem.module.css} (100%) delete mode 100644 webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuItemElement.m.css create mode 100644 webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuItemElement.module.css rename webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/{TopMenuPanel.m.css => TopMenuPanel.module.css} (100%) delete mode 100644 webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuSeparator.m.css create mode 100644 webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuSeparator.module.css delete mode 100644 webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuWrapper.m.css create mode 100644 webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuWrapper.module.css rename webapp/packages/plugin-user-profile/src/{UserInfo.m.css => UserInfo.module.css} (100%) delete mode 100644 webapp/packages/plugin-user-profile/src/UserMenu/UserMenu.m.css create mode 100644 webapp/packages/plugin-user-profile/src/UserMenu/UserMenu.module.css rename webapp/packages/plugin-user-profile/src/UserProfileForm/UserInfoPart/UserActiveAuthMethods/{UserActiveAuthMethods.m.css => UserActiveAuthMethods.module.css} (100%) rename webapp/packages/plugin-user-profile/src/{UserProfileOptionsPanel.m.css => UserProfileOptionsPanel.module.css} (100%) rename webapp/packages/plugin-user-profile/src/{UserProfileTab.m.css => UserProfileTab.module.css} (100%) delete mode 100644 webapp/packages/plugin-version-update-administration/src/DockerUpdateInstructions.m.css create mode 100644 webapp/packages/plugin-version-update-administration/src/DockerUpdateInstructions.module.css delete mode 100644 webapp/packages/plugin-version-update-administration/src/Version.m.css create mode 100644 webapp/packages/plugin-version-update-administration/src/Version.module.css delete mode 100644 webapp/packages/plugin-version-update-administration/src/VersionCheckerCellStyles.m.css create mode 100644 webapp/packages/plugin-version-update-administration/src/VersionCheckerCellStyles.module.css delete mode 100644 webapp/packages/plugin-version-update-administration/src/VersionInfo.m.css create mode 100644 webapp/packages/plugin-version-update-administration/src/VersionInfo.module.css delete mode 100644 webapp/packages/plugin-version-update-administration/src/VersionSelector.m.css create mode 100644 webapp/packages/plugin-version-update-administration/src/VersionSelector.module.css delete mode 100644 webapp/packages/plugin-version-update-administration/src/VersionUpdate.m.css create mode 100644 webapp/packages/plugin-version-update-administration/src/VersionUpdate.module.css delete mode 100644 webapp/packages/plugin-version-update-administration/src/VersionUpdateDrawerItem.m.css create mode 100644 webapp/packages/plugin-version-update-administration/src/VersionUpdateDrawerItem.module.css diff --git a/webapp/packages/core-app/src/AppScreen/Main.m.css b/webapp/packages/core-app/src/AppScreen/Main.module.css similarity index 61% rename from webapp/packages/core-app/src/AppScreen/Main.m.css rename to webapp/packages/core-app/src/AppScreen/Main.module.css index 0ca3006aa6..bd71119f80 100644 --- a/webapp/packages/core-app/src/AppScreen/Main.m.css +++ b/webapp/packages/core-app/src/AppScreen/Main.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .space { composes: theme-typography--body2 theme-background-surface theme-text-on-surface from global; display: flex; diff --git a/webapp/packages/core-app/src/AppScreen/Main.tsx b/webapp/packages/core-app/src/AppScreen/Main.tsx index 1fa9c02dbe..dcc56e93db 100644 --- a/webapp/packages/core-app/src/AppScreen/Main.tsx +++ b/webapp/packages/core-app/src/AppScreen/Main.tsx @@ -11,7 +11,7 @@ import { getComputed, Loader, Pane, ResizerControls, s, Split, useS, useSplitUse import { useService } from '@cloudbeaver/core-di'; import { LeftBarPanelService, SideBarPanel, SideBarPanelService } from '@cloudbeaver/core-ui'; -import style from './Main.m.css'; +import style from './Main.module.css'; import { RightArea } from './RightArea'; export const Main = observer(function Main() { diff --git a/webapp/packages/core-app/src/AppScreen/RightArea.m.css b/webapp/packages/core-app/src/AppScreen/RightArea.m.css deleted file mode 100644 index 24336a4a65..0000000000 --- a/webapp/packages/core-app/src/AppScreen/RightArea.m.css +++ /dev/null @@ -1,10 +0,0 @@ -.loader { - height: 100%; -} -.slideBox { - flex: 1; -} -.pane { - display: flex; - composes: theme-background-surface theme-text-on-surface from global; -} diff --git a/webapp/packages/core-app/src/AppScreen/RightArea.module.css b/webapp/packages/core-app/src/AppScreen/RightArea.module.css new file mode 100644 index 0000000000..60d49cd604 --- /dev/null +++ b/webapp/packages/core-app/src/AppScreen/RightArea.module.css @@ -0,0 +1,17 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.loader { + height: 100%; +} +.slideBox { + flex: 1; +} +.pane { + display: flex; + composes: theme-background-surface theme-text-on-surface from global; +} diff --git a/webapp/packages/core-app/src/AppScreen/RightArea.tsx b/webapp/packages/core-app/src/AppScreen/RightArea.tsx index d3bfebf7ad..470a220660 100644 --- a/webapp/packages/core-app/src/AppScreen/RightArea.tsx +++ b/webapp/packages/core-app/src/AppScreen/RightArea.tsx @@ -24,7 +24,7 @@ import { useService } from '@cloudbeaver/core-di'; import { OptionsPanelService } from '@cloudbeaver/core-ui'; import { AppScreenService } from './AppScreenService'; -import style from './RightArea.m.css'; +import style from './RightArea.module.css'; interface Props { className?: string; diff --git a/webapp/packages/core-app/src/Body.m.css b/webapp/packages/core-app/src/Body.module.css similarity index 100% rename from webapp/packages/core-app/src/Body.m.css rename to webapp/packages/core-app/src/Body.module.css diff --git a/webapp/packages/core-app/src/Body.tsx b/webapp/packages/core-app/src/Body.tsx index f5a7ec2130..831aa61315 100644 --- a/webapp/packages/core-app/src/Body.tsx +++ b/webapp/packages/core-app/src/Body.tsx @@ -19,7 +19,7 @@ import { ThemeService } from '@cloudbeaver/core-theming'; import { DNDProvider } from '@cloudbeaver/core-ui'; import { useAppVersion } from '@cloudbeaver/core-version'; -import style from './Body.m.css'; +import style from './Body.module.css'; import { useAppHeight } from './useAppHeight'; import { useClientActivity } from './useClientActivity'; diff --git a/webapp/packages/core-blocks/src/ActionIconButton.m.css b/webapp/packages/core-blocks/src/ActionIconButton.module.css similarity index 100% rename from webapp/packages/core-blocks/src/ActionIconButton.m.css rename to webapp/packages/core-blocks/src/ActionIconButton.module.css diff --git a/webapp/packages/core-blocks/src/ActionIconButton.tsx b/webapp/packages/core-blocks/src/ActionIconButton.tsx index 364921f3c8..59f879667d 100644 --- a/webapp/packages/core-blocks/src/ActionIconButton.tsx +++ b/webapp/packages/core-blocks/src/ActionIconButton.tsx @@ -7,7 +7,7 @@ */ import { observer } from 'mobx-react-lite'; -import style from './ActionIconButton.m.css'; +import style from './ActionIconButton.module.css'; import { IconButton, type IconButtonProps } from './IconButton'; import { s } from './s'; import { useS } from './useS'; diff --git a/webapp/packages/core-blocks/src/AppRefreshButton.m.css b/webapp/packages/core-blocks/src/AppRefreshButton.module.css similarity index 60% rename from webapp/packages/core-blocks/src/AppRefreshButton.m.css rename to webapp/packages/core-blocks/src/AppRefreshButton.module.css index 5e08d0eeb3..6c86edfa46 100644 --- a/webapp/packages/core-blocks/src/AppRefreshButton.m.css +++ b/webapp/packages/core-blocks/src/AppRefreshButton.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .button { color: white; font-weight: 500; diff --git a/webapp/packages/core-blocks/src/AppRefreshButton.tsx b/webapp/packages/core-blocks/src/AppRefreshButton.tsx index 02c27d8809..351700b821 100644 --- a/webapp/packages/core-blocks/src/AppRefreshButton.tsx +++ b/webapp/packages/core-blocks/src/AppRefreshButton.tsx @@ -10,7 +10,7 @@ import type React from 'react'; import { App, useService } from '@cloudbeaver/core-di'; import { clsx } from '@cloudbeaver/core-utils'; -import style from './AppRefreshButton.m.css'; +import style from './AppRefreshButton.module.css'; interface IProps { className?: string; diff --git a/webapp/packages/core-blocks/src/Button.m.css b/webapp/packages/core-blocks/src/Button.module.css similarity index 81% rename from webapp/packages/core-blocks/src/Button.m.css rename to webapp/packages/core-blocks/src/Button.module.css index 73d5a3c61d..20b495a4dc 100644 --- a/webapp/packages/core-blocks/src/Button.m.css +++ b/webapp/packages/core-blocks/src/Button.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .buttonLabel { composes: theme-button__label from global; } diff --git a/webapp/packages/core-blocks/src/Button.tsx b/webapp/packages/core-blocks/src/Button.tsx index 3ceca76531..e96edc9143 100644 --- a/webapp/packages/core-blocks/src/Button.tsx +++ b/webapp/packages/core-blocks/src/Button.tsx @@ -8,7 +8,7 @@ import { observable } from 'mobx'; import { observer } from 'mobx-react-lite'; -import style from './Button.m.css'; +import style from './Button.module.css'; import { IconOrImage } from './IconOrImage'; import { Loader } from './Loader/Loader'; import { s } from './s'; diff --git a/webapp/packages/core-blocks/src/Cell.m.css b/webapp/packages/core-blocks/src/Cell.module.css similarity index 100% rename from webapp/packages/core-blocks/src/Cell.m.css rename to webapp/packages/core-blocks/src/Cell.module.css diff --git a/webapp/packages/core-blocks/src/Cell.tsx b/webapp/packages/core-blocks/src/Cell.tsx index 5bf51a7edc..12b295b36f 100644 --- a/webapp/packages/core-blocks/src/Cell.tsx +++ b/webapp/packages/core-blocks/src/Cell.tsx @@ -7,7 +7,7 @@ */ import { observer } from 'mobx-react-lite'; -import style from './Cell.m.css'; +import style from './Cell.module.css'; import { Container } from './Containers/Container'; import { s } from './s'; import { useS } from './useS'; diff --git a/webapp/packages/core-blocks/src/Code.m.css b/webapp/packages/core-blocks/src/Code.m.css deleted file mode 100644 index 72d27418eb..0000000000 --- a/webapp/packages/core-blocks/src/Code.m.css +++ /dev/null @@ -1,5 +0,0 @@ -.codeContainer { - composes: theme-background-secondary theme-text-on-secondary from global; - padding: 16px; - border-radius: var(--theme-group-element-radius); -} diff --git a/webapp/packages/core-blocks/src/Code.module.css b/webapp/packages/core-blocks/src/Code.module.css new file mode 100644 index 0000000000..76952ff2c9 --- /dev/null +++ b/webapp/packages/core-blocks/src/Code.module.css @@ -0,0 +1,12 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.codeContainer { + composes: theme-background-secondary theme-text-on-secondary from global; + padding: 16px; + border-radius: var(--theme-group-element-radius); +} diff --git a/webapp/packages/core-blocks/src/Code.tsx b/webapp/packages/core-blocks/src/Code.tsx index 09e7d6a0c3..f34c4a31aa 100644 --- a/webapp/packages/core-blocks/src/Code.tsx +++ b/webapp/packages/core-blocks/src/Code.tsx @@ -5,10 +5,11 @@ * Licensed under the Apache License, Version 2.0. * you may not use this file except in compliance with the License. */ -import style from './Code.m.css'; +import { observer } from 'mobx-react-lite'; + +import style from './Code.module.css'; import { s } from './s'; import { useS } from './useS'; -import {observer} from "mobx-react-lite"; interface Props { className?: string; diff --git a/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogBody.m.css b/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogBody.module.css similarity index 81% rename from webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogBody.m.css rename to webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogBody.module.css index d8544a0497..a89cd87f49 100644 --- a/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogBody.m.css +++ b/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogBody.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .body { flex: 1; box-sizing: content-box; diff --git a/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogBody.tsx b/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogBody.tsx index b0a2118943..338cf3ae60 100644 --- a/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogBody.tsx +++ b/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogBody.tsx @@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite'; import { s } from '../../s'; import { useS } from '../../useS'; -import styles from './CommonDialogBody.m.css'; +import styles from './CommonDialogBody.module.css'; interface Props { noBodyPadding?: boolean; diff --git a/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogFooter.m.css b/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogFooter.m.css deleted file mode 100644 index 8ef2b4237b..0000000000 --- a/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogFooter.m.css +++ /dev/null @@ -1,11 +0,0 @@ -.footer { - flex-shrink: 0; - padding: 0 24px 24px 24px; - display: flex; - z-index: 0; - box-sizing: border-box; - - &:empty { - display: none; - } -} diff --git a/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogFooter.module.css b/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogFooter.module.css new file mode 100644 index 0000000000..db3f95b8cf --- /dev/null +++ b/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogFooter.module.css @@ -0,0 +1,18 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.footer { + flex-shrink: 0; + padding: 0 24px 24px 24px; + display: flex; + z-index: 0; + box-sizing: border-box; + + &:empty { + display: none; + } +} diff --git a/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogFooter.tsx b/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogFooter.tsx index 8e4ffd729f..873f53baf2 100644 --- a/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogFooter.tsx +++ b/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogFooter.tsx @@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite'; import { s } from '../../s'; import { useS } from '../../useS'; -import styles from './CommonDialogFooter.m.css'; +import styles from './CommonDialogFooter.module.css'; interface Props { className?: string; diff --git a/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogHeader.m.css b/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogHeader.module.css similarity index 100% rename from webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogHeader.m.css rename to webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogHeader.module.css diff --git a/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogHeader.tsx b/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogHeader.tsx index 1483af9d53..d41c9fb3b0 100644 --- a/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogHeader.tsx +++ b/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogHeader.tsx @@ -12,7 +12,7 @@ import { IconOrImage } from '../../IconOrImage'; import { useTranslate } from '../../localization/useTranslate'; import { s } from '../../s'; import { useS } from '../../useS'; -import styles from './CommonDialogHeader.m.css'; +import styles from './CommonDialogHeader.module.css'; interface Props { title?: string; diff --git a/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogWrapper.m.css b/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogWrapper.module.css similarity index 100% rename from webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogWrapper.m.css rename to webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogWrapper.module.css diff --git a/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogWrapper.tsx b/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogWrapper.tsx index d2c913dd9e..652e6150a4 100644 --- a/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogWrapper.tsx +++ b/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogWrapper.tsx @@ -14,7 +14,7 @@ import { s } from '../../s'; import { useFocus } from '../../useFocus'; import { useS } from '../../useS'; import { DialogContext } from '../DialogContext'; -import styles from './CommonDialogWrapper.m.css'; +import styles from './CommonDialogWrapper.module.css'; export interface CommonDialogWrapperProps { size?: 'small' | 'medium' | 'large'; diff --git a/webapp/packages/core-blocks/src/CommonDialog/ConfirmationDialog.m.css b/webapp/packages/core-blocks/src/CommonDialog/ConfirmationDialog.m.css deleted file mode 100644 index 25fe6fea27..0000000000 --- a/webapp/packages/core-blocks/src/CommonDialog/ConfirmationDialog.m.css +++ /dev/null @@ -1,4 +0,0 @@ -.footer { - align-items: center; - gap: 16px; -} diff --git a/webapp/packages/core-blocks/src/CommonDialog/ConfirmationDialog.module.css b/webapp/packages/core-blocks/src/CommonDialog/ConfirmationDialog.module.css new file mode 100644 index 0000000000..0c78cbb566 --- /dev/null +++ b/webapp/packages/core-blocks/src/CommonDialog/ConfirmationDialog.module.css @@ -0,0 +1,11 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.footer { + align-items: center; + gap: 16px; +} diff --git a/webapp/packages/core-blocks/src/CommonDialog/ConfirmationDialog.tsx b/webapp/packages/core-blocks/src/CommonDialog/ConfirmationDialog.tsx index e74b40611a..8f43f5a584 100644 --- a/webapp/packages/core-blocks/src/CommonDialog/ConfirmationDialog.tsx +++ b/webapp/packages/core-blocks/src/CommonDialog/ConfirmationDialog.tsx @@ -17,7 +17,7 @@ import { CommonDialogBody } from './CommonDialog/CommonDialogBody'; import { CommonDialogFooter } from './CommonDialog/CommonDialogFooter'; import { CommonDialogHeader } from './CommonDialog/CommonDialogHeader'; import { CommonDialogWrapper } from './CommonDialog/CommonDialogWrapper'; -import style from './ConfirmationDialog.m.css'; +import style from './ConfirmationDialog.module.css'; export interface ConfirmationDialogPayload { icon?: string; diff --git a/webapp/packages/core-blocks/src/CommonDialog/DialogsPortal.m.css b/webapp/packages/core-blocks/src/CommonDialog/DialogsPortal.module.css similarity index 73% rename from webapp/packages/core-blocks/src/CommonDialog/DialogsPortal.m.css rename to webapp/packages/core-blocks/src/CommonDialog/DialogsPortal.module.css index 90f5ead351..7b386bb2ca 100644 --- a/webapp/packages/core-blocks/src/CommonDialog/DialogsPortal.m.css +++ b/webapp/packages/core-blocks/src/CommonDialog/DialogsPortal.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .loader { height: 100%; } diff --git a/webapp/packages/core-blocks/src/CommonDialog/DialogsPortal.tsx b/webapp/packages/core-blocks/src/CommonDialog/DialogsPortal.tsx index fc56e623f9..a02487fdee 100644 --- a/webapp/packages/core-blocks/src/CommonDialog/DialogsPortal.tsx +++ b/webapp/packages/core-blocks/src/CommonDialog/DialogsPortal.tsx @@ -18,7 +18,7 @@ import { s } from '../s'; import { useObjectRef } from '../useObjectRef'; import { useS } from '../useS'; import { DialogContext, IDialogContext } from './DialogContext'; -import style from './DialogsPortal.m.css'; +import style from './DialogsPortal.module.css'; export const DialogsPortal = observer(function DialogsPortal() { const styles = useS(style); diff --git a/webapp/packages/core-blocks/src/CommonDialog/RenameDialog.m.css b/webapp/packages/core-blocks/src/CommonDialog/RenameDialog.m.css deleted file mode 100644 index 060df06e60..0000000000 --- a/webapp/packages/core-blocks/src/CommonDialog/RenameDialog.m.css +++ /dev/null @@ -1,3 +0,0 @@ -.footer { - align-items: center; -} diff --git a/webapp/packages/core-blocks/src/CommonDialog/RenameDialog.module.css b/webapp/packages/core-blocks/src/CommonDialog/RenameDialog.module.css new file mode 100644 index 0000000000..045c22bdcc --- /dev/null +++ b/webapp/packages/core-blocks/src/CommonDialog/RenameDialog.module.css @@ -0,0 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.footer { + align-items: center; +} diff --git a/webapp/packages/core-blocks/src/CommonDialog/RenameDialog.tsx b/webapp/packages/core-blocks/src/CommonDialog/RenameDialog.tsx index 9ab7d3a555..ac1cb61af2 100644 --- a/webapp/packages/core-blocks/src/CommonDialog/RenameDialog.tsx +++ b/webapp/packages/core-blocks/src/CommonDialog/RenameDialog.tsx @@ -26,7 +26,7 @@ import { CommonDialogBody } from './CommonDialog/CommonDialogBody'; import { CommonDialogFooter } from './CommonDialog/CommonDialogFooter'; import { CommonDialogHeader } from './CommonDialog/CommonDialogHeader'; import { CommonDialogWrapper } from './CommonDialog/CommonDialogWrapper'; -import style from './RenameDialog.m.css'; +import style from './RenameDialog.module.css'; interface IRenameDialogState { name: string; diff --git a/webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionImageWithMaskSvg.m.css b/webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionImageWithMaskSvg.m.css deleted file mode 100644 index 0f158389b2..0000000000 --- a/webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionImageWithMaskSvg.m.css +++ /dev/null @@ -1,3 +0,0 @@ -.background { - fill: transparent; -} diff --git a/webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionImageWithMaskSvg.module.css b/webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionImageWithMaskSvg.module.css new file mode 100644 index 0000000000..ed2079c4b5 --- /dev/null +++ b/webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionImageWithMaskSvg.module.css @@ -0,0 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.background { + fill: transparent; +} diff --git a/webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionImageWithMaskSvg.tsx b/webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionImageWithMaskSvg.tsx index 165ed608a1..6a47b03144 100644 --- a/webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionImageWithMaskSvg.tsx +++ b/webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionImageWithMaskSvg.tsx @@ -8,7 +8,7 @@ import { GlobalConstants, isValidUrl } from '@cloudbeaver/core-utils'; import { useS } from '../useS'; -import style from './ConnectionImageWithMaskSvg.m.css'; +import style from './ConnectionImageWithMaskSvg.module.css'; interface Props { icon?: string; diff --git a/webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionMark.m.css b/webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionMark.module.css similarity index 55% rename from webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionMark.m.css rename to webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionMark.module.css index 8f1533dd3a..82fe6b2700 100644 --- a/webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionMark.m.css +++ b/webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionMark.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .status { composes: theme-background-positive from global; position: absolute; diff --git a/webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionMark.tsx b/webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionMark.tsx index 87a96bfce1..a03208ea98 100644 --- a/webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionMark.tsx +++ b/webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionMark.tsx @@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite'; import { s } from '../s'; import { useS } from '../useS'; -import style from './ConnectionMark.m.css'; +import style from './ConnectionMark.module.css'; interface Props { connected: boolean; diff --git a/webapp/packages/core-blocks/src/Containers/ColoredContainer.m.css b/webapp/packages/core-blocks/src/Containers/ColoredContainer.m.css deleted file mode 100644 index 4c30c0cb88..0000000000 --- a/webapp/packages/core-blocks/src/Containers/ColoredContainer.m.css +++ /dev/null @@ -1,6 +0,0 @@ -.secondary { - composes: theme-background-secondary theme-text-on-secondary from global; -} -.surface { - composes: theme-background-surface theme-text-on-surface from global; -} diff --git a/webapp/packages/core-blocks/src/Containers/ColoredContainer.module.css b/webapp/packages/core-blocks/src/Containers/ColoredContainer.module.css new file mode 100644 index 0000000000..42a9571cd2 --- /dev/null +++ b/webapp/packages/core-blocks/src/Containers/ColoredContainer.module.css @@ -0,0 +1,13 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.secondary { + composes: theme-background-secondary theme-text-on-secondary from global; +} +.surface { + composes: theme-background-surface theme-text-on-surface from global; +} diff --git a/webapp/packages/core-blocks/src/Containers/ColoredContainer.tsx b/webapp/packages/core-blocks/src/Containers/ColoredContainer.tsx index c85dba35d4..12b71927ec 100644 --- a/webapp/packages/core-blocks/src/Containers/ColoredContainer.tsx +++ b/webapp/packages/core-blocks/src/Containers/ColoredContainer.tsx @@ -9,11 +9,11 @@ import { forwardRef } from 'react'; import { s } from '../s'; import { useS } from '../useS'; -import coloredContainerStyles from './ColoredContainer.m.css'; -import containerStyles from './Container.m.css'; +import coloredContainerStyles from './ColoredContainer.module.css'; +import containerStyles from './Container.module.css'; import { filterContainerFakeProps, getContainerProps } from './filterContainerFakeProps'; import type { IContainerProps } from './IContainerProps'; -import elementsSizeStyles from './shared/ElementsSize.m.css'; +import elementsSizeStyles from './shared/ElementsSize.module.css'; interface Props extends IContainerProps, React.HTMLAttributes { surface?: boolean; diff --git a/webapp/packages/core-blocks/src/Containers/Container.m.css b/webapp/packages/core-blocks/src/Containers/Container.module.css similarity index 87% rename from webapp/packages/core-blocks/src/Containers/Container.m.css rename to webapp/packages/core-blocks/src/Containers/Container.module.css index d8361ff3c1..78b58d53b6 100644 --- a/webapp/packages/core-blocks/src/Containers/Container.m.css +++ b/webapp/packages/core-blocks/src/Containers/Container.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .container { display: flex; flex-direction: row; diff --git a/webapp/packages/core-blocks/src/Containers/Container.tsx b/webapp/packages/core-blocks/src/Containers/Container.tsx index f6e4c5b4e1..f5231d70ac 100644 --- a/webapp/packages/core-blocks/src/Containers/Container.tsx +++ b/webapp/packages/core-blocks/src/Containers/Container.tsx @@ -9,10 +9,10 @@ import { forwardRef } from 'react'; import { s } from '../s'; import { useS } from '../useS'; -import style from './Container.m.css'; +import style from './Container.module.css'; import { filterContainerFakeProps, getContainerProps } from './filterContainerFakeProps'; import type { IContainerProps } from './IContainerProps'; -import elementsSizeStyle from './shared/ElementsSize.m.css'; +import elementsSizeStyle from './shared/ElementsSize.module.css'; interface Props { as?: 'div' | 'header' | 'footer' | 'section' | 'aside' | 'main' | 'nav'; diff --git a/webapp/packages/core-blocks/src/Containers/Group.m.css b/webapp/packages/core-blocks/src/Containers/Group.module.css similarity index 100% rename from webapp/packages/core-blocks/src/Containers/Group.m.css rename to webapp/packages/core-blocks/src/Containers/Group.module.css diff --git a/webapp/packages/core-blocks/src/Containers/Group.tsx b/webapp/packages/core-blocks/src/Containers/Group.tsx index cda463b627..340836ba75 100644 --- a/webapp/packages/core-blocks/src/Containers/Group.tsx +++ b/webapp/packages/core-blocks/src/Containers/Group.tsx @@ -9,11 +9,11 @@ import { forwardRef } from 'react'; import { s } from '../s'; import { useS } from '../useS'; -import containerStyles from './Container.m.css'; +import containerStyles from './Container.module.css'; import { filterContainerFakeProps, getContainerProps } from './filterContainerFakeProps'; -import style from './Group.m.css'; +import style from './Group.module.css'; import type { IContainerProps } from './IContainerProps'; -import elementsSizeStyles from './shared/ElementsSize.m.css'; +import elementsSizeStyles from './shared/ElementsSize.module.css'; interface Props extends IContainerProps { form?: boolean; diff --git a/webapp/packages/core-blocks/src/Containers/GroupClose.m.css b/webapp/packages/core-blocks/src/Containers/GroupClose.module.css similarity index 86% rename from webapp/packages/core-blocks/src/Containers/GroupClose.m.css rename to webapp/packages/core-blocks/src/Containers/GroupClose.module.css index be4aab3021..1fe41ad0bd 100644 --- a/webapp/packages/core-blocks/src/Containers/GroupClose.m.css +++ b/webapp/packages/core-blocks/src/Containers/GroupClose.module.css @@ -6,7 +6,7 @@ * you may not use this file except in compliance with the License. */ .groupClose { - composes: groupClose from './Group.m.css'; + composes: groupClose from './Group.module.css'; display: flex; position: absolute; right: 0; diff --git a/webapp/packages/core-blocks/src/Containers/GroupClose.tsx b/webapp/packages/core-blocks/src/Containers/GroupClose.tsx index 82f49410a8..b68f684918 100644 --- a/webapp/packages/core-blocks/src/Containers/GroupClose.tsx +++ b/webapp/packages/core-blocks/src/Containers/GroupClose.tsx @@ -8,7 +8,7 @@ import { ActionIconButton } from '../ActionIconButton'; import { s } from '../s'; import { useS } from '../useS'; -import styles from './GroupClose.m.css'; +import styles from './GroupClose.module.css'; interface IProps { onClick?: () => void; diff --git a/webapp/packages/core-blocks/src/Containers/GroupItem.m.css b/webapp/packages/core-blocks/src/Containers/GroupItem.m.css deleted file mode 100644 index 951776c4e1..0000000000 --- a/webapp/packages/core-blocks/src/Containers/GroupItem.m.css +++ /dev/null @@ -1,3 +0,0 @@ -.groupItem { - min-width: min-content; -} diff --git a/webapp/packages/core-blocks/src/Containers/GroupItem.module.css b/webapp/packages/core-blocks/src/Containers/GroupItem.module.css new file mode 100644 index 0000000000..7d058d36c2 --- /dev/null +++ b/webapp/packages/core-blocks/src/Containers/GroupItem.module.css @@ -0,0 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.groupItem { + min-width: min-content; +} diff --git a/webapp/packages/core-blocks/src/Containers/GroupItem.tsx b/webapp/packages/core-blocks/src/Containers/GroupItem.tsx index de0dd3e0ed..6efebb60fb 100644 --- a/webapp/packages/core-blocks/src/Containers/GroupItem.tsx +++ b/webapp/packages/core-blocks/src/Containers/GroupItem.tsx @@ -8,7 +8,7 @@ import { s } from '../s'; import { useS } from '../useS'; import { filterLayoutFakeProps, getLayoutProps } from './filterLayoutFakeProps'; -import styles from './GroupItem.m.css'; +import styles from './GroupItem.module.css'; import type { ILayoutSizeProps } from './ILayoutSizeProps'; export const GroupItem: React.FC> = function GroupItem({ className, ...rest }) { diff --git a/webapp/packages/core-blocks/src/Containers/GroupSubTitle.m.css b/webapp/packages/core-blocks/src/Containers/GroupSubTitle.m.css deleted file mode 100644 index e11b66adc4..0000000000 --- a/webapp/packages/core-blocks/src/Containers/GroupSubTitle.m.css +++ /dev/null @@ -1,8 +0,0 @@ -.groupSubTitle { - composes: theme-text-text-hint-on-light from global; - composes: theme-typography--caption from global; - - display: block; - text-transform: none; - white-space: pre-wrap; -} diff --git a/webapp/packages/core-blocks/src/Containers/GroupSubTitle.module.css b/webapp/packages/core-blocks/src/Containers/GroupSubTitle.module.css new file mode 100644 index 0000000000..95c079e471 --- /dev/null +++ b/webapp/packages/core-blocks/src/Containers/GroupSubTitle.module.css @@ -0,0 +1,15 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.groupSubTitle { + composes: theme-text-text-hint-on-light from global; + composes: theme-typography--caption from global; + + display: block; + text-transform: none; + white-space: pre-wrap; +} diff --git a/webapp/packages/core-blocks/src/Containers/GroupSubTitle.tsx b/webapp/packages/core-blocks/src/Containers/GroupSubTitle.tsx index 14200c7c0c..69367d59eb 100644 --- a/webapp/packages/core-blocks/src/Containers/GroupSubTitle.tsx +++ b/webapp/packages/core-blocks/src/Containers/GroupSubTitle.tsx @@ -8,7 +8,7 @@ import { s } from '../s'; import { useS } from '../useS'; import { filterLayoutFakeProps, getLayoutProps } from './filterLayoutFakeProps'; -import styles from './GroupSubTitle.m.css'; +import styles from './GroupSubTitle.module.css'; import type { ILayoutSizeProps } from './ILayoutSizeProps'; export const GroupSubTitle: React.FC> = function GroupSubTitle({ className, ...rest }) { diff --git a/webapp/packages/core-blocks/src/Containers/GroupTitle.m.css b/webapp/packages/core-blocks/src/Containers/GroupTitle.module.css similarity index 91% rename from webapp/packages/core-blocks/src/Containers/GroupTitle.m.css rename to webapp/packages/core-blocks/src/Containers/GroupTitle.module.css index 8c68eee8e5..c4e8295fea 100644 --- a/webapp/packages/core-blocks/src/Containers/GroupTitle.m.css +++ b/webapp/packages/core-blocks/src/Containers/GroupTitle.module.css @@ -7,7 +7,7 @@ */ .groupTitle { composes: theme-typography--body2 from global; - composes: groupTitle from './Group.m.css'; + composes: groupTitle from './Group.module.css'; font-weight: 400; margin: 0; text-transform: uppercase; diff --git a/webapp/packages/core-blocks/src/Containers/GroupTitle.tsx b/webapp/packages/core-blocks/src/Containers/GroupTitle.tsx index 4cdd9d9e79..aa18f06d74 100644 --- a/webapp/packages/core-blocks/src/Containers/GroupTitle.tsx +++ b/webapp/packages/core-blocks/src/Containers/GroupTitle.tsx @@ -8,9 +8,9 @@ import { s } from '../s'; import { useS } from '../useS'; import { filterLayoutFakeProps, getLayoutProps } from './filterLayoutFakeProps'; -import styles from './GroupTitle.m.css'; +import styles from './GroupTitle.module.css'; import type { ILayoutSizeProps } from './ILayoutSizeProps'; -import elementsSizeStyles from './shared/ElementsSize.m.css'; +import elementsSizeStyles from './shared/ElementsSize.module.css'; interface Props { sticky?: boolean; diff --git a/webapp/packages/core-blocks/src/Containers/shared/ElementsSize.m.css b/webapp/packages/core-blocks/src/Containers/shared/ElementsSize.module.css similarity index 86% rename from webapp/packages/core-blocks/src/Containers/shared/ElementsSize.m.css rename to webapp/packages/core-blocks/src/Containers/shared/ElementsSize.module.css index 6a5889a8e0..a5d5d05026 100644 --- a/webapp/packages/core-blocks/src/Containers/shared/ElementsSize.m.css +++ b/webapp/packages/core-blocks/src/Containers/shared/ElementsSize.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .tiny, .field.tiny, .container.tiny, diff --git a/webapp/packages/core-blocks/src/DisplayError.m.css b/webapp/packages/core-blocks/src/DisplayError.module.css similarity index 100% rename from webapp/packages/core-blocks/src/DisplayError.m.css rename to webapp/packages/core-blocks/src/DisplayError.module.css diff --git a/webapp/packages/core-blocks/src/DisplayError.tsx b/webapp/packages/core-blocks/src/DisplayError.tsx index 8d9407c781..4dd595c1f2 100644 --- a/webapp/packages/core-blocks/src/DisplayError.tsx +++ b/webapp/packages/core-blocks/src/DisplayError.tsx @@ -11,7 +11,7 @@ import type React from 'react'; import { ENotificationType } from '@cloudbeaver/core-events'; import { AppRefreshButton } from './AppRefreshButton'; -import style from './DisplayError.m.css'; +import style from './DisplayError.module.css'; import { s } from './s'; import { NotificationMark } from './Snackbars/NotificationMark'; import { useS } from './useS'; diff --git a/webapp/packages/core-blocks/src/ErrorBoundary.m.css b/webapp/packages/core-blocks/src/ErrorBoundary.m.css deleted file mode 100644 index 0db5ac2ab6..0000000000 --- a/webapp/packages/core-blocks/src/ErrorBoundary.m.css +++ /dev/null @@ -1,3 +0,0 @@ -.action { - padding: 8px 16px; -} diff --git a/webapp/packages/core-blocks/src/ErrorBoundary.module.css b/webapp/packages/core-blocks/src/ErrorBoundary.module.css new file mode 100644 index 0000000000..feb433c7b8 --- /dev/null +++ b/webapp/packages/core-blocks/src/ErrorBoundary.module.css @@ -0,0 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.action { + padding: 8px 16px; +} diff --git a/webapp/packages/core-blocks/src/ErrorBoundary.tsx b/webapp/packages/core-blocks/src/ErrorBoundary.tsx index cafff18196..ba8ba05274 100644 --- a/webapp/packages/core-blocks/src/ErrorBoundary.tsx +++ b/webapp/packages/core-blocks/src/ErrorBoundary.tsx @@ -11,7 +11,7 @@ import { errorOf, LoadingError } from '@cloudbeaver/core-utils'; import { Button } from './Button'; import { DisplayError } from './DisplayError'; -import style from './ErrorBoundary.m.css'; +import style from './ErrorBoundary.module.css'; import { ErrorContext, IExceptionContext } from './ErrorContext'; import { ExceptionMessage } from './ExceptionMessage'; diff --git a/webapp/packages/core-blocks/src/ErrorDetailsDialog/ErrorDetailsDialog.m.css b/webapp/packages/core-blocks/src/ErrorDetailsDialog/ErrorDetailsDialog.module.css similarity index 63% rename from webapp/packages/core-blocks/src/ErrorDetailsDialog/ErrorDetailsDialog.m.css rename to webapp/packages/core-blocks/src/ErrorDetailsDialog/ErrorDetailsDialog.module.css index a3c5c590cb..42aa6d2b27 100644 --- a/webapp/packages/core-blocks/src/ErrorDetailsDialog/ErrorDetailsDialog.m.css +++ b/webapp/packages/core-blocks/src/ErrorDetailsDialog/ErrorDetailsDialog.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .code, .message { display: block; diff --git a/webapp/packages/core-blocks/src/ErrorDetailsDialog/ErrorDetailsDialog.tsx b/webapp/packages/core-blocks/src/ErrorDetailsDialog/ErrorDetailsDialog.tsx index 1b5e84f5e4..955d089531 100644 --- a/webapp/packages/core-blocks/src/ErrorDetailsDialog/ErrorDetailsDialog.tsx +++ b/webapp/packages/core-blocks/src/ErrorDetailsDialog/ErrorDetailsDialog.tsx @@ -21,7 +21,7 @@ import { useTranslate } from '../localization/useTranslate'; import { s } from '../s'; import { useClipboard } from '../useClipboard'; import { useS } from '../useS'; -import style from './ErrorDetailsDialog.m.css'; +import style from './ErrorDetailsDialog.module.css'; import { ErrorModel, IErrorInfo } from './ErrorModel'; function DisplayErrorInfo({ error }: { error: IErrorInfo }) { diff --git a/webapp/packages/core-blocks/src/ErrorMessage.m.css b/webapp/packages/core-blocks/src/ErrorMessage.module.css similarity index 100% rename from webapp/packages/core-blocks/src/ErrorMessage.m.css rename to webapp/packages/core-blocks/src/ErrorMessage.module.css diff --git a/webapp/packages/core-blocks/src/ErrorMessage.tsx b/webapp/packages/core-blocks/src/ErrorMessage.tsx index 71a222ea0f..874e8b0379 100644 --- a/webapp/packages/core-blocks/src/ErrorMessage.tsx +++ b/webapp/packages/core-blocks/src/ErrorMessage.tsx @@ -8,7 +8,7 @@ import { observer } from 'mobx-react-lite'; import { Button } from './Button'; -import styles from './ErrorMessage.m.css'; +import styles from './ErrorMessage.module.css'; import { IconOrImage } from './IconOrImage'; import { useTranslate } from './localization/useTranslate'; import { s } from './s'; diff --git a/webapp/packages/core-blocks/src/ExceptionMessage.m.css b/webapp/packages/core-blocks/src/ExceptionMessage.module.css similarity index 88% rename from webapp/packages/core-blocks/src/ExceptionMessage.m.css rename to webapp/packages/core-blocks/src/ExceptionMessage.module.css index 6001353799..75a85505fc 100644 --- a/webapp/packages/core-blocks/src/ExceptionMessage.m.css +++ b/webapp/packages/core-blocks/src/ExceptionMessage.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .errorName { composes: theme-typography--headline6 from global; } @@ -103,5 +110,3 @@ flex-shrink: 0; } } - - diff --git a/webapp/packages/core-blocks/src/ExceptionMessage.tsx b/webapp/packages/core-blocks/src/ExceptionMessage.tsx index 0a4ebdb3f8..0961564d57 100644 --- a/webapp/packages/core-blocks/src/ExceptionMessage.tsx +++ b/webapp/packages/core-blocks/src/ExceptionMessage.tsx @@ -8,7 +8,7 @@ import { observer } from 'mobx-react-lite'; import { Button } from './Button'; -import style from './ExceptionMessage.m.css'; +import style from './ExceptionMessage.module.css'; import { Icon } from './Icon'; import { IconOrImage } from './IconOrImage'; import { useTranslate } from './localization/useTranslate'; diff --git a/webapp/packages/core-blocks/src/Expand/Expandable.m.css b/webapp/packages/core-blocks/src/Expand/Expandable.module.css similarity index 74% rename from webapp/packages/core-blocks/src/Expand/Expandable.m.css rename to webapp/packages/core-blocks/src/Expand/Expandable.module.css index 7388b9f07b..6a5ef4e0b3 100644 --- a/webapp/packages/core-blocks/src/Expand/Expandable.m.css +++ b/webapp/packages/core-blocks/src/Expand/Expandable.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .disclosure { border: none; padding: 0; diff --git a/webapp/packages/core-blocks/src/Expand/Expandable.tsx b/webapp/packages/core-blocks/src/Expand/Expandable.tsx index 0d62eeefd4..615324f0a4 100644 --- a/webapp/packages/core-blocks/src/Expand/Expandable.tsx +++ b/webapp/packages/core-blocks/src/Expand/Expandable.tsx @@ -12,7 +12,7 @@ import { Disclosure, DisclosureContent, DisclosureStateReturn, useDisclosureStat import { IconOrImage } from '../IconOrImage'; import { s } from '../s'; import { useS } from '../useS'; -import style from './Expandable.m.css'; +import style from './Expandable.module.css'; export type ExpandableState = Pick; diff --git a/webapp/packages/core-blocks/src/Fill.m.css b/webapp/packages/core-blocks/src/Fill.m.css deleted file mode 100644 index 38e84f98ce..0000000000 --- a/webapp/packages/core-blocks/src/Fill.m.css +++ /dev/null @@ -1,3 +0,0 @@ -.fill { - flex: 1 !important; -} diff --git a/webapp/packages/core-blocks/src/Fill.module.css b/webapp/packages/core-blocks/src/Fill.module.css new file mode 100644 index 0000000000..56bc345f11 --- /dev/null +++ b/webapp/packages/core-blocks/src/Fill.module.css @@ -0,0 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.fill { + flex: 1 !important; +} diff --git a/webapp/packages/core-blocks/src/Fill.tsx b/webapp/packages/core-blocks/src/Fill.tsx index 4aa0d2f100..8453f8c43e 100644 --- a/webapp/packages/core-blocks/src/Fill.tsx +++ b/webapp/packages/core-blocks/src/Fill.tsx @@ -5,7 +5,7 @@ * Licensed under the Apache License, Version 2.0. * you may not use this file except in compliance with the License. */ -import style from './Fill.m.css'; +import style from './Fill.module.css'; import { s } from './s'; import { useS } from './useS'; diff --git a/webapp/packages/core-blocks/src/FolderExplorer/FolderExplorerPath.m.css b/webapp/packages/core-blocks/src/FolderExplorer/FolderExplorerPath.m.css deleted file mode 100644 index 6069bbea3e..0000000000 --- a/webapp/packages/core-blocks/src/FolderExplorer/FolderExplorerPath.m.css +++ /dev/null @@ -1,5 +0,0 @@ -.folderExplorerPath { - composes: theme-typography--caption from global; - display: flex; - flex-wrap: wrap; -} diff --git a/webapp/packages/core-blocks/src/FolderExplorer/FolderExplorerPath.module.css b/webapp/packages/core-blocks/src/FolderExplorer/FolderExplorerPath.module.css new file mode 100644 index 0000000000..6afb49dbb6 --- /dev/null +++ b/webapp/packages/core-blocks/src/FolderExplorer/FolderExplorerPath.module.css @@ -0,0 +1,12 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.folderExplorerPath { + composes: theme-typography--caption from global; + display: flex; + flex-wrap: wrap; +} diff --git a/webapp/packages/core-blocks/src/FolderExplorer/FolderExplorerPath.tsx b/webapp/packages/core-blocks/src/FolderExplorer/FolderExplorerPath.tsx index 8529f1ce17..2515d8585f 100644 --- a/webapp/packages/core-blocks/src/FolderExplorer/FolderExplorerPath.tsx +++ b/webapp/packages/core-blocks/src/FolderExplorer/FolderExplorerPath.tsx @@ -11,7 +11,7 @@ import { useContext } from 'react'; import { s } from '../s'; import { useS } from '../useS'; import { FolderExplorerContext } from './FolderExplorerContext'; -import style from './FolderExplorerPath.m.css'; +import style from './FolderExplorerPath.module.css'; import { FolderName } from './FolderName'; interface Props { diff --git a/webapp/packages/core-blocks/src/FolderExplorer/FolderName.m.css b/webapp/packages/core-blocks/src/FolderExplorer/FolderName.module.css similarity index 68% rename from webapp/packages/core-blocks/src/FolderExplorer/FolderName.m.css rename to webapp/packages/core-blocks/src/FolderExplorer/FolderName.module.css index e443aa8525..6fcf294f20 100644 --- a/webapp/packages/core-blocks/src/FolderExplorer/FolderName.m.css +++ b/webapp/packages/core-blocks/src/FolderExplorer/FolderName.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .path { composes: theme-typography--caption from global; display: flex; diff --git a/webapp/packages/core-blocks/src/FolderExplorer/FolderName.tsx b/webapp/packages/core-blocks/src/FolderExplorer/FolderName.tsx index 7220666dc2..a9ca110af1 100644 --- a/webapp/packages/core-blocks/src/FolderExplorer/FolderName.tsx +++ b/webapp/packages/core-blocks/src/FolderExplorer/FolderName.tsx @@ -13,7 +13,7 @@ import { Link } from '../Link'; import { s } from '../s'; import { useS } from '../useS'; import { FolderExplorerContext } from './FolderExplorerContext'; -import style from './FolderName.m.css'; +import style from './FolderName.module.css'; interface BaseProps { folder?: string; diff --git a/webapp/packages/core-blocks/src/FormControls/BaseDropdown.m.css b/webapp/packages/core-blocks/src/FormControls/BaseDropdown.module.css similarity index 100% rename from webapp/packages/core-blocks/src/FormControls/BaseDropdown.m.css rename to webapp/packages/core-blocks/src/FormControls/BaseDropdown.module.css diff --git a/webapp/packages/core-blocks/src/FormControls/Checkboxes/CheckboxMarkup.m.css b/webapp/packages/core-blocks/src/FormControls/Checkboxes/CheckboxMarkup.module.css similarity index 85% rename from webapp/packages/core-blocks/src/FormControls/Checkboxes/CheckboxMarkup.m.css rename to webapp/packages/core-blocks/src/FormControls/Checkboxes/CheckboxMarkup.module.css index cdf2d866cf..d3d9a2f733 100644 --- a/webapp/packages/core-blocks/src/FormControls/Checkboxes/CheckboxMarkup.m.css +++ b/webapp/packages/core-blocks/src/FormControls/Checkboxes/CheckboxMarkup.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .checkbox { composes: theme-checkbox from global; box-sizing: content-box !important; diff --git a/webapp/packages/core-blocks/src/FormControls/Checkboxes/CheckboxMarkup.tsx b/webapp/packages/core-blocks/src/FormControls/Checkboxes/CheckboxMarkup.tsx index 55a6fcf838..a8cf66f0da 100644 --- a/webapp/packages/core-blocks/src/FormControls/Checkboxes/CheckboxMarkup.tsx +++ b/webapp/packages/core-blocks/src/FormControls/Checkboxes/CheckboxMarkup.tsx @@ -9,7 +9,7 @@ import { useLayoutEffect, useRef } from 'react'; import { s } from '../../s'; import { useS } from '../../useS'; -import CheckboxMarkupStyles from './CheckboxMarkup.m.css'; +import CheckboxMarkupStyles from './CheckboxMarkup.module.css'; export type CheckboxMod = 'primary' | 'surface' | 'small'; diff --git a/webapp/packages/core-blocks/src/FormControls/Checkboxes/FieldCheckbox.m.css b/webapp/packages/core-blocks/src/FormControls/Checkboxes/FieldCheckbox.module.css similarity index 56% rename from webapp/packages/core-blocks/src/FormControls/Checkboxes/FieldCheckbox.m.css rename to webapp/packages/core-blocks/src/FormControls/Checkboxes/FieldCheckbox.module.css index a6574dbdad..3441794c0e 100644 --- a/webapp/packages/core-blocks/src/FormControls/Checkboxes/FieldCheckbox.m.css +++ b/webapp/packages/core-blocks/src/FormControls/Checkboxes/FieldCheckbox.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .field { display: flex; align-items: center; diff --git a/webapp/packages/core-blocks/src/FormControls/Checkboxes/FieldCheckbox.tsx b/webapp/packages/core-blocks/src/FormControls/Checkboxes/FieldCheckbox.tsx index 24f64a2d30..1b94a58e27 100644 --- a/webapp/packages/core-blocks/src/FormControls/Checkboxes/FieldCheckbox.tsx +++ b/webapp/packages/core-blocks/src/FormControls/Checkboxes/FieldCheckbox.tsx @@ -15,7 +15,7 @@ import { Field } from '../Field'; import { FieldLabel } from '../FieldLabel'; import { isControlPresented } from '../isControlPresented'; import { Checkbox, CheckboxBaseProps, CheckboxType, ICheckboxControlledProps, ICheckboxObjectProps } from './Checkbox'; -import fieldCheckboxStyles from './FieldCheckbox.m.css'; +import fieldCheckboxStyles from './FieldCheckbox.module.css'; export const FieldCheckbox: CheckboxType = observer(function FieldCheckbox({ children, diff --git a/webapp/packages/core-blocks/src/FormControls/Checkboxes/Switch.m.css b/webapp/packages/core-blocks/src/FormControls/Checkboxes/Switch.module.css similarity index 79% rename from webapp/packages/core-blocks/src/FormControls/Checkboxes/Switch.m.css rename to webapp/packages/core-blocks/src/FormControls/Checkboxes/Switch.module.css index c6254e6621..16fdcc9eeb 100644 --- a/webapp/packages/core-blocks/src/FormControls/Checkboxes/Switch.m.css +++ b/webapp/packages/core-blocks/src/FormControls/Checkboxes/Switch.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .switchControl { composes: theme-switch from global; } diff --git a/webapp/packages/core-blocks/src/FormControls/Checkboxes/Switch.tsx b/webapp/packages/core-blocks/src/FormControls/Checkboxes/Switch.tsx index 996f91fb6f..96edd4f4fc 100644 --- a/webapp/packages/core-blocks/src/FormControls/Checkboxes/Switch.tsx +++ b/webapp/packages/core-blocks/src/FormControls/Checkboxes/Switch.tsx @@ -16,9 +16,9 @@ import { FieldDescription } from '../FieldDescription'; import { FieldLabel } from '../FieldLabel'; import { isControlPresented } from '../isControlPresented'; import type { ICheckboxControlledProps, ICheckboxObjectProps } from './Checkbox'; -import switchStyles from './Switch.m.css'; -import denseModStyles from './SwitchDense.m.css'; -import primaryModStyles from './SwitchPrimary.m.css'; +import switchStyles from './Switch.module.css'; +import denseModStyles from './SwitchDense.module.css'; +import primaryModStyles from './SwitchPrimary.module.css'; import { useCheckboxState } from './useCheckboxState'; const switchMod = { diff --git a/webapp/packages/core-blocks/src/FormControls/Checkboxes/SwitchDense.m.css b/webapp/packages/core-blocks/src/FormControls/Checkboxes/SwitchDense.m.css deleted file mode 100644 index 78847efaf8..0000000000 --- a/webapp/packages/core-blocks/src/FormControls/Checkboxes/SwitchDense.m.css +++ /dev/null @@ -1,9 +0,0 @@ -.switchBody { - composes: theme-switch_dense from global; -} -.fieldLabel { - composes: theme-typography--body2 from global; -} -.switchBody .fieldLabel { - font-weight: initial; -} diff --git a/webapp/packages/core-blocks/src/FormControls/Checkboxes/SwitchDense.module.css b/webapp/packages/core-blocks/src/FormControls/Checkboxes/SwitchDense.module.css new file mode 100644 index 0000000000..26b40ee958 --- /dev/null +++ b/webapp/packages/core-blocks/src/FormControls/Checkboxes/SwitchDense.module.css @@ -0,0 +1,16 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.switchBody { + composes: theme-switch_dense from global; +} +.fieldLabel { + composes: theme-typography--body2 from global; +} +.switchBody .fieldLabel { + font-weight: initial; +} diff --git a/webapp/packages/core-blocks/src/FormControls/Checkboxes/SwitchPrimary.m.css b/webapp/packages/core-blocks/src/FormControls/Checkboxes/SwitchPrimary.m.css deleted file mode 100644 index 452fb70846..0000000000 --- a/webapp/packages/core-blocks/src/FormControls/Checkboxes/SwitchPrimary.m.css +++ /dev/null @@ -1,3 +0,0 @@ -.switchControl { - composes: theme-switch_primary from global; -} diff --git a/webapp/packages/core-blocks/src/FormControls/Checkboxes/SwitchPrimary.module.css b/webapp/packages/core-blocks/src/FormControls/Checkboxes/SwitchPrimary.module.css new file mode 100644 index 0000000000..c09e9c4a26 --- /dev/null +++ b/webapp/packages/core-blocks/src/FormControls/Checkboxes/SwitchPrimary.module.css @@ -0,0 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.switchControl { + composes: theme-switch_primary from global; +} diff --git a/webapp/packages/core-blocks/src/FormControls/Combobox.m.css b/webapp/packages/core-blocks/src/FormControls/Combobox.module.css similarity index 90% rename from webapp/packages/core-blocks/src/FormControls/Combobox.m.css rename to webapp/packages/core-blocks/src/FormControls/Combobox.module.css index ca6c4187f4..72199020bb 100644 --- a/webapp/packages/core-blocks/src/FormControls/Combobox.m.css +++ b/webapp/packages/core-blocks/src/FormControls/Combobox.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .field.inline { display: flex; align-items: center; @@ -132,4 +139,4 @@ position: absolute; width: 100%; height: 100%; -} \ No newline at end of file +} diff --git a/webapp/packages/core-blocks/src/FormControls/Combobox.tsx b/webapp/packages/core-blocks/src/FormControls/Combobox.tsx index 20cb42cd88..af22f371bf 100644 --- a/webapp/packages/core-blocks/src/FormControls/Combobox.tsx +++ b/webapp/packages/core-blocks/src/FormControls/Combobox.tsx @@ -18,7 +18,7 @@ import { Loader } from '../Loader/Loader'; import { useTranslate } from '../localization/useTranslate'; import { s } from '../s'; import { useS } from '../useS'; -import comboboxStyles from './Combobox.m.css'; +import comboboxStyles from './Combobox.module.css'; import { Field } from './Field'; import { FieldDescription } from './FieldDescription'; import { FieldLabel } from './FieldLabel'; diff --git a/webapp/packages/core-blocks/src/FormControls/Field.m.css b/webapp/packages/core-blocks/src/FormControls/Field.m.css deleted file mode 100644 index e35f38c294..0000000000 --- a/webapp/packages/core-blocks/src/FormControls/Field.m.css +++ /dev/null @@ -1,10 +0,0 @@ -.field { - box-sizing: border-box; - max-width: 100%; - - /* nested */ - & .field { - height: 32px; - padding: 0; - } -} diff --git a/webapp/packages/core-blocks/src/FormControls/Field.module.css b/webapp/packages/core-blocks/src/FormControls/Field.module.css new file mode 100644 index 0000000000..d77c1dcd90 --- /dev/null +++ b/webapp/packages/core-blocks/src/FormControls/Field.module.css @@ -0,0 +1,17 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.field { + box-sizing: border-box; + max-width: 100%; + + /* nested */ + & .field { + height: 32px; + padding: 0; + } +} diff --git a/webapp/packages/core-blocks/src/FormControls/Field.tsx b/webapp/packages/core-blocks/src/FormControls/Field.tsx index de95a34810..41f5fe4fa8 100644 --- a/webapp/packages/core-blocks/src/FormControls/Field.tsx +++ b/webapp/packages/core-blocks/src/FormControls/Field.tsx @@ -1,12 +1,19 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ import { observer } from 'mobx-react-lite'; import type { HTMLAttributes, PropsWithChildren } from 'react'; import { filterLayoutFakeProps, getLayoutProps } from '../Containers/filterLayoutFakeProps'; import type { ILayoutSizeProps } from '../Containers/ILayoutSizeProps'; -import elementsSizeStyles from '../Containers/shared/ElementsSize.m.css'; +import elementsSizeStyles from '../Containers/shared/ElementsSize.module.css'; import { s } from '../s'; import { useS } from '../useS'; -import fieldStyles from './Field.m.css'; +import fieldStyles from './Field.module.css'; type Props = ILayoutSizeProps & HTMLAttributes & { diff --git a/webapp/packages/core-blocks/src/FormControls/FieldDescription.m.css b/webapp/packages/core-blocks/src/FormControls/FieldDescription.module.css similarity index 55% rename from webapp/packages/core-blocks/src/FormControls/FieldDescription.m.css rename to webapp/packages/core-blocks/src/FormControls/FieldDescription.module.css index 4a050fef44..1c4761fb39 100644 --- a/webapp/packages/core-blocks/src/FormControls/FieldDescription.m.css +++ b/webapp/packages/core-blocks/src/FormControls/FieldDescription.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .fieldDescription { composes: theme-typography--caption from global; /*color: var(--theme-text-hint-on-background);*/ diff --git a/webapp/packages/core-blocks/src/FormControls/FieldDescription.tsx b/webapp/packages/core-blocks/src/FormControls/FieldDescription.tsx index 8ad2c2534d..46e8d22f87 100644 --- a/webapp/packages/core-blocks/src/FormControls/FieldDescription.tsx +++ b/webapp/packages/core-blocks/src/FormControls/FieldDescription.tsx @@ -1,9 +1,16 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ import { observer } from 'mobx-react-lite'; import type { PropsWithChildren } from 'react'; import { s } from '../s'; import { useS } from '../useS'; -import fieldDescriptionStyles from './FieldDescription.m.css'; +import fieldDescriptionStyles from './FieldDescription.module.css'; interface Props { className?: string; diff --git a/webapp/packages/core-blocks/src/FormControls/FieldLabel.m.css b/webapp/packages/core-blocks/src/FormControls/FieldLabel.module.css similarity index 100% rename from webapp/packages/core-blocks/src/FormControls/FieldLabel.m.css rename to webapp/packages/core-blocks/src/FormControls/FieldLabel.module.css diff --git a/webapp/packages/core-blocks/src/FormControls/FieldLabel.tsx b/webapp/packages/core-blocks/src/FormControls/FieldLabel.tsx index 0c9d123c79..a4546e43da 100644 --- a/webapp/packages/core-blocks/src/FormControls/FieldLabel.tsx +++ b/webapp/packages/core-blocks/src/FormControls/FieldLabel.tsx @@ -1,9 +1,16 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ import { observer } from 'mobx-react-lite'; import type { LabelHTMLAttributes, PropsWithChildren } from 'react'; import { s } from '../s'; import { useS } from '../useS'; -import fieldLabelStyles from './FieldLabel.m.css'; +import fieldLabelStyles from './FieldLabel.module.css'; type Props = LabelHTMLAttributes & { className?: string; diff --git a/webapp/packages/core-blocks/src/FormControls/Filter.m.css b/webapp/packages/core-blocks/src/FormControls/Filter.module.css similarity index 100% rename from webapp/packages/core-blocks/src/FormControls/Filter.m.css rename to webapp/packages/core-blocks/src/FormControls/Filter.module.css diff --git a/webapp/packages/core-blocks/src/FormControls/Filter.tsx b/webapp/packages/core-blocks/src/FormControls/Filter.tsx index 090f1f6df3..d4bbe4eb9d 100644 --- a/webapp/packages/core-blocks/src/FormControls/Filter.tsx +++ b/webapp/packages/core-blocks/src/FormControls/Filter.tsx @@ -16,7 +16,7 @@ import type { IContainerProps } from '../Containers/IContainerProps'; import { s } from '../s'; import { useFocus } from '../useFocus'; import { useS } from '../useS'; -import filterStyle from './Filter.m.css'; +import filterStyle from './Filter.module.css'; import { InputField } from './InputField/InputField'; interface BaseProps extends Omit, 'onChange'>, IContainerProps { diff --git a/webapp/packages/core-blocks/src/FormControls/Form.m.css b/webapp/packages/core-blocks/src/FormControls/Form.module.css similarity index 100% rename from webapp/packages/core-blocks/src/FormControls/Form.m.css rename to webapp/packages/core-blocks/src/FormControls/Form.module.css diff --git a/webapp/packages/core-blocks/src/FormControls/Form.tsx b/webapp/packages/core-blocks/src/FormControls/Form.tsx index 06ff65fa69..d815b577ed 100644 --- a/webapp/packages/core-blocks/src/FormControls/Form.tsx +++ b/webapp/packages/core-blocks/src/FormControls/Form.tsx @@ -11,7 +11,7 @@ import { s } from '../s'; import { useCombinedRef } from '../useCombinedRef'; import { useFocus } from '../useFocus'; import { useS } from '../useS'; -import styles from './Form.m.css'; +import styles from './Form.module.css'; import { FormChangeHandler, FormContext, IFormContext } from './FormContext'; import { useForm } from './useForm'; diff --git a/webapp/packages/core-blocks/src/FormControls/FormControl.m.css b/webapp/packages/core-blocks/src/FormControls/FormControl.module.css similarity index 76% rename from webapp/packages/core-blocks/src/FormControls/FormControl.m.css rename to webapp/packages/core-blocks/src/FormControls/FormControl.module.css index 45ca4898ca..d5cd74de3b 100644 --- a/webapp/packages/core-blocks/src/FormControls/FormControl.m.css +++ b/webapp/packages/core-blocks/src/FormControls/FormControl.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .field { box-sizing: border-box; diff --git a/webapp/packages/core-blocks/src/FormControls/FormFieldDescription.m.css b/webapp/packages/core-blocks/src/FormControls/FormFieldDescription.module.css similarity index 59% rename from webapp/packages/core-blocks/src/FormControls/FormFieldDescription.m.css rename to webapp/packages/core-blocks/src/FormControls/FormFieldDescription.module.css index 2021d937ca..27fb7a05a9 100644 --- a/webapp/packages/core-blocks/src/FormControls/FormFieldDescription.m.css +++ b/webapp/packages/core-blocks/src/FormControls/FormFieldDescription.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .fieldLabel { composes: theme-typography--body1 from global; font-weight: 500; diff --git a/webapp/packages/core-blocks/src/FormControls/FormFieldDescription.tsx b/webapp/packages/core-blocks/src/FormControls/FormFieldDescription.tsx index fc5f3d1d62..e67ee52548 100644 --- a/webapp/packages/core-blocks/src/FormControls/FormFieldDescription.tsx +++ b/webapp/packages/core-blocks/src/FormControls/FormFieldDescription.tsx @@ -12,7 +12,7 @@ import { useS } from '../useS'; import { Field } from './Field'; import { FieldDescription } from './FieldDescription'; import { FieldLabel } from './FieldLabel'; -import style from './FormFieldDescription.m.css'; +import style from './FormFieldDescription.module.css'; interface Props extends ILayoutSizeProps { label?: string; diff --git a/webapp/packages/core-blocks/src/FormControls/InputField/InputField.m.css b/webapp/packages/core-blocks/src/FormControls/InputField/InputField.module.css similarity index 79% rename from webapp/packages/core-blocks/src/FormControls/InputField/InputField.m.css rename to webapp/packages/core-blocks/src/FormControls/InputField/InputField.module.css index dbd08492a6..80befd67bb 100644 --- a/webapp/packages/core-blocks/src/FormControls/InputField/InputField.m.css +++ b/webapp/packages/core-blocks/src/FormControls/InputField/InputField.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .icon { composes: theme-text-on-secondary from global; } diff --git a/webapp/packages/core-blocks/src/FormControls/InputField/InputFieldBase.tsx b/webapp/packages/core-blocks/src/FormControls/InputField/InputFieldBase.tsx index cdc54cdf35..763ae1707b 100644 --- a/webapp/packages/core-blocks/src/FormControls/InputField/InputFieldBase.tsx +++ b/webapp/packages/core-blocks/src/FormControls/InputField/InputFieldBase.tsx @@ -24,7 +24,7 @@ import { Field } from '../Field'; import { FieldDescription } from '../FieldDescription'; import { FieldLabel } from '../FieldLabel'; import { useCapsLockTracker } from '../useCapsLockTracker'; -import inputFieldStyle from './InputField.m.css'; +import inputFieldStyle from './InputField.module.css'; export type InputFieldBaseProps = Omit, 'value' | 'onChange' | 'style' | 'ref'> & ILayoutSizeProps & { diff --git a/webapp/packages/core-blocks/src/FormControls/InputFileTextContent.m.css b/webapp/packages/core-blocks/src/FormControls/InputFileTextContent.module.css similarity index 61% rename from webapp/packages/core-blocks/src/FormControls/InputFileTextContent.m.css rename to webapp/packages/core-blocks/src/FormControls/InputFileTextContent.module.css index 99bd8dee98..2d866a5806 100644 --- a/webapp/packages/core-blocks/src/FormControls/InputFileTextContent.m.css +++ b/webapp/packages/core-blocks/src/FormControls/InputFileTextContent.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .fieldLabel { display: block; composes: theme-typography--body1 from global; diff --git a/webapp/packages/core-blocks/src/FormControls/InputFileTextContent.tsx b/webapp/packages/core-blocks/src/FormControls/InputFileTextContent.tsx index fdbb8c33bd..80d6f6f15c 100644 --- a/webapp/packages/core-blocks/src/FormControls/InputFileTextContent.tsx +++ b/webapp/packages/core-blocks/src/FormControls/InputFileTextContent.tsx @@ -21,7 +21,7 @@ import { Field } from './Field'; import { FieldDescription } from './FieldDescription'; import { FieldLabel } from './FieldLabel'; import { FormContext } from './FormContext'; -import inputFileTextContentStyles from './InputFileTextContent.m.css'; +import inputFileTextContentStyles from './InputFileTextContent.module.css'; const DEFAULT_MAX_FILE_SIZE = 2048; diff --git a/webapp/packages/core-blocks/src/FormControls/InputFiles.m.css b/webapp/packages/core-blocks/src/FormControls/InputFiles.module.css similarity index 100% rename from webapp/packages/core-blocks/src/FormControls/InputFiles.m.css rename to webapp/packages/core-blocks/src/FormControls/InputFiles.module.css diff --git a/webapp/packages/core-blocks/src/FormControls/InputFiles.tsx b/webapp/packages/core-blocks/src/FormControls/InputFiles.tsx index 2246c1ec93..ccf5af55f4 100644 --- a/webapp/packages/core-blocks/src/FormControls/InputFiles.tsx +++ b/webapp/packages/core-blocks/src/FormControls/InputFiles.tsx @@ -24,7 +24,7 @@ import { Field } from './Field'; import { FieldDescription } from './FieldDescription'; import { FieldLabel } from './FieldLabel'; import { FormContext } from './FormContext'; -import InputFilesStyles from './InputFiles.m.css'; +import InputFilesStyles from './InputFiles.module.css'; import { isControlPresented } from './isControlPresented'; type BaseProps = Omit, 'onChange' | 'name' | 'value' | 'style'> & diff --git a/webapp/packages/core-blocks/src/FormControls/Radio.m.css b/webapp/packages/core-blocks/src/FormControls/Radio.module.css similarity index 82% rename from webapp/packages/core-blocks/src/FormControls/Radio.m.css rename to webapp/packages/core-blocks/src/FormControls/Radio.module.css index 18e3481717..21903df506 100644 --- a/webapp/packages/core-blocks/src/FormControls/Radio.m.css +++ b/webapp/packages/core-blocks/src/FormControls/Radio.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .radio { composes: theme-radio from global; } diff --git a/webapp/packages/core-blocks/src/FormControls/Radio.tsx b/webapp/packages/core-blocks/src/FormControls/Radio.tsx index 9571072f19..2b568e34de 100644 --- a/webapp/packages/core-blocks/src/FormControls/Radio.tsx +++ b/webapp/packages/core-blocks/src/FormControls/Radio.tsx @@ -14,7 +14,7 @@ import { s } from '../s'; import { useS } from '../useS'; import { Field } from './Field'; import { FormContext } from './FormContext'; -import style from './Radio.m.css'; +import style from './Radio.module.css'; import { RadioGroupContext } from './RadioGroupContext'; type BaseProps = Omit, 'onChange' | 'value' | 'checked'> & diff --git a/webapp/packages/core-blocks/src/FormControls/Textarea.m.css b/webapp/packages/core-blocks/src/FormControls/Textarea.module.css similarity index 64% rename from webapp/packages/core-blocks/src/FormControls/Textarea.m.css rename to webapp/packages/core-blocks/src/FormControls/Textarea.module.css index 4ec5ae3ceb..715c8b9d85 100644 --- a/webapp/packages/core-blocks/src/FormControls/Textarea.m.css +++ b/webapp/packages/core-blocks/src/FormControls/Textarea.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .textarea { line-height: 19px; font-size: 12px; diff --git a/webapp/packages/core-blocks/src/FormControls/Textarea.tsx b/webapp/packages/core-blocks/src/FormControls/Textarea.tsx index 8e879faf66..fe46613168 100644 --- a/webapp/packages/core-blocks/src/FormControls/Textarea.tsx +++ b/webapp/packages/core-blocks/src/FormControls/Textarea.tsx @@ -16,7 +16,7 @@ import { Field } from './Field'; import { FieldDescription } from './FieldDescription'; import { FieldLabel } from './FieldLabel'; import { FormContext } from './FormContext'; -import textareaStyle from './Textarea.m.css'; +import textareaStyle from './Textarea.module.css'; type BaseProps = Omit, 'onChange' | 'style'> & ILayoutSizeProps & { diff --git a/webapp/packages/core-blocks/src/IconButton.m.css b/webapp/packages/core-blocks/src/IconButton.module.css similarity index 100% rename from webapp/packages/core-blocks/src/IconButton.m.css rename to webapp/packages/core-blocks/src/IconButton.module.css diff --git a/webapp/packages/core-blocks/src/IconButton.tsx b/webapp/packages/core-blocks/src/IconButton.tsx index d5a3f4cc94..25cb46fc85 100644 --- a/webapp/packages/core-blocks/src/IconButton.tsx +++ b/webapp/packages/core-blocks/src/IconButton.tsx @@ -10,7 +10,7 @@ import type React from 'react'; import { ButtonProps, Button as ReakitButton } from 'reakit/Button'; import { Icon } from './Icon'; -import IconButtonStyles from './IconButton.m.css'; +import IconButtonStyles from './IconButton.module.css'; import { s } from './s'; import { StaticImage } from './StaticImage'; import { useS } from './useS'; diff --git a/webapp/packages/core-blocks/src/Iframe.m.css b/webapp/packages/core-blocks/src/Iframe.m.css deleted file mode 100644 index 856823a939..0000000000 --- a/webapp/packages/core-blocks/src/Iframe.m.css +++ /dev/null @@ -1,4 +0,0 @@ -.iframe { - composes: theme-border-color-background from global; - border: 1px solid; -} diff --git a/webapp/packages/core-blocks/src/Iframe.module.css b/webapp/packages/core-blocks/src/Iframe.module.css new file mode 100644 index 0000000000..7e5a015a08 --- /dev/null +++ b/webapp/packages/core-blocks/src/Iframe.module.css @@ -0,0 +1,11 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.iframe { + composes: theme-border-color-background from global; + border: 1px solid; +} diff --git a/webapp/packages/core-blocks/src/Iframe.tsx b/webapp/packages/core-blocks/src/Iframe.tsx index a6fed09849..4df13ab147 100644 --- a/webapp/packages/core-blocks/src/Iframe.tsx +++ b/webapp/packages/core-blocks/src/Iframe.tsx @@ -8,7 +8,7 @@ import { observer } from 'mobx-react-lite'; import type { DetailedHTMLProps, IframeHTMLAttributes } from 'react'; -import style from './Iframe.m.css'; +import style from './Iframe.module.css'; import { s } from './s'; import { useS } from './useS'; diff --git a/webapp/packages/core-blocks/src/InfoItem.m.css b/webapp/packages/core-blocks/src/InfoItem.m.css deleted file mode 100644 index b81efe3490..0000000000 --- a/webapp/packages/core-blocks/src/InfoItem.m.css +++ /dev/null @@ -1,10 +0,0 @@ -.infoItem { - display: flex; - align-items: center; - flex: 0 0 auto; -} -.iconOrImage { - width: 24px; - height: 24px; - margin-right: 16px; -} diff --git a/webapp/packages/core-blocks/src/InfoItem.module.css b/webapp/packages/core-blocks/src/InfoItem.module.css new file mode 100644 index 0000000000..5a8c0a4106 --- /dev/null +++ b/webapp/packages/core-blocks/src/InfoItem.module.css @@ -0,0 +1,17 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.infoItem { + display: flex; + align-items: center; + flex: 0 0 auto; +} +.iconOrImage { + width: 24px; + height: 24px; + margin-right: 16px; +} diff --git a/webapp/packages/core-blocks/src/InfoItem.tsx b/webapp/packages/core-blocks/src/InfoItem.tsx index 7d7ab3c9f7..36f3bc5af5 100644 --- a/webapp/packages/core-blocks/src/InfoItem.tsx +++ b/webapp/packages/core-blocks/src/InfoItem.tsx @@ -10,7 +10,7 @@ import { observer } from 'mobx-react-lite'; import type { TLocalizationToken } from '@cloudbeaver/core-localization'; import { IconOrImage } from './IconOrImage'; -import style from './InfoItem.m.css'; +import style from './InfoItem.module.css'; import { useTranslate } from './localization/useTranslate'; import { s } from './s'; import { useS } from './useS'; diff --git a/webapp/packages/core-blocks/src/ItemList/ItemList.m.css b/webapp/packages/core-blocks/src/ItemList/ItemList.module.css similarity index 100% rename from webapp/packages/core-blocks/src/ItemList/ItemList.m.css rename to webapp/packages/core-blocks/src/ItemList/ItemList.module.css diff --git a/webapp/packages/core-blocks/src/ItemList/ItemList.tsx b/webapp/packages/core-blocks/src/ItemList/ItemList.tsx index 67c84c76cc..4844796fc7 100644 --- a/webapp/packages/core-blocks/src/ItemList/ItemList.tsx +++ b/webapp/packages/core-blocks/src/ItemList/ItemList.tsx @@ -7,7 +7,7 @@ */ import { s } from '../s'; import { useS } from '../useS'; -import style from './ItemList.m.css'; +import style from './ItemList.module.css'; interface Props { className?: string; diff --git a/webapp/packages/core-blocks/src/ItemList/ItemListSearch.tsx b/webapp/packages/core-blocks/src/ItemList/ItemListSearch.tsx index cc2d14fa7e..a58db230b9 100644 --- a/webapp/packages/core-blocks/src/ItemList/ItemListSearch.tsx +++ b/webapp/packages/core-blocks/src/ItemList/ItemListSearch.tsx @@ -10,7 +10,7 @@ import { Filter } from '../FormControls/Filter'; import { useTranslate } from '../localization/useTranslate'; import { s } from '../s'; import { useS } from '../useS'; -import style from './ItemList.m.css'; +import style from './ItemList.module.css'; interface IProps { value?: string; diff --git a/webapp/packages/core-blocks/src/ItemList/ListItem.tsx b/webapp/packages/core-blocks/src/ItemList/ListItem.tsx index e6e653aa77..4827177855 100644 --- a/webapp/packages/core-blocks/src/ItemList/ListItem.tsx +++ b/webapp/packages/core-blocks/src/ItemList/ListItem.tsx @@ -8,7 +8,7 @@ import { Clickable } from '../Clickable'; import { s } from '../s'; import { useS } from '../useS'; -import style from './ItemList.m.css'; +import style from './ItemList.module.css'; interface Props { onClick: () => void; diff --git a/webapp/packages/core-blocks/src/ItemList/ListItemDescription.tsx b/webapp/packages/core-blocks/src/ItemList/ListItemDescription.tsx index 5919467f65..9c29e2a8ff 100644 --- a/webapp/packages/core-blocks/src/ItemList/ListItemDescription.tsx +++ b/webapp/packages/core-blocks/src/ItemList/ListItemDescription.tsx @@ -7,8 +7,7 @@ */ import { s } from '../s'; import { useS } from '../useS'; -import style from './ItemList.m.css'; - +import style from './ItemList.module.css'; interface Props { title?: string; @@ -23,4 +22,4 @@ export const ListItemDescription: React.FC> = fun {children} ); -}; \ No newline at end of file +}; diff --git a/webapp/packages/core-blocks/src/ItemList/ListItemIcon.tsx b/webapp/packages/core-blocks/src/ItemList/ListItemIcon.tsx index f6fe52e41c..740a1cdc19 100644 --- a/webapp/packages/core-blocks/src/ItemList/ListItemIcon.tsx +++ b/webapp/packages/core-blocks/src/ItemList/ListItemIcon.tsx @@ -7,7 +7,7 @@ */ import { s } from '../s'; import { useS } from '../useS'; -import style from './ItemList.m.css'; +import style from './ItemList.module.css'; interface Props { className?: string; diff --git a/webapp/packages/core-blocks/src/ItemList/ListItemName.tsx b/webapp/packages/core-blocks/src/ItemList/ListItemName.tsx index b113061126..98ddbbc9e1 100644 --- a/webapp/packages/core-blocks/src/ItemList/ListItemName.tsx +++ b/webapp/packages/core-blocks/src/ItemList/ListItemName.tsx @@ -7,7 +7,7 @@ */ import { s } from '../s'; import { useS } from '../useS'; -import style from './ItemList.m.css'; +import style from './ItemList.module.css'; interface Props { className?: string; diff --git a/webapp/packages/core-blocks/src/Link.m.css b/webapp/packages/core-blocks/src/Link.module.css similarity index 60% rename from webapp/packages/core-blocks/src/Link.m.css rename to webapp/packages/core-blocks/src/Link.module.css index 71050be8b4..e9a356eafb 100644 --- a/webapp/packages/core-blocks/src/Link.m.css +++ b/webapp/packages/core-blocks/src/Link.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .linkContainer { &.inline { display: inline; diff --git a/webapp/packages/core-blocks/src/Link.tsx b/webapp/packages/core-blocks/src/Link.tsx index d11c162cc4..330a578577 100644 --- a/webapp/packages/core-blocks/src/Link.tsx +++ b/webapp/packages/core-blocks/src/Link.tsx @@ -8,7 +8,7 @@ import { observer } from 'mobx-react-lite'; import { IconOrImage } from './IconOrImage'; -import style from './Link.m.css'; +import style from './Link.module.css'; import { s } from './s'; import { useS } from './useS'; diff --git a/webapp/packages/core-blocks/src/Loader/Loader.m.css b/webapp/packages/core-blocks/src/Loader/Loader.module.css similarity index 100% rename from webapp/packages/core-blocks/src/Loader/Loader.m.css rename to webapp/packages/core-blocks/src/Loader/Loader.module.css diff --git a/webapp/packages/core-blocks/src/Loader/Loader.tsx b/webapp/packages/core-blocks/src/Loader/Loader.tsx index 0c54ee52dd..fa7afe68fe 100644 --- a/webapp/packages/core-blocks/src/Loader/Loader.tsx +++ b/webapp/packages/core-blocks/src/Loader/Loader.tsx @@ -18,7 +18,7 @@ import { Translate } from '../localization/Translate'; import { s } from '../s'; import { StaticImage } from '../StaticImage'; import { useS } from '../useS'; -import styles from './Loader.m.css'; +import styles from './Loader.module.css'; import { ILoaderContext, LoaderContext } from './LoaderContext'; type LoaderState = diff --git a/webapp/packages/core-blocks/src/Menu/Menu.m.css b/webapp/packages/core-blocks/src/Menu/Menu.module.css similarity index 100% rename from webapp/packages/core-blocks/src/Menu/Menu.m.css rename to webapp/packages/core-blocks/src/Menu/Menu.module.css diff --git a/webapp/packages/core-blocks/src/Menu/Menu.tsx b/webapp/packages/core-blocks/src/Menu/Menu.tsx index 90b52d21c9..5f54cdadd8 100644 --- a/webapp/packages/core-blocks/src/Menu/Menu.tsx +++ b/webapp/packages/core-blocks/src/Menu/Menu.tsx @@ -14,7 +14,7 @@ import { s } from '../s'; import { useCombinedRef } from '../useCombinedRef'; import { useObjectRef } from '../useObjectRef'; import { useS } from '../useS'; -import style from './Menu.m.css'; +import style from './Menu.module.css'; import { MenuPanel } from './MenuPanel'; import { IMenuState, MenuStateContext } from './MenuStateContext'; import type { IMouseContextMenu } from './useMouseContextMenu'; diff --git a/webapp/packages/core-blocks/src/Menu/MenuBarSmallItem.m.css b/webapp/packages/core-blocks/src/Menu/MenuBarSmallItem.module.css similarity index 100% rename from webapp/packages/core-blocks/src/Menu/MenuBarSmallItem.m.css rename to webapp/packages/core-blocks/src/Menu/MenuBarSmallItem.module.css diff --git a/webapp/packages/core-blocks/src/Menu/MenuBarSmallItem.tsx b/webapp/packages/core-blocks/src/Menu/MenuBarSmallItem.tsx index 8d61cb93e3..94f11fadff 100644 --- a/webapp/packages/core-blocks/src/Menu/MenuBarSmallItem.tsx +++ b/webapp/packages/core-blocks/src/Menu/MenuBarSmallItem.tsx @@ -10,7 +10,7 @@ import type { ButtonProps } from 'reakit/ts'; import { IconButton } from '../IconButton'; import { s } from '../s'; import { useS } from '../useS'; -import moduleStyles from './MenuBarSmallItem.m.css'; +import moduleStyles from './MenuBarSmallItem.module.css'; interface Props extends Omit { icon?: string; diff --git a/webapp/packages/core-blocks/src/Menu/MenuItem.m.css b/webapp/packages/core-blocks/src/Menu/MenuItem.module.css similarity index 54% rename from webapp/packages/core-blocks/src/Menu/MenuItem.m.css rename to webapp/packages/core-blocks/src/Menu/MenuItem.module.css index 0b74547cfc..d3f2ca38fd 100644 --- a/webapp/packages/core-blocks/src/Menu/MenuItem.m.css +++ b/webapp/packages/core-blocks/src/Menu/MenuItem.module.css @@ -1,6 +1,13 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .menuItem { composes: theme-ripple from global; - composes: menuItem from './MenuItemElement.m.css'; + composes: menuItem from './MenuItemElement.module.css'; display: flex; align-items: center; diff --git a/webapp/packages/core-blocks/src/Menu/MenuItem.tsx b/webapp/packages/core-blocks/src/Menu/MenuItem.tsx index ef460a090d..9d84f91364 100644 --- a/webapp/packages/core-blocks/src/Menu/MenuItem.tsx +++ b/webapp/packages/core-blocks/src/Menu/MenuItem.tsx @@ -13,7 +13,7 @@ import type { CompositeItemOptions } from 'reakit/ts'; import { s } from '../s'; import { useCombinedHandler } from '../useCombinedHandler'; import { useS } from '../useS'; -import style from './MenuItem.m.css'; +import style from './MenuItem.module.css'; import { MenuStateContext } from './MenuStateContext'; import type { ReakitProxyComponent, ReakitProxyComponentOptions } from './ReakitProxyComponent'; diff --git a/webapp/packages/core-blocks/src/Menu/MenuItemCheckbox.tsx b/webapp/packages/core-blocks/src/Menu/MenuItemCheckbox.tsx index d88917b37b..7bac23a50f 100644 --- a/webapp/packages/core-blocks/src/Menu/MenuItemCheckbox.tsx +++ b/webapp/packages/core-blocks/src/Menu/MenuItemCheckbox.tsx @@ -12,7 +12,7 @@ import type { CheckboxOptions } from 'reakit/ts'; import { s } from '../s'; import { useS } from '../useS'; -import style from './MenuItem.m.css'; +import style from './MenuItem.module.css'; import { MenuStateContext } from './MenuStateContext'; import type { ReakitProxyComponent, ReakitProxyComponentOptions } from './ReakitProxyComponent'; diff --git a/webapp/packages/core-blocks/src/Menu/MenuItemElement.m.css b/webapp/packages/core-blocks/src/Menu/MenuItemElement.module.css similarity index 84% rename from webapp/packages/core-blocks/src/Menu/MenuItemElement.m.css rename to webapp/packages/core-blocks/src/Menu/MenuItemElement.module.css index ef2f8d49d9..829632d63d 100644 --- a/webapp/packages/core-blocks/src/Menu/MenuItemElement.m.css +++ b/webapp/packages/core-blocks/src/Menu/MenuItemElement.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .menuPanelItem { composes: theme-ripple theme-border-color-background from global; diff --git a/webapp/packages/core-blocks/src/Menu/MenuItemElement.tsx b/webapp/packages/core-blocks/src/Menu/MenuItemElement.tsx index 692e769c37..e4331906f7 100644 --- a/webapp/packages/core-blocks/src/Menu/MenuItemElement.tsx +++ b/webapp/packages/core-blocks/src/Menu/MenuItemElement.tsx @@ -14,7 +14,7 @@ import { useTranslate } from '../localization/useTranslate'; import { s } from '../s'; import { useS } from '../useS'; import { useStateDelay } from '../useStateDelay'; -import style from './MenuItemElement.m.css'; +import style from './MenuItemElement.module.css'; interface IMenuItemElementProps { label: string; diff --git a/webapp/packages/core-blocks/src/Menu/MenuItemRadio.tsx b/webapp/packages/core-blocks/src/Menu/MenuItemRadio.tsx index 01cb12b54f..e149714ed9 100644 --- a/webapp/packages/core-blocks/src/Menu/MenuItemRadio.tsx +++ b/webapp/packages/core-blocks/src/Menu/MenuItemRadio.tsx @@ -12,7 +12,7 @@ import type { RadioOptions } from 'reakit/ts'; import { s } from '../s'; import { useS } from '../useS'; -import style from './MenuItem.m.css'; +import style from './MenuItem.module.css'; import { MenuStateContext } from './MenuStateContext'; import type { ReakitProxyComponent, ReakitProxyComponentOptions } from './ReakitProxyComponent'; diff --git a/webapp/packages/core-blocks/src/Menu/MenuPanel.m.css b/webapp/packages/core-blocks/src/Menu/MenuPanel.module.css similarity index 61% rename from webapp/packages/core-blocks/src/Menu/MenuPanel.m.css rename to webapp/packages/core-blocks/src/Menu/MenuPanel.module.css index 87832ea3e5..fdba351aef 100644 --- a/webapp/packages/core-blocks/src/Menu/MenuPanel.m.css +++ b/webapp/packages/core-blocks/src/Menu/MenuPanel.module.css @@ -1,10 +1,17 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .menu { outline: none; z-index: 999; } .menuBox { composes: theme-background-surface theme-text-on-surface theme-group-element-radius theme-typography--body2 theme-elevation-z5 from global; - composes: menuBox from './MenuItemElement.m.css'; + composes: menuBox from './MenuItemElement.module.css'; display: flex; flex-direction: column; diff --git a/webapp/packages/core-blocks/src/Menu/MenuPanel.tsx b/webapp/packages/core-blocks/src/Menu/MenuPanel.tsx index bf4ca7dd0a..44afd6b415 100644 --- a/webapp/packages/core-blocks/src/Menu/MenuPanel.tsx +++ b/webapp/packages/core-blocks/src/Menu/MenuPanel.tsx @@ -14,7 +14,7 @@ import { getComputed } from '../getComputed'; import { s } from '../s'; import { useS } from '../useS'; import { MenuEmptyItem } from './MenuEmptyItem'; -import style from './MenuPanel.m.css'; +import style from './MenuPanel.module.css'; export interface IMenuPanelProps { label: string; diff --git a/webapp/packages/core-blocks/src/Menu/MenuSeparator.m.css b/webapp/packages/core-blocks/src/Menu/MenuSeparator.m.css deleted file mode 100644 index a7ceb5aa90..0000000000 --- a/webapp/packages/core-blocks/src/Menu/MenuSeparator.m.css +++ /dev/null @@ -1,11 +0,0 @@ -.menuSeparator { - flex: 1; - width: 100%; - display: flex; - margin: 4px 0; - - &:first-child, - &:last-child { - display: none; - } -} diff --git a/webapp/packages/core-blocks/src/Menu/MenuSeparator.module.css b/webapp/packages/core-blocks/src/Menu/MenuSeparator.module.css new file mode 100644 index 0000000000..b6b01ac99a --- /dev/null +++ b/webapp/packages/core-blocks/src/Menu/MenuSeparator.module.css @@ -0,0 +1,18 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.menuSeparator { + flex: 1; + width: 100%; + display: flex; + margin: 4px 0; + + &:first-child, + &:last-child { + display: none; + } +} diff --git a/webapp/packages/core-blocks/src/Menu/MenuSeparator.tsx b/webapp/packages/core-blocks/src/Menu/MenuSeparator.tsx index 2dcbd16978..75fb0b69b4 100644 --- a/webapp/packages/core-blocks/src/Menu/MenuSeparator.tsx +++ b/webapp/packages/core-blocks/src/Menu/MenuSeparator.tsx @@ -10,7 +10,7 @@ import type { SeparatorOptions } from 'reakit/ts'; import { s } from '../s'; import { useS } from '../useS'; -import style from './MenuSeparator.m.css'; +import style from './MenuSeparator.module.css'; import type { ReakitProxyComponentOptions } from './ReakitProxyComponent'; export const MenuSeparator = function MenuSeparator({ className, ...props }: ReakitProxyComponentOptions<'hr', SeparatorOptions>) { diff --git a/webapp/packages/core-blocks/src/MenuPanel/MenuPanelItem.tsx b/webapp/packages/core-blocks/src/MenuPanel/MenuPanelItem.tsx index 804d605796..ac1365de14 100644 --- a/webapp/packages/core-blocks/src/MenuPanel/MenuPanelItem.tsx +++ b/webapp/packages/core-blocks/src/MenuPanel/MenuPanelItem.tsx @@ -17,7 +17,7 @@ import { Loader } from '../Loader/Loader'; import { useTranslate } from '../localization/useTranslate'; import { s } from '../s'; import { useS } from '../useS'; -import MenuPanelItemAndTriggerStyles from './shared/MenuPanelItemAndTrigger.m.css'; +import MenuPanelItemAndTriggerStyles from './shared/MenuPanelItemAndTrigger.module.css'; interface MenuPanelItemProps { menuItem: IMenuItem; diff --git a/webapp/packages/core-blocks/src/MenuPanel/MenuTrigger.tsx b/webapp/packages/core-blocks/src/MenuPanel/MenuTrigger.tsx index 2268f7c373..1e9509ba41 100644 --- a/webapp/packages/core-blocks/src/MenuPanel/MenuTrigger.tsx +++ b/webapp/packages/core-blocks/src/MenuPanel/MenuTrigger.tsx @@ -16,7 +16,7 @@ import { s } from '../s'; import { useObjectRef } from '../useObjectRef'; import { useS } from '../useS'; import { MenuPanelItem } from './MenuPanelItem'; -import MenuPanelItemAndTriggerStyles from './shared/MenuPanelItemAndTrigger.m.css'; +import MenuPanelItemAndTriggerStyles from './shared/MenuPanelItemAndTrigger.module.css'; export type MenuState = MenuStateReturn; diff --git a/webapp/packages/core-blocks/src/MenuPanel/shared/MenuPanelItemAndTrigger.m.css b/webapp/packages/core-blocks/src/MenuPanel/shared/MenuPanelItemAndTrigger.module.css similarity index 100% rename from webapp/packages/core-blocks/src/MenuPanel/shared/MenuPanelItemAndTrigger.m.css rename to webapp/packages/core-blocks/src/MenuPanel/shared/MenuPanelItemAndTrigger.module.css diff --git a/webapp/packages/core-blocks/src/ObjectPropertyInfo/ObjectPropertyInfoForm/ObjectPropertyInfoForm.tsx b/webapp/packages/core-blocks/src/ObjectPropertyInfo/ObjectPropertyInfoForm/ObjectPropertyInfoForm.tsx index c1362c15dd..cd1d67d4b2 100644 --- a/webapp/packages/core-blocks/src/ObjectPropertyInfo/ObjectPropertyInfoForm/ObjectPropertyInfoForm.tsx +++ b/webapp/packages/core-blocks/src/ObjectPropertyInfo/ObjectPropertyInfoForm/ObjectPropertyInfoForm.tsx @@ -12,7 +12,7 @@ import type { ObjectPropertyInfo } from '@cloudbeaver/core-sdk'; import { getLayoutProps } from '../../Containers/filterLayoutFakeProps'; import type { ILayoutSizeProps } from '../../Containers/ILayoutSizeProps'; -import elementsSizeStyles from '../../Containers/shared/ElementsSize.m.css'; +import elementsSizeStyles from '../../Containers/shared/ElementsSize.module.css'; import { useTranslate } from '../../localization/useTranslate'; import { s } from '../../s'; import { TextPlaceholder } from '../../TextPlaceholder'; diff --git a/webapp/packages/core-blocks/src/Overlay/Overlay.m.css b/webapp/packages/core-blocks/src/Overlay/Overlay.module.css similarity index 79% rename from webapp/packages/core-blocks/src/Overlay/Overlay.m.css rename to webapp/packages/core-blocks/src/Overlay/Overlay.module.css index e3afd4eac0..6fdc5ee573 100644 --- a/webapp/packages/core-blocks/src/Overlay/Overlay.m.css +++ b/webapp/packages/core-blocks/src/Overlay/Overlay.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .overlay { composes: theme-text-on-primary from global; display: none; diff --git a/webapp/packages/core-blocks/src/Overlay/Overlay.tsx b/webapp/packages/core-blocks/src/Overlay/Overlay.tsx index 9efe1bb358..2bbef62085 100644 --- a/webapp/packages/core-blocks/src/Overlay/Overlay.tsx +++ b/webapp/packages/core-blocks/src/Overlay/Overlay.tsx @@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite'; import { s } from '../s'; import { useS } from '../useS'; -import style from './Overlay.m.css'; +import style from './Overlay.module.css'; interface Props { active?: boolean; diff --git a/webapp/packages/core-blocks/src/Overlay/OverlayActions.m.css b/webapp/packages/core-blocks/src/Overlay/OverlayActions.m.css deleted file mode 100644 index e1377c42ef..0000000000 --- a/webapp/packages/core-blocks/src/Overlay/OverlayActions.m.css +++ /dev/null @@ -1,6 +0,0 @@ -.actions { - gap: 16px; - display: flex; - flex-shrink: 0; - padding: 24px; -} diff --git a/webapp/packages/core-blocks/src/Overlay/OverlayActions.module.css b/webapp/packages/core-blocks/src/Overlay/OverlayActions.module.css new file mode 100644 index 0000000000..e87b9838ff --- /dev/null +++ b/webapp/packages/core-blocks/src/Overlay/OverlayActions.module.css @@ -0,0 +1,13 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.actions { + gap: 16px; + display: flex; + flex-shrink: 0; + padding: 24px; +} diff --git a/webapp/packages/core-blocks/src/Overlay/OverlayActions.tsx b/webapp/packages/core-blocks/src/Overlay/OverlayActions.tsx index a31a109561..6eeba4f139 100644 --- a/webapp/packages/core-blocks/src/Overlay/OverlayActions.tsx +++ b/webapp/packages/core-blocks/src/Overlay/OverlayActions.tsx @@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite'; import { s } from '../s'; import { useS } from '../useS'; -import style from './OverlayActions.m.css'; +import style from './OverlayActions.module.css'; interface Props { className?: string; diff --git a/webapp/packages/core-blocks/src/Overlay/OverlayHeader.m.css b/webapp/packages/core-blocks/src/Overlay/OverlayHeader.m.css deleted file mode 100644 index 84c91dec09..0000000000 --- a/webapp/packages/core-blocks/src/Overlay/OverlayHeader.m.css +++ /dev/null @@ -1,9 +0,0 @@ -.header { - flex-shrink: 0; - padding: 24px; - position: relative; - display: grid; - grid-template-columns: max-content 1fr; - flex: 0 0 auto; - box-sizing: border-box; -} diff --git a/webapp/packages/core-blocks/src/Overlay/OverlayHeader.module.css b/webapp/packages/core-blocks/src/Overlay/OverlayHeader.module.css new file mode 100644 index 0000000000..df5fad6c4f --- /dev/null +++ b/webapp/packages/core-blocks/src/Overlay/OverlayHeader.module.css @@ -0,0 +1,16 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.header { + flex-shrink: 0; + padding: 24px; + position: relative; + display: grid; + grid-template-columns: max-content 1fr; + flex: 0 0 auto; + box-sizing: border-box; +} diff --git a/webapp/packages/core-blocks/src/Overlay/OverlayHeader.tsx b/webapp/packages/core-blocks/src/Overlay/OverlayHeader.tsx index 46a787817e..15d8ff0b07 100644 --- a/webapp/packages/core-blocks/src/Overlay/OverlayHeader.tsx +++ b/webapp/packages/core-blocks/src/Overlay/OverlayHeader.tsx @@ -7,7 +7,7 @@ */ import { s } from '../s'; import { useS } from '../useS'; -import style from './OverlayHeader.m.css'; +import style from './OverlayHeader.module.css'; interface Props { className?: string; diff --git a/webapp/packages/core-blocks/src/Overlay/OverlayHeaderIcon.m.css b/webapp/packages/core-blocks/src/Overlay/OverlayHeaderIcon.m.css deleted file mode 100644 index eae4c70646..0000000000 --- a/webapp/packages/core-blocks/src/Overlay/OverlayHeaderIcon.m.css +++ /dev/null @@ -1,11 +0,0 @@ -.iconContainer { - display: flex; - align-items: center; - justify-content: center; -} - -.iconOrImage { - width: 24px; - height: 24px; - margin-right: 16px; -} diff --git a/webapp/packages/core-blocks/src/Overlay/OverlayHeaderIcon.module.css b/webapp/packages/core-blocks/src/Overlay/OverlayHeaderIcon.module.css new file mode 100644 index 0000000000..e12aff0ac8 --- /dev/null +++ b/webapp/packages/core-blocks/src/Overlay/OverlayHeaderIcon.module.css @@ -0,0 +1,18 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.iconContainer { + display: flex; + align-items: center; + justify-content: center; +} + +.iconOrImage { + width: 24px; + height: 24px; + margin-right: 16px; +} diff --git a/webapp/packages/core-blocks/src/Overlay/OverlayHeaderIcon.tsx b/webapp/packages/core-blocks/src/Overlay/OverlayHeaderIcon.tsx index 053e7971f0..1b65e1daed 100644 --- a/webapp/packages/core-blocks/src/Overlay/OverlayHeaderIcon.tsx +++ b/webapp/packages/core-blocks/src/Overlay/OverlayHeaderIcon.tsx @@ -8,7 +8,7 @@ import { IconOrImage } from '../IconOrImage'; import { s } from '../s'; import { useS } from '../useS'; -import style from './OverlayHeaderIcon.m.css'; +import style from './OverlayHeaderIcon.module.css'; interface Props { icon?: string; diff --git a/webapp/packages/core-blocks/src/Overlay/OverlayHeaderSubTitle.m.css b/webapp/packages/core-blocks/src/Overlay/OverlayHeaderSubTitle.m.css deleted file mode 100644 index 2aeef9deda..0000000000 --- a/webapp/packages/core-blocks/src/Overlay/OverlayHeaderSubTitle.m.css +++ /dev/null @@ -1,8 +0,0 @@ -.subTitle { - composes: theme-typography--caption from global; - grid-column: 2; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - max-width: 400px; -} diff --git a/webapp/packages/core-blocks/src/Overlay/OverlayHeaderSubTitle.module.css b/webapp/packages/core-blocks/src/Overlay/OverlayHeaderSubTitle.module.css new file mode 100644 index 0000000000..812e5fa316 --- /dev/null +++ b/webapp/packages/core-blocks/src/Overlay/OverlayHeaderSubTitle.module.css @@ -0,0 +1,15 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.subTitle { + composes: theme-typography--caption from global; + grid-column: 2; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + max-width: 400px; +} diff --git a/webapp/packages/core-blocks/src/Overlay/OverlayHeaderSubTitle.tsx b/webapp/packages/core-blocks/src/Overlay/OverlayHeaderSubTitle.tsx index 835e3ae3ca..fe96b61494 100644 --- a/webapp/packages/core-blocks/src/Overlay/OverlayHeaderSubTitle.tsx +++ b/webapp/packages/core-blocks/src/Overlay/OverlayHeaderSubTitle.tsx @@ -7,7 +7,7 @@ */ import { s } from '../s'; import { useS } from '../useS'; -import style from './OverlayHeaderSubTitle.m.css'; +import style from './OverlayHeaderSubTitle.module.css'; interface Props { className?: string; diff --git a/webapp/packages/core-blocks/src/Overlay/OverlayHeaderTitle.m.css b/webapp/packages/core-blocks/src/Overlay/OverlayHeaderTitle.module.css similarity index 59% rename from webapp/packages/core-blocks/src/Overlay/OverlayHeaderTitle.m.css rename to webapp/packages/core-blocks/src/Overlay/OverlayHeaderTitle.module.css index 5ed06b9043..8a8ffdfc6b 100644 --- a/webapp/packages/core-blocks/src/Overlay/OverlayHeaderTitle.m.css +++ b/webapp/packages/core-blocks/src/Overlay/OverlayHeaderTitle.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .headerTitle { max-width: 400px; display: flex; diff --git a/webapp/packages/core-blocks/src/Overlay/OverlayHeaderTitle.tsx b/webapp/packages/core-blocks/src/Overlay/OverlayHeaderTitle.tsx index edcf8ab460..b3542db984 100644 --- a/webapp/packages/core-blocks/src/Overlay/OverlayHeaderTitle.tsx +++ b/webapp/packages/core-blocks/src/Overlay/OverlayHeaderTitle.tsx @@ -7,7 +7,7 @@ */ import { s } from '../s'; import { useS } from '../useS'; -import style from './OverlayHeaderTitle.m.css'; +import style from './OverlayHeaderTitle.module.css'; interface Props { className?: string; diff --git a/webapp/packages/core-blocks/src/Overlay/OverlayMessage.m.css b/webapp/packages/core-blocks/src/Overlay/OverlayMessage.m.css deleted file mode 100644 index 94d52b7866..0000000000 --- a/webapp/packages/core-blocks/src/Overlay/OverlayMessage.m.css +++ /dev/null @@ -1,15 +0,0 @@ -.message { - flex-shrink: 0; - padding: 24px 0px 24px 24px; - overflow: auto; - white-space: pre-wrap; - flex: 1; - - &:not(:first-child) { - padding-top: 0px; - } -} - -.messageBox { - padding-right: 24px; -} diff --git a/webapp/packages/core-blocks/src/Overlay/OverlayMessage.module.css b/webapp/packages/core-blocks/src/Overlay/OverlayMessage.module.css new file mode 100644 index 0000000000..541ece1bc0 --- /dev/null +++ b/webapp/packages/core-blocks/src/Overlay/OverlayMessage.module.css @@ -0,0 +1,22 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.message { + flex-shrink: 0; + padding: 24px 0px 24px 24px; + overflow: auto; + white-space: pre-wrap; + flex: 1; + + &:not(:first-child) { + padding-top: 0px; + } +} + +.messageBox { + padding-right: 24px; +} diff --git a/webapp/packages/core-blocks/src/Overlay/OverlayMessage.tsx b/webapp/packages/core-blocks/src/Overlay/OverlayMessage.tsx index 1eec2747f5..94906aeda4 100644 --- a/webapp/packages/core-blocks/src/Overlay/OverlayMessage.tsx +++ b/webapp/packages/core-blocks/src/Overlay/OverlayMessage.tsx @@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite'; import { s } from '../s'; import { useS } from '../useS'; -import style from './OverlayMessage.m.css'; +import style from './OverlayMessage.module.css'; interface Props { className?: string; diff --git a/webapp/packages/core-blocks/src/PropertiesTable/PropertiesTable.m.css b/webapp/packages/core-blocks/src/PropertiesTable/PropertiesTable.module.css similarity index 100% rename from webapp/packages/core-blocks/src/PropertiesTable/PropertiesTable.m.css rename to webapp/packages/core-blocks/src/PropertiesTable/PropertiesTable.module.css diff --git a/webapp/packages/core-blocks/src/PropertiesTable/PropertiesTable.tsx b/webapp/packages/core-blocks/src/PropertiesTable/PropertiesTable.tsx index baa076d460..47b3ae23f9 100644 --- a/webapp/packages/core-blocks/src/PropertiesTable/PropertiesTable.tsx +++ b/webapp/packages/core-blocks/src/PropertiesTable/PropertiesTable.tsx @@ -10,18 +10,18 @@ import { observer } from 'mobx-react-lite'; import { useCallback, useMemo, useState } from 'react'; import { Button } from '../Button'; -import ButtonStyles from '../Button.m.css'; +import ButtonStyles from '../Button.module.css'; import { Filter } from '../FormControls/Filter'; -import InputFieldStyles from '../FormControls/InputField/InputField.m.css'; +import InputFieldStyles from '../FormControls/InputField/InputField.module.css'; import { useTranslate } from '../localization/useTranslate'; import { s } from '../s'; import { SContext, StyleRegistry } from '../SContext'; import { useObjectRef } from '../useObjectRef'; import { useS } from '../useS'; import type { IProperty } from './IProperty'; -import styles from './PropertiesTable.m.css'; -import PropertiesTableAddButtonStyles from './PropertiesTableAddButtonStyles.m.css'; -import PropertiesTableInputStyles from './PropertiesTableInputStyles.m.css'; +import styles from './PropertiesTable.module.css'; +import PropertiesTableAddButtonStyles from './PropertiesTableAddButtonStyles.module.css'; +import PropertiesTableInputStyles from './PropertiesTableInputStyles.module.css'; import { PropertyItem } from './PropertyItem'; type PropertiesState = Record; diff --git a/webapp/packages/core-blocks/src/PropertiesTable/PropertiesTableAddButtonStyles.m.css b/webapp/packages/core-blocks/src/PropertiesTable/PropertiesTableAddButtonStyles.m.css deleted file mode 100644 index b22f18246e..0000000000 --- a/webapp/packages/core-blocks/src/PropertiesTable/PropertiesTableAddButtonStyles.m.css +++ /dev/null @@ -1,8 +0,0 @@ -.buttonIcon { - margin-right: 0px !important; -} -.buttonLabel { - composes: theme-typography--caption from global; - text-transform: initial; - font-weight: 600; -} diff --git a/webapp/packages/core-blocks/src/PropertiesTable/PropertiesTableAddButtonStyles.module.css b/webapp/packages/core-blocks/src/PropertiesTable/PropertiesTableAddButtonStyles.module.css new file mode 100644 index 0000000000..7be35025ff --- /dev/null +++ b/webapp/packages/core-blocks/src/PropertiesTable/PropertiesTableAddButtonStyles.module.css @@ -0,0 +1,15 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.buttonIcon { + margin-right: 0px !important; +} +.buttonLabel { + composes: theme-typography--caption from global; + text-transform: initial; + font-weight: 600; +} diff --git a/webapp/packages/core-blocks/src/PropertiesTable/PropertiesTableInputStyles.m.css b/webapp/packages/core-blocks/src/PropertiesTable/PropertiesTableInputStyles.m.css deleted file mode 100644 index 180246ba18..0000000000 --- a/webapp/packages/core-blocks/src/PropertiesTable/PropertiesTableInputStyles.m.css +++ /dev/null @@ -1,11 +0,0 @@ -.input { - composes: theme-background-surface from global; - box-sizing: border-box; - height: 24px; - flex: 1; - margin-left: 8px; -} - -.inputField { - max-width: 100%; -} diff --git a/webapp/packages/core-blocks/src/PropertiesTable/PropertiesTableInputStyles.module.css b/webapp/packages/core-blocks/src/PropertiesTable/PropertiesTableInputStyles.module.css new file mode 100644 index 0000000000..08ff31969e --- /dev/null +++ b/webapp/packages/core-blocks/src/PropertiesTable/PropertiesTableInputStyles.module.css @@ -0,0 +1,18 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.input { + composes: theme-background-surface from global; + box-sizing: border-box; + height: 24px; + flex: 1; + margin-left: 8px; +} + +.inputField { + max-width: 100%; +} diff --git a/webapp/packages/core-blocks/src/PropertiesTable/PropertyItem.m.css b/webapp/packages/core-blocks/src/PropertiesTable/PropertyItem.module.css similarity index 87% rename from webapp/packages/core-blocks/src/PropertiesTable/PropertyItem.m.css rename to webapp/packages/core-blocks/src/PropertiesTable/PropertyItem.module.css index c141d48ce2..e5f4de4251 100644 --- a/webapp/packages/core-blocks/src/PropertiesTable/PropertyItem.m.css +++ b/webapp/packages/core-blocks/src/PropertiesTable/PropertyItem.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .container, .button { composes: theme-ripple from global; diff --git a/webapp/packages/core-blocks/src/PropertiesTable/PropertyItem.tsx b/webapp/packages/core-blocks/src/PropertiesTable/PropertyItem.tsx index 2ca3dffa11..75aa8d9155 100644 --- a/webapp/packages/core-blocks/src/PropertiesTable/PropertyItem.tsx +++ b/webapp/packages/core-blocks/src/PropertiesTable/PropertyItem.tsx @@ -15,7 +15,7 @@ import { useTranslate } from '../localization/useTranslate'; import { s } from '../s'; import { useS } from '../useS'; import type { IProperty } from './IProperty'; -import classes from './PropertyItem.m.css'; +import classes from './PropertyItem.module.css'; import { PropertyValueSelector } from './PropertyValueSelector'; interface Props { diff --git a/webapp/packages/core-blocks/src/PropertiesTable/PropertyValueSelector.m.css b/webapp/packages/core-blocks/src/PropertiesTable/PropertyValueSelector.m.css deleted file mode 100644 index da9d7d57a5..0000000000 --- a/webapp/packages/core-blocks/src/PropertiesTable/PropertyValueSelector.m.css +++ /dev/null @@ -1,7 +0,0 @@ -.menuButton { - composes: theme-ripple from global; - background: transparent; - outline: none; - padding: 4px; - cursor: pointer; -} diff --git a/webapp/packages/core-blocks/src/PropertiesTable/PropertyValueSelector.module.css b/webapp/packages/core-blocks/src/PropertiesTable/PropertyValueSelector.module.css new file mode 100644 index 0000000000..42a34b0a71 --- /dev/null +++ b/webapp/packages/core-blocks/src/PropertiesTable/PropertyValueSelector.module.css @@ -0,0 +1,14 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.menuButton { + composes: theme-ripple from global; + background: transparent; + outline: none; + padding: 4px; + cursor: pointer; +} diff --git a/webapp/packages/core-blocks/src/PropertiesTable/PropertyValueSelector.tsx b/webapp/packages/core-blocks/src/PropertiesTable/PropertyValueSelector.tsx index 79f0008ab0..e48c4c7033 100644 --- a/webapp/packages/core-blocks/src/PropertiesTable/PropertyValueSelector.tsx +++ b/webapp/packages/core-blocks/src/PropertiesTable/PropertyValueSelector.tsx @@ -12,7 +12,7 @@ import { Menu, MenuButton, MenuItem, useMenuState } from 'reakit/Menu'; import { BaseDropdownStyles } from '..'; import { s } from '../s'; import { useS } from '../useS'; -import classes from './PropertyValueSelector.m.css'; +import classes from './PropertyValueSelector.module.css'; interface Props { propertyName?: string; diff --git a/webapp/packages/core-blocks/src/Slide/SlideBox.m.css b/webapp/packages/core-blocks/src/Slide/SlideBox.m.css deleted file mode 100644 index 71404faac8..0000000000 --- a/webapp/packages/core-blocks/src/Slide/SlideBox.m.css +++ /dev/null @@ -1,4 +0,0 @@ -.slideBox { - overflow: hidden; - white-space: nowrap; -} diff --git a/webapp/packages/core-blocks/src/Slide/SlideBox.module.css b/webapp/packages/core-blocks/src/Slide/SlideBox.module.css new file mode 100644 index 0000000000..77b88deb96 --- /dev/null +++ b/webapp/packages/core-blocks/src/Slide/SlideBox.module.css @@ -0,0 +1,11 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.slideBox { + overflow: hidden; + white-space: nowrap; +} diff --git a/webapp/packages/core-blocks/src/Slide/SlideBox.tsx b/webapp/packages/core-blocks/src/Slide/SlideBox.tsx index 03d44ce4f6..b4f6ce0db7 100644 --- a/webapp/packages/core-blocks/src/Slide/SlideBox.tsx +++ b/webapp/packages/core-blocks/src/Slide/SlideBox.tsx @@ -9,9 +9,9 @@ import { observer } from 'mobx-react-lite'; import { useEffect, useRef } from 'react'; import { s, useS } from '../index'; -import SlideBoxStyles from './SlideBox.m.css'; -import SlideBoxElementStyles from './SlideElement.m.css'; -import SlideBoxOverlayStyles from './SlideOverlay.m.css'; +import SlideBoxStyles from './SlideBox.module.css'; +import SlideBoxElementStyles from './SlideElement.module.css'; +import SlideBoxOverlayStyles from './SlideOverlay.module.css'; interface Props { className?: string; diff --git a/webapp/packages/core-blocks/src/Slide/SlideElement.m.css b/webapp/packages/core-blocks/src/Slide/SlideElement.module.css similarity index 65% rename from webapp/packages/core-blocks/src/Slide/SlideElement.m.css rename to webapp/packages/core-blocks/src/Slide/SlideElement.module.css index 8e8bf031b8..a12f0a1f81 100644 --- a/webapp/packages/core-blocks/src/Slide/SlideElement.m.css +++ b/webapp/packages/core-blocks/src/Slide/SlideElement.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .slideElement { width: 100%; height: 100%; diff --git a/webapp/packages/core-blocks/src/Slide/SlideElement.tsx b/webapp/packages/core-blocks/src/Slide/SlideElement.tsx index 3d332b0a33..18a3cf0a87 100644 --- a/webapp/packages/core-blocks/src/Slide/SlideElement.tsx +++ b/webapp/packages/core-blocks/src/Slide/SlideElement.tsx @@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite'; import { s } from '../s'; import { useS } from '../useS'; -import style from './SlideElement.m.css'; +import style from './SlideElement.module.css'; interface Props { className?: string; diff --git a/webapp/packages/core-blocks/src/Slide/SlideOverlay.m.css b/webapp/packages/core-blocks/src/Slide/SlideOverlay.module.css similarity index 76% rename from webapp/packages/core-blocks/src/Slide/SlideOverlay.m.css rename to webapp/packages/core-blocks/src/Slide/SlideOverlay.module.css index 24fe671718..e33a01932d 100644 --- a/webapp/packages/core-blocks/src/Slide/SlideOverlay.m.css +++ b/webapp/packages/core-blocks/src/Slide/SlideOverlay.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .slideOverlay { z-index: 1; position: absolute; diff --git a/webapp/packages/core-blocks/src/Slide/SlideOverlay.tsx b/webapp/packages/core-blocks/src/Slide/SlideOverlay.tsx index 6daaaa0687..05c49e1c85 100644 --- a/webapp/packages/core-blocks/src/Slide/SlideOverlay.tsx +++ b/webapp/packages/core-blocks/src/Slide/SlideOverlay.tsx @@ -10,7 +10,7 @@ import { observer } from 'mobx-react-lite'; import { Icon } from '../Icon'; import { s } from '../s'; import { useS } from '../useS'; -import style from './SlideOverlay.m.css'; +import style from './SlideOverlay.module.css'; interface Props { className?: string; diff --git a/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarBody.m.css b/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarBody.module.css similarity index 72% rename from webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarBody.m.css rename to webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarBody.module.css index f667455c31..549c8ba631 100644 --- a/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarBody.m.css +++ b/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarBody.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .notificationBody { display: flex; flex-direction: column; diff --git a/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarBody.tsx b/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarBody.tsx index 342fd631c3..3e67cac3b2 100644 --- a/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarBody.tsx +++ b/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarBody.tsx @@ -7,7 +7,7 @@ */ import { s } from '../../s'; import { useS } from '../../useS'; -import style from './SnackbarBody.m.css'; +import style from './SnackbarBody.module.css'; interface Props { title: string; diff --git a/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarContent.m.css b/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarContent.m.css deleted file mode 100644 index 0fad234a1c..0000000000 --- a/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarContent.m.css +++ /dev/null @@ -1,6 +0,0 @@ -.notificationContent { - display: flex; - flex-direction: column; - flex: 1; - overflow: hidden; -} diff --git a/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarContent.module.css b/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarContent.module.css new file mode 100644 index 0000000000..8b69b1ac4e --- /dev/null +++ b/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarContent.module.css @@ -0,0 +1,13 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.notificationContent { + display: flex; + flex-direction: column; + flex: 1; + overflow: hidden; +} diff --git a/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarContent.tsx b/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarContent.tsx index cd25e4c299..47b6717c2e 100644 --- a/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarContent.tsx +++ b/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarContent.tsx @@ -7,7 +7,7 @@ */ import { s } from '../../s'; import { useS } from '../../useS'; -import style from './SnackbarContent.m.css'; +import style from './SnackbarContent.module.css'; interface Props { className?: string; diff --git a/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarFooter.m.css b/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarFooter.module.css similarity index 55% rename from webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarFooter.m.css rename to webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarFooter.module.css index ea037a60c5..b452e09ce0 100644 --- a/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarFooter.m.css +++ b/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarFooter.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .notificationFooter { display: flex; align-items: flex-end; diff --git a/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarFooter.tsx b/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarFooter.tsx index fb4f97b8e2..33dd688c77 100644 --- a/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarFooter.tsx +++ b/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarFooter.tsx @@ -7,7 +7,7 @@ */ import { s } from '../../s'; import { useS } from '../../useS'; -import style from './SnackbarFooter.m.css'; +import style from './SnackbarFooter.module.css'; interface Props { timestamp: number; diff --git a/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarStatus.m.css b/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarStatus.m.css deleted file mode 100644 index ff84a50bcd..0000000000 --- a/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarStatus.m.css +++ /dev/null @@ -1,11 +0,0 @@ -.notificationMark { - padding-right: 12px; -} - -.loaderContainer { - padding-right: 12px; - & .loader { - width: 40px; - height: 40px; - } -} diff --git a/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarStatus.module.css b/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarStatus.module.css new file mode 100644 index 0000000000..de80c1278c --- /dev/null +++ b/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarStatus.module.css @@ -0,0 +1,18 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.notificationMark { + padding-right: 12px; +} + +.loaderContainer { + padding-right: 12px; + & .loader { + width: 40px; + height: 40px; + } +} diff --git a/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarStatus.tsx b/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarStatus.tsx index 4cfb0c6857..db79de40aa 100644 --- a/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarStatus.tsx +++ b/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarStatus.tsx @@ -11,7 +11,7 @@ import { Loader } from '../../Loader/Loader'; import { s } from '../../s'; import { useS } from '../../useS'; import { NotificationMark } from '../NotificationMark'; -import style from './SnackbarStatus.m.css'; +import style from './SnackbarStatus.module.css'; interface SnackbarStatusProps { status: ENotificationType; diff --git a/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarWrapper.m.css b/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarWrapper.module.css similarity index 100% rename from webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarWrapper.m.css rename to webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarWrapper.module.css diff --git a/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarWrapper.tsx b/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarWrapper.tsx index 4fb5119323..8ff8ab58b1 100644 --- a/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarWrapper.tsx +++ b/webapp/packages/core-blocks/src/Snackbars/SnackbarMarkups/SnackbarWrapper.tsx @@ -11,7 +11,7 @@ import { ActionIconButton } from '../../ActionIconButton'; import { useTranslate } from '../../localization/useTranslate'; import { s } from '../../s'; import { useS } from '../../useS'; -import style from './SnackbarWrapper.m.css'; +import style from './SnackbarWrapper.module.css'; interface Props { closing?: boolean; diff --git a/webapp/packages/core-blocks/src/Split/Pane.m.css b/webapp/packages/core-blocks/src/Split/Pane.m.css deleted file mode 100644 index cae141124b..0000000000 --- a/webapp/packages/core-blocks/src/Split/Pane.m.css +++ /dev/null @@ -1,5 +0,0 @@ -.pane { - flex: 1 1 0%; - overflow: auto; - z-index: 0; -} diff --git a/webapp/packages/core-blocks/src/Split/Pane.module.css b/webapp/packages/core-blocks/src/Split/Pane.module.css new file mode 100644 index 0000000000..135c9ef13c --- /dev/null +++ b/webapp/packages/core-blocks/src/Split/Pane.module.css @@ -0,0 +1,12 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.pane { + flex: 1 1 0%; + overflow: auto; + z-index: 0; +} diff --git a/webapp/packages/core-blocks/src/Split/Pane.tsx b/webapp/packages/core-blocks/src/Split/Pane.tsx index 69372ab6cf..61b724c653 100644 --- a/webapp/packages/core-blocks/src/Split/Pane.tsx +++ b/webapp/packages/core-blocks/src/Split/Pane.tsx @@ -10,7 +10,7 @@ import { observer } from 'mobx-react-lite'; import { s } from '../s'; import { useS } from '../useS'; -import style from './Pane.m.css'; +import style from './Pane.module.css'; import { useSplit } from './useSplit'; export const Pane = observer(function Pane({ className, children, ...rest }) { diff --git a/webapp/packages/core-blocks/src/Split/ResizeControls.m.css b/webapp/packages/core-blocks/src/Split/ResizeControls.module.css similarity index 76% rename from webapp/packages/core-blocks/src/Split/ResizeControls.m.css rename to webapp/packages/core-blocks/src/Split/ResizeControls.module.css index 57ce16b931..07cfdb2a69 100644 --- a/webapp/packages/core-blocks/src/Split/ResizeControls.m.css +++ b/webapp/packages/core-blocks/src/Split/ResizeControls.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .resizerControls { composes: theme-background-background theme-text-on-secondary from global; position: relative; diff --git a/webapp/packages/core-blocks/src/Split/ResizerControls.tsx b/webapp/packages/core-blocks/src/Split/ResizerControls.tsx index 81719a343f..e2dc583620 100644 --- a/webapp/packages/core-blocks/src/Split/ResizerControls.tsx +++ b/webapp/packages/core-blocks/src/Split/ResizerControls.tsx @@ -10,7 +10,7 @@ import { observer } from 'mobx-react-lite'; import { s } from '../s'; import { useS } from '../useS'; -import style from './ResizeControls.m.css'; +import style from './ResizeControls.module.css'; import { SplitControls } from './SplitControls'; import { useSplit } from './useSplit'; diff --git a/webapp/packages/core-blocks/src/Split/Split.m.css b/webapp/packages/core-blocks/src/Split/Split.m.css deleted file mode 100644 index ae669a3aa0..0000000000 --- a/webapp/packages/core-blocks/src/Split/Split.m.css +++ /dev/null @@ -1,15 +0,0 @@ -.split { - display: flex; - flex: 1; - overflow: hidden; - z-index: 0; - - &.vertical { - flex-direction: row; - } - - &.horizontal { - flex-direction: column; - height: 100%; - } -} diff --git a/webapp/packages/core-blocks/src/Split/Split.module.css b/webapp/packages/core-blocks/src/Split/Split.module.css new file mode 100644 index 0000000000..f6b62da9b3 --- /dev/null +++ b/webapp/packages/core-blocks/src/Split/Split.module.css @@ -0,0 +1,22 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.split { + display: flex; + flex: 1; + overflow: hidden; + z-index: 0; + + &.vertical { + flex-direction: row; + } + + &.horizontal { + flex-direction: column; + height: 100%; + } +} diff --git a/webapp/packages/core-blocks/src/Split/Split.tsx b/webapp/packages/core-blocks/src/Split/Split.tsx index 0a501bc921..053162d055 100644 --- a/webapp/packages/core-blocks/src/Split/Split.tsx +++ b/webapp/packages/core-blocks/src/Split/Split.tsx @@ -10,7 +10,7 @@ import { observer } from 'mobx-react-lite'; import { s } from '../s'; import { useS } from '../useS'; -import style from './Split.m.css'; +import style from './Split.module.css'; export type ISplitProps = SplitProps & { disableAutoMargin?: boolean; diff --git a/webapp/packages/core-blocks/src/Split/SplitControls.m.css b/webapp/packages/core-blocks/src/Split/SplitControls.module.css similarity index 90% rename from webapp/packages/core-blocks/src/Split/SplitControls.m.css rename to webapp/packages/core-blocks/src/Split/SplitControls.module.css index 091c45edc1..81a68c3840 100644 --- a/webapp/packages/core-blocks/src/Split/SplitControls.m.css +++ b/webapp/packages/core-blocks/src/Split/SplitControls.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .container { position: absolute; display: flex; diff --git a/webapp/packages/core-blocks/src/Split/SplitControls.tsx b/webapp/packages/core-blocks/src/Split/SplitControls.tsx index 62b198070f..b3bed9a82e 100644 --- a/webapp/packages/core-blocks/src/Split/SplitControls.tsx +++ b/webapp/packages/core-blocks/src/Split/SplitControls.tsx @@ -8,7 +8,7 @@ import { s } from '../s'; import { useObjectRef } from '../useObjectRef'; import { useS } from '../useS'; -import SplitControlsStyles from './SplitControls.m.css'; +import SplitControlsStyles from './SplitControls.module.css'; import { useSplit } from './useSplit'; export const SplitControls: React.FC = function SplitControls() { diff --git a/webapp/packages/core-blocks/src/StaticImage.m.css b/webapp/packages/core-blocks/src/StaticImage.module.css similarity index 100% rename from webapp/packages/core-blocks/src/StaticImage.m.css rename to webapp/packages/core-blocks/src/StaticImage.module.css diff --git a/webapp/packages/core-blocks/src/StaticImage.tsx b/webapp/packages/core-blocks/src/StaticImage.tsx index e5d2abd4d1..17503b8a5f 100644 --- a/webapp/packages/core-blocks/src/StaticImage.tsx +++ b/webapp/packages/core-blocks/src/StaticImage.tsx @@ -8,7 +8,7 @@ import { GlobalConstants, isValidUrl } from '@cloudbeaver/core-utils'; import { s } from './s'; -import style from './StaticImage.m.css'; +import style from './StaticImage.module.css'; import { useS } from './useS'; interface Props { diff --git a/webapp/packages/core-blocks/src/StatusMessage.m.css b/webapp/packages/core-blocks/src/StatusMessage.module.css similarity index 59% rename from webapp/packages/core-blocks/src/StatusMessage.m.css rename to webapp/packages/core-blocks/src/StatusMessage.module.css index 0ff3f4b1c3..9528229360 100644 --- a/webapp/packages/core-blocks/src/StatusMessage.m.css +++ b/webapp/packages/core-blocks/src/StatusMessage.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .statusMessage { overflow: hidden; composes: theme-typography--caption from global; diff --git a/webapp/packages/core-blocks/src/StatusMessage.tsx b/webapp/packages/core-blocks/src/StatusMessage.tsx index e88adaa09a..46fd21c648 100644 --- a/webapp/packages/core-blocks/src/StatusMessage.tsx +++ b/webapp/packages/core-blocks/src/StatusMessage.tsx @@ -13,7 +13,7 @@ import { IconOrImage } from './IconOrImage'; import { Link } from './Link'; import { useTranslate } from './localization/useTranslate'; import { s } from './s'; -import style from './StatusMessage.m.css'; +import style from './StatusMessage.module.css'; import { useErrorDetails } from './useErrorDetails'; import { useS } from './useS'; diff --git a/webapp/packages/core-blocks/src/Table/Table.m.css b/webapp/packages/core-blocks/src/Table/Table.module.css similarity index 60% rename from webapp/packages/core-blocks/src/Table/Table.m.css rename to webapp/packages/core-blocks/src/Table/Table.module.css index 9223a94f2c..ca458cf37e 100644 --- a/webapp/packages/core-blocks/src/Table/Table.m.css +++ b/webapp/packages/core-blocks/src/Table/Table.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .table { composes: theme-typography--body2 from global; min-width: 100%; diff --git a/webapp/packages/core-blocks/src/Table/Table.tsx b/webapp/packages/core-blocks/src/Table/Table.tsx index d8c080f6c3..7ef638b8d4 100644 --- a/webapp/packages/core-blocks/src/Table/Table.tsx +++ b/webapp/packages/core-blocks/src/Table/Table.tsx @@ -13,7 +13,7 @@ import { s } from '../s'; import { useObjectRef } from '../useObjectRef'; import { useObservableRef } from '../useObservableRef'; import { useS } from '../useS'; -import style from './Table.m.css'; +import style from './Table.module.css'; import { ITableContext, ITableState, TableContext } from './TableContext'; interface Props { diff --git a/webapp/packages/core-blocks/src/Table/TableColumnHeader.m.css b/webapp/packages/core-blocks/src/Table/TableColumnHeader.module.css similarity index 70% rename from webapp/packages/core-blocks/src/Table/TableColumnHeader.m.css rename to webapp/packages/core-blocks/src/Table/TableColumnHeader.module.css index 3a0dd10591..0742588be9 100644 --- a/webapp/packages/core-blocks/src/Table/TableColumnHeader.m.css +++ b/webapp/packages/core-blocks/src/Table/TableColumnHeader.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .columnHeader { box-sizing: border-box; white-space: nowrap; diff --git a/webapp/packages/core-blocks/src/Table/TableColumnHeader.tsx b/webapp/packages/core-blocks/src/Table/TableColumnHeader.tsx index c207b8726c..3390f6c113 100644 --- a/webapp/packages/core-blocks/src/Table/TableColumnHeader.tsx +++ b/webapp/packages/core-blocks/src/Table/TableColumnHeader.tsx @@ -7,8 +7,8 @@ */ import { s } from '../s'; import { useS } from '../useS'; -import tableStyles from './Table.m.css'; -import style from './TableColumnHeader.m.css'; +import tableStyles from './Table.module.css'; +import style from './TableColumnHeader.module.css'; interface Props { title?: string; diff --git a/webapp/packages/core-blocks/src/Table/TableColumnValue.m.css b/webapp/packages/core-blocks/src/Table/TableColumnValue.module.css similarity index 67% rename from webapp/packages/core-blocks/src/Table/TableColumnValue.m.css rename to webapp/packages/core-blocks/src/Table/TableColumnValue.module.css index 9f30170130..3918a9c03f 100644 --- a/webapp/packages/core-blocks/src/Table/TableColumnValue.m.css +++ b/webapp/packages/core-blocks/src/Table/TableColumnValue.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .cell { position: relative; box-sizing: border-box; diff --git a/webapp/packages/core-blocks/src/Table/TableColumnValue.tsx b/webapp/packages/core-blocks/src/Table/TableColumnValue.tsx index 1c8073e2f7..ea6b57d0de 100644 --- a/webapp/packages/core-blocks/src/Table/TableColumnValue.tsx +++ b/webapp/packages/core-blocks/src/Table/TableColumnValue.tsx @@ -15,7 +15,7 @@ import { useObjectRef } from '../useObjectRef'; import { useS } from '../useS'; import { EventTableItemExpandFlag } from './EventTableItemExpandFlag'; import { EventTableItemSelectionFlag } from './EventTableItemSelectionFlag'; -import style from './TableColumnValue.m.css'; +import style from './TableColumnValue.module.css'; import { TableContext } from './TableContext'; import { TableItemContext } from './TableItemContext'; diff --git a/webapp/packages/core-blocks/src/Table/TableHeader.m.css b/webapp/packages/core-blocks/src/Table/TableHeader.module.css similarity index 100% rename from webapp/packages/core-blocks/src/Table/TableHeader.m.css rename to webapp/packages/core-blocks/src/Table/TableHeader.module.css diff --git a/webapp/packages/core-blocks/src/Table/TableHeader.tsx b/webapp/packages/core-blocks/src/Table/TableHeader.tsx index 09b4e1cdea..0451f419b3 100644 --- a/webapp/packages/core-blocks/src/Table/TableHeader.tsx +++ b/webapp/packages/core-blocks/src/Table/TableHeader.tsx @@ -7,7 +7,7 @@ */ import { s } from '../s'; import { useS } from '../useS'; -import style from './TableHeader.m.css'; +import style from './TableHeader.module.css'; interface Props { fixed?: boolean; diff --git a/webapp/packages/core-blocks/src/Table/TableItem.m.css b/webapp/packages/core-blocks/src/Table/TableItem.module.css similarity index 59% rename from webapp/packages/core-blocks/src/Table/TableItem.m.css rename to webapp/packages/core-blocks/src/Table/TableItem.module.css index 7b14d8df28..d75316ae6e 100644 --- a/webapp/packages/core-blocks/src/Table/TableItem.m.css +++ b/webapp/packages/core-blocks/src/Table/TableItem.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .row { outline: none; border-bottom: 1px solid; diff --git a/webapp/packages/core-blocks/src/Table/TableItem.tsx b/webapp/packages/core-blocks/src/Table/TableItem.tsx index a6d72b67ce..e24db6700f 100644 --- a/webapp/packages/core-blocks/src/Table/TableItem.tsx +++ b/webapp/packages/core-blocks/src/Table/TableItem.tsx @@ -16,9 +16,9 @@ import { s } from '../s'; import { useObjectRef } from '../useObjectRef'; import { useS } from '../useS'; import { EventTableItemSelectionFlag } from './EventTableItemSelectionFlag'; -import cellStyles from './TableColumnValue.m.css'; +import cellStyles from './TableColumnValue.module.css'; import { TableContext } from './TableContext'; -import rowStyles from './TableItem.m.css'; +import rowStyles from './TableItem.module.css'; import { ITableItemContext, TableItemContext } from './TableItemContext'; export interface TableItemExpandProps { diff --git a/webapp/packages/core-blocks/src/Table/TableItemExpand.m.css b/webapp/packages/core-blocks/src/Table/TableItemExpand.module.css similarity index 57% rename from webapp/packages/core-blocks/src/Table/TableItemExpand.m.css rename to webapp/packages/core-blocks/src/Table/TableItemExpand.module.css index fb53a891d2..6d640aaeee 100644 --- a/webapp/packages/core-blocks/src/Table/TableItemExpand.m.css +++ b/webapp/packages/core-blocks/src/Table/TableItemExpand.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .tableItemExpandBox { display: flex; align-items: center; diff --git a/webapp/packages/core-blocks/src/Table/TableItemExpand.tsx b/webapp/packages/core-blocks/src/Table/TableItemExpand.tsx index dd1d8e37be..0f768e86c8 100644 --- a/webapp/packages/core-blocks/src/Table/TableItemExpand.tsx +++ b/webapp/packages/core-blocks/src/Table/TableItemExpand.tsx @@ -18,7 +18,7 @@ import { EventTableItemExpandFlag } from './EventTableItemExpandFlag'; import { EventTableItemSelectionFlag } from './EventTableItemSelectionFlag'; import { TableContext } from './TableContext'; import { TableItemContext } from './TableItemContext'; -import style from './TableItemExpand.m.css'; +import style from './TableItemExpand.module.css'; interface Props { onExpand?: (item: any, state: boolean) => void; diff --git a/webapp/packages/core-blocks/src/Table/TableItemSelect.m.css b/webapp/packages/core-blocks/src/Table/TableItemSelect.m.css deleted file mode 100644 index 3f390620cd..0000000000 --- a/webapp/packages/core-blocks/src/Table/TableItemSelect.m.css +++ /dev/null @@ -1,4 +0,0 @@ -.checkbox { - margin-left: -10px; - margin-right: -10px; -} \ No newline at end of file diff --git a/webapp/packages/core-blocks/src/Table/TableItemSelect.module.css b/webapp/packages/core-blocks/src/Table/TableItemSelect.module.css new file mode 100644 index 0000000000..88332bb14f --- /dev/null +++ b/webapp/packages/core-blocks/src/Table/TableItemSelect.module.css @@ -0,0 +1,11 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.checkbox { + margin-left: -10px; + margin-right: -10px; +} diff --git a/webapp/packages/core-blocks/src/Table/TableItemSelect.tsx b/webapp/packages/core-blocks/src/Table/TableItemSelect.tsx index 6b6d3c3a4c..b5a0591466 100644 --- a/webapp/packages/core-blocks/src/Table/TableItemSelect.tsx +++ b/webapp/packages/core-blocks/src/Table/TableItemSelect.tsx @@ -11,12 +11,12 @@ import { useContext } from 'react'; import { EventContext } from '@cloudbeaver/core-events'; import { Checkbox } from '../FormControls/Checkboxes/Checkbox'; +import { s } from '../s'; +import { useS } from '../useS'; import { EventTableItemSelectionFlag } from './EventTableItemSelectionFlag'; import { TableContext } from './TableContext'; import { TableItemContext } from './TableItemContext'; -import { useS } from '../useS'; -import styles from './TableItemSelect.m.css'; -import { s } from '../s'; +import styles from './TableItemSelect.module.css'; interface Props { checked?: boolean; @@ -45,12 +45,12 @@ export const TableItemSelect = observer(function TableItemSelect({ checke } return ( - ); }); diff --git a/webapp/packages/core-blocks/src/Table/TableItemSeparator.tsx b/webapp/packages/core-blocks/src/Table/TableItemSeparator.tsx index 90116be155..99b60d1e81 100644 --- a/webapp/packages/core-blocks/src/Table/TableItemSeparator.tsx +++ b/webapp/packages/core-blocks/src/Table/TableItemSeparator.tsx @@ -9,8 +9,8 @@ import { observer } from 'mobx-react-lite'; import { s } from '../s'; import { useS } from '../useS'; -import cellStyles from './TableColumnValue.m.css'; -import rowStyles from './TableItem.m.css'; +import cellStyles from './TableColumnValue.module.css'; +import rowStyles from './TableItem.module.css'; interface Props { colSpan?: number; diff --git a/webapp/packages/core-blocks/src/Table/TableSelect.m.css b/webapp/packages/core-blocks/src/Table/TableSelect.m.css deleted file mode 100644 index 1f1391d6ba..0000000000 --- a/webapp/packages/core-blocks/src/Table/TableSelect.m.css +++ /dev/null @@ -1,4 +0,0 @@ -.tableSelect { - margin-left: -10px; - margin-right: -10px; -} diff --git a/webapp/packages/core-blocks/src/Table/TableSelect.module.css b/webapp/packages/core-blocks/src/Table/TableSelect.module.css new file mode 100644 index 0000000000..cc765010a9 --- /dev/null +++ b/webapp/packages/core-blocks/src/Table/TableSelect.module.css @@ -0,0 +1,11 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.tableSelect { + margin-left: -10px; + margin-right: -10px; +} diff --git a/webapp/packages/core-blocks/src/Table/TableSelect.tsx b/webapp/packages/core-blocks/src/Table/TableSelect.tsx index d2af6f663a..5feec852e9 100644 --- a/webapp/packages/core-blocks/src/Table/TableSelect.tsx +++ b/webapp/packages/core-blocks/src/Table/TableSelect.tsx @@ -13,7 +13,7 @@ import { useTranslate } from '../localization/useTranslate'; import { s } from '../s'; import { useS } from '../useS'; import { TableContext } from './TableContext'; -import style from './TableSelect.m.css'; +import style from './TableSelect.module.css'; interface Props { id?: string; diff --git a/webapp/packages/core-blocks/src/Tags/Tag.tsx b/webapp/packages/core-blocks/src/Tags/Tag.tsx index fd82fd0363..fb7b47f253 100644 --- a/webapp/packages/core-blocks/src/Tags/Tag.tsx +++ b/webapp/packages/core-blocks/src/Tags/Tag.tsx @@ -8,9 +8,9 @@ import { observer } from 'mobx-react-lite'; import { IconOrImage } from '../IconOrImage'; -import { useS } from '../useS'; import { s } from '../s'; -import style from './Tags.m.css'; +import { useS } from '../useS'; +import style from './Tags.module.css'; export interface ITag { id: T; diff --git a/webapp/packages/core-blocks/src/Tags/Tags.m.css b/webapp/packages/core-blocks/src/Tags/Tags.module.css similarity index 81% rename from webapp/packages/core-blocks/src/Tags/Tags.m.css rename to webapp/packages/core-blocks/src/Tags/Tags.module.css index 6c5d5642f1..49e97c46f0 100644 --- a/webapp/packages/core-blocks/src/Tags/Tags.m.css +++ b/webapp/packages/core-blocks/src/Tags/Tags.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .tags { padding: 0; margin: 0; diff --git a/webapp/packages/core-blocks/src/Tags/Tags.tsx b/webapp/packages/core-blocks/src/Tags/Tags.tsx index 73fef74a67..600628b17a 100644 --- a/webapp/packages/core-blocks/src/Tags/Tags.tsx +++ b/webapp/packages/core-blocks/src/Tags/Tags.tsx @@ -6,9 +6,10 @@ * you may not use this file except in compliance with the License. */ import { observer } from 'mobx-react-lite'; + import { s } from '../s'; import { useS } from '../useS'; -import style from './Tags.m.css'; +import style from './Tags.module.css'; interface Props { className?: string; @@ -16,10 +17,6 @@ interface Props { export const Tags = observer>(function Tags({ children, className }) { const styles = useS(style); - - return ( -
    - {children} -
- ); + + return
    {children}
; }); diff --git a/webapp/packages/core-blocks/src/TextPlaceholder.m.css b/webapp/packages/core-blocks/src/TextPlaceholder.m.css deleted file mode 100644 index bb171c3539..0000000000 --- a/webapp/packages/core-blocks/src/TextPlaceholder.m.css +++ /dev/null @@ -1,12 +0,0 @@ -.container { - flex: 1; - display: flex; - width: 100%; - height: 100%; - min-width: 230px; - margin: auto; -} -.content { - margin: auto; - text-align: center; -} diff --git a/webapp/packages/core-blocks/src/TextPlaceholder.module.css b/webapp/packages/core-blocks/src/TextPlaceholder.module.css new file mode 100644 index 0000000000..db2248004d --- /dev/null +++ b/webapp/packages/core-blocks/src/TextPlaceholder.module.css @@ -0,0 +1,19 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.container { + flex: 1; + display: flex; + width: 100%; + height: 100%; + min-width: 230px; + margin: auto; +} +.content { + margin: auto; + text-align: center; +} diff --git a/webapp/packages/core-blocks/src/TextPlaceholder.tsx b/webapp/packages/core-blocks/src/TextPlaceholder.tsx index d272383d47..a9c36a66d2 100644 --- a/webapp/packages/core-blocks/src/TextPlaceholder.tsx +++ b/webapp/packages/core-blocks/src/TextPlaceholder.tsx @@ -5,10 +5,11 @@ * Licensed under the Apache License, Version 2.0. * you may not use this file except in compliance with the License. */ +import { observer } from 'mobx-react-lite'; + import { s } from './s'; -import style from './TextPlaceholder.m.css'; +import style from './TextPlaceholder.module.css'; import { useS } from './useS'; -import {observer} from "mobx-react-lite"; interface Props { className?: string; diff --git a/webapp/packages/core-blocks/src/TimerIcon.m.css b/webapp/packages/core-blocks/src/TimerIcon.module.css similarity index 74% rename from webapp/packages/core-blocks/src/TimerIcon.m.css rename to webapp/packages/core-blocks/src/TimerIcon.module.css index bfe95f5651..3a364533a0 100644 --- a/webapp/packages/core-blocks/src/TimerIcon.m.css +++ b/webapp/packages/core-blocks/src/TimerIcon.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .timer { position: relative; width: 16px; diff --git a/webapp/packages/core-blocks/src/TimerIcon.tsx b/webapp/packages/core-blocks/src/TimerIcon.tsx index d3f3cd722d..f87620d475 100644 --- a/webapp/packages/core-blocks/src/TimerIcon.tsx +++ b/webapp/packages/core-blocks/src/TimerIcon.tsx @@ -5,13 +5,13 @@ * Licensed under the Apache License, Version 2.0. * you may not use this file except in compliance with the License. */ +import { observer } from 'mobx-react-lite'; import type React from 'react'; import { Icon } from './Icon'; import { s } from './s'; -import style from './TimerIcon.m.css'; +import style from './TimerIcon.module.css'; import { useS } from './useS'; -import {observer} from "mobx-react-lite"; interface Props { state: 'play' | 'stop'; diff --git a/webapp/packages/core-blocks/src/ToolsPanel/ToolsAction.m.css b/webapp/packages/core-blocks/src/ToolsPanel/ToolsAction.module.css similarity index 100% rename from webapp/packages/core-blocks/src/ToolsPanel/ToolsAction.m.css rename to webapp/packages/core-blocks/src/ToolsPanel/ToolsAction.module.css diff --git a/webapp/packages/core-blocks/src/ToolsPanel/ToolsAction.tsx b/webapp/packages/core-blocks/src/ToolsPanel/ToolsAction.tsx index 6cd32dd8f4..d92a80a265 100644 --- a/webapp/packages/core-blocks/src/ToolsPanel/ToolsAction.tsx +++ b/webapp/packages/core-blocks/src/ToolsPanel/ToolsAction.tsx @@ -12,7 +12,7 @@ import { Loader } from '../Loader/Loader'; import { s } from '../s'; import { useS } from '../useS'; import { useStateDelay } from '../useStateDelay'; -import style from './ToolsAction.m.css'; +import style from './ToolsAction.module.css'; interface Props extends Omit, 'onClick'> { icon?: string; diff --git a/webapp/packages/core-blocks/src/ToolsPanel/ToolsPanel.m.css b/webapp/packages/core-blocks/src/ToolsPanel/ToolsPanel.module.css similarity index 100% rename from webapp/packages/core-blocks/src/ToolsPanel/ToolsPanel.m.css rename to webapp/packages/core-blocks/src/ToolsPanel/ToolsPanel.module.css diff --git a/webapp/packages/core-blocks/src/ToolsPanel/ToolsPanel.tsx b/webapp/packages/core-blocks/src/ToolsPanel/ToolsPanel.tsx index 45076e4141..07b415084a 100644 --- a/webapp/packages/core-blocks/src/ToolsPanel/ToolsPanel.tsx +++ b/webapp/packages/core-blocks/src/ToolsPanel/ToolsPanel.tsx @@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite'; import { s } from '../s'; import { useS } from '../useS'; -import style from './ToolsPanel.m.css'; +import style from './ToolsPanel.module.css'; type TType = 'primary' | 'secondary'; interface Props { diff --git a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNode.m.css b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNode.m.css deleted file mode 100644 index 8949559b9a..0000000000 --- a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNode.m.css +++ /dev/null @@ -1,5 +0,0 @@ -.node { - box-sizing: border-box; - width: inherit; - min-width: 100%; -} diff --git a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNode.module.css b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNode.module.css new file mode 100644 index 0000000000..5404b45428 --- /dev/null +++ b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNode.module.css @@ -0,0 +1,12 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.node { + box-sizing: border-box; + width: inherit; + min-width: 100%; +} diff --git a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNode.tsx b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNode.tsx index cf92053d16..c465750d7b 100644 --- a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNode.tsx +++ b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNode.tsx @@ -14,7 +14,7 @@ import { useObjectRef } from '../../useObjectRef'; import { useObservableRef } from '../../useObservableRef'; import { useS } from '../../useS'; import type { ITreeNodeState } from './ITreeNodeState'; -import style from './TreeNode.m.css'; +import style from './TreeNode.module.css'; import { ITreeNodeContext, TreeNodeContext } from './TreeNodeContext'; interface Props extends ITreeNodeState { diff --git a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeControl.m.css b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeControl.module.css similarity index 68% rename from webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeControl.m.css rename to webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeControl.module.css index 9147a3540b..4fc6531fd2 100644 --- a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeControl.m.css +++ b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeControl.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .treeNodeControl { composes: theme-ripple theme-ripple-selectable from global; box-sizing: border-box; diff --git a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeControl.tsx b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeControl.tsx index fded3084ed..61d6562e3d 100644 --- a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeControl.tsx +++ b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeControl.tsx @@ -17,7 +17,7 @@ import { EventTreeNodeExpandFlag } from './EventTreeNodeExpandFlag'; import { EventTreeNodeSelectFlag } from './EventTreeNodeSelectFlag'; import type { ITreeNodeState } from './ITreeNodeState'; import { TreeNodeContext } from './TreeNodeContext'; -import style from './TreeNodeControl.m.css'; +import style from './TreeNodeControl.module.css'; const KEY = { ENTER: 'Enter', diff --git a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeExpand.m.css b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeExpand.module.css similarity index 59% rename from webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeExpand.m.css rename to webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeExpand.module.css index c7df095e88..c5719a6b8b 100644 --- a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeExpand.m.css +++ b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeExpand.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .treeNodeExpand { position: relative; display: flex; diff --git a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeExpand.tsx b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeExpand.tsx index 49b8c15252..dbb8dd1d7c 100644 --- a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeExpand.tsx +++ b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeExpand.tsx @@ -20,7 +20,7 @@ import { useS } from '../../useS'; import { useStateDelay } from '../../useStateDelay'; import { EventTreeNodeExpandFlag } from './EventTreeNodeExpandFlag'; import { TreeNodeContext } from './TreeNodeContext'; -import style from './TreeNodeExpand.m.css'; +import style from './TreeNodeExpand.module.css'; interface Props { leaf?: boolean; diff --git a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeIcon.m.css b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeIcon.m.css deleted file mode 100644 index 8dd258248a..0000000000 --- a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeIcon.m.css +++ /dev/null @@ -1,13 +0,0 @@ -.treeNodeIcon { - position: relative; - box-sizing: border-box; - pointer-events: none; - flex-shrink: 0; - width: 16px; - height: 16px; -} - -.staticImage { - position: relative; - height: 100%; -} diff --git a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeIcon.module.css b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeIcon.module.css new file mode 100644 index 0000000000..7aaee65e7e --- /dev/null +++ b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeIcon.module.css @@ -0,0 +1,20 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.treeNodeIcon { + position: relative; + box-sizing: border-box; + pointer-events: none; + flex-shrink: 0; + width: 16px; + height: 16px; +} + +.staticImage { + position: relative; + height: 100%; +} diff --git a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeIcon.tsx b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeIcon.tsx index 9674b5e60f..8011a48745 100644 --- a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeIcon.tsx +++ b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeIcon.tsx @@ -10,7 +10,7 @@ import { observer } from 'mobx-react-lite'; import { s } from '../../s'; import { StaticImage } from '../../StaticImage'; import { useS } from '../../useS'; -import style from './TreeNodeIcon.m.css'; +import style from './TreeNodeIcon.module.css'; interface Props { icon?: string; diff --git a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeName.m.css b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeName.m.css deleted file mode 100644 index cb76e298e2..0000000000 --- a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeName.m.css +++ /dev/null @@ -1,8 +0,0 @@ -.treeNodeName { - position: relative; - box-sizing: border-box; - padding-right: 0; - display: flex; - align-items: center; - margin-right: 4px; -} diff --git a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeName.module.css b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeName.module.css new file mode 100644 index 0000000000..6a2b6f5b43 --- /dev/null +++ b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeName.module.css @@ -0,0 +1,15 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.treeNodeName { + position: relative; + box-sizing: border-box; + padding-right: 0; + display: flex; + align-items: center; + margin-right: 4px; +} diff --git a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeName.tsx b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeName.tsx index 7a4584edd1..e3e1c9771d 100644 --- a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeName.tsx +++ b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeName.tsx @@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite'; import { s } from '../../s'; import { useS } from '../../useS'; -import style from './TreeNodeName.m.css'; +import style from './TreeNodeName.module.css'; interface Props extends React.HTMLAttributes { className?: string; diff --git a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeNested.m.css b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeNested.m.css deleted file mode 100644 index 6dd5c7563a..0000000000 --- a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeNested.m.css +++ /dev/null @@ -1,8 +0,0 @@ -.treeNodeNested { - box-sizing: border-box; - padding-left: 8px; - - &.root { - padding: 0; - } -} diff --git a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeNested.module.css b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeNested.module.css new file mode 100644 index 0000000000..043329c910 --- /dev/null +++ b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeNested.module.css @@ -0,0 +1,15 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.treeNodeNested { + box-sizing: border-box; + padding-left: 8px; + + &.root { + padding: 0; + } +} diff --git a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeNested.tsx b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeNested.tsx index 1abdf77717..7ecf23eafd 100644 --- a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeNested.tsx +++ b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeNested.tsx @@ -10,7 +10,7 @@ import { forwardRef } from 'react'; import { s } from '../../s'; import { useS } from '../../useS'; -import style from './TreeNodeNested.m.css'; +import style from './TreeNodeNested.module.css'; interface Props extends React.PropsWithChildren { root?: boolean; diff --git a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeNestedMessage.m.css b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeNestedMessage.m.css deleted file mode 100644 index 375640b4af..0000000000 --- a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeNestedMessage.m.css +++ /dev/null @@ -1,4 +0,0 @@ -.treeNodeNestedMessage { - composes: theme-typography--caption from global; - padding: 1px 12px; -} diff --git a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeNestedMessage.module.css b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeNestedMessage.module.css new file mode 100644 index 0000000000..63fa7e715c --- /dev/null +++ b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeNestedMessage.module.css @@ -0,0 +1,11 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.treeNodeNestedMessage { + composes: theme-typography--caption from global; + padding: 1px 12px; +} diff --git a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeNestedMessage.tsx b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeNestedMessage.tsx index 7a18f03d3e..0fbbba7742 100644 --- a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeNestedMessage.tsx +++ b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeNestedMessage.tsx @@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite'; import { s } from '../../s'; import { useS } from '../../useS'; -import style from './TreeNodeNestedMessage.m.css'; +import style from './TreeNodeNestedMessage.module.css'; interface Props { className?: string; diff --git a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeSelect.m.css b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeSelect.m.css deleted file mode 100644 index 88cba18609..0000000000 --- a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeSelect.m.css +++ /dev/null @@ -1,4 +0,0 @@ -.loader { - width: 40px; - height: 40px; -} diff --git a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeSelect.module.css b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeSelect.module.css new file mode 100644 index 0000000000..bea95ae13a --- /dev/null +++ b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeSelect.module.css @@ -0,0 +1,11 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.loader { + width: 40px; + height: 40px; +} diff --git a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeSelect.tsx b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeSelect.tsx index 505822e20f..cd17d787c2 100644 --- a/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeSelect.tsx +++ b/webapp/packages/core-blocks/src/Tree/TreeNode/TreeNodeSelect.tsx @@ -16,7 +16,7 @@ import { s } from '../../s'; import { useS } from '../../useS'; import { EventTreeNodeSelectFlag } from './EventTreeNodeSelectFlag'; import { TreeNodeContext } from './TreeNodeContext'; -import style from './TreeNodeSelect.m.css'; +import style from './TreeNodeSelect.module.css'; interface Props { group?: boolean; diff --git a/webapp/packages/core-blocks/src/UploadArea.m.css b/webapp/packages/core-blocks/src/UploadArea.m.css deleted file mode 100644 index 8b06412e90..0000000000 --- a/webapp/packages/core-blocks/src/UploadArea.m.css +++ /dev/null @@ -1,8 +0,0 @@ -.label { - cursor: pointer; - width: fit-content; - - &.disabled { - cursor: default; - } -} diff --git a/webapp/packages/core-blocks/src/UploadArea.module.css b/webapp/packages/core-blocks/src/UploadArea.module.css new file mode 100644 index 0000000000..b4c8130abf --- /dev/null +++ b/webapp/packages/core-blocks/src/UploadArea.module.css @@ -0,0 +1,15 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.label { + cursor: pointer; + width: fit-content; + + &.disabled { + cursor: default; + } +} diff --git a/webapp/packages/core-blocks/src/UploadArea.tsx b/webapp/packages/core-blocks/src/UploadArea.tsx index f37fb645ed..1293ef21b9 100644 --- a/webapp/packages/core-blocks/src/UploadArea.tsx +++ b/webapp/packages/core-blocks/src/UploadArea.tsx @@ -11,7 +11,7 @@ import { forwardRef, useLayoutEffect } from 'react'; import { uuid } from '@cloudbeaver/core-utils'; import { s } from './s'; -import style from './UploadArea.m.css'; +import style from './UploadArea.module.css'; import { useRefInherit } from './useRefInherit'; import { useS } from './useS'; diff --git a/webapp/packages/core-blocks/src/index.ts b/webapp/packages/core-blocks/src/index.ts index 65f199b25d..662fc587af 100644 --- a/webapp/packages/core-blocks/src/index.ts +++ b/webapp/packages/core-blocks/src/index.ts @@ -39,23 +39,23 @@ export * from './localization/Translate'; export * from './localization/useTranslate'; export * from './ConnectionImageWithMask/ConnectionImageWithMask'; -export { default as ConnectionImageWithMaskSvgStyles } from './ConnectionImageWithMask/ConnectionImageWithMaskSvg.m.css'; +export { default as ConnectionImageWithMaskSvgStyles } from './ConnectionImageWithMask/ConnectionImageWithMaskSvg.module.css'; export * from './Menu/Menu'; -export { default as MenuStyles } from './Menu/Menu.m.css'; +export { default as MenuStyles } from './Menu/Menu.module.css'; export * from './Menu/MenuBarSmallItem'; export * from './Menu/MenuEmptyItem'; export * from './Menu/MenuItem'; -export { default as MenuItemStyles } from './Menu/MenuItem.m.css'; -export { default as MenuPanelItemAndTriggerStyles } from './MenuPanel/shared/MenuPanelItemAndTrigger.m.css'; +export { default as MenuItemStyles } from './Menu/MenuItem.module.css'; +export { default as MenuPanelItemAndTriggerStyles } from './MenuPanel/shared/MenuPanelItemAndTrigger.module.css'; export * from './Menu/MenuItemCheckbox'; export * from './Menu/MenuItemElement'; -export { default as MenuItemElementStyles } from './Menu/MenuItemElement.m.css'; +export { default as MenuItemElementStyles } from './Menu/MenuItemElement.module.css'; export * from './Menu/MenuItemRadio'; export * from './Menu/MenuPanel'; -export { default as MenuPanelStyles } from './Menu/MenuPanel.m.css'; +export { default as MenuPanelStyles } from './Menu/MenuPanel.module.css'; export * from './Menu/MenuSeparator'; -export { default as MenuSeparatorStyles } from './Menu/MenuSeparator.m.css'; +export { default as MenuSeparatorStyles } from './Menu/MenuSeparator.module.css'; export * from './Menu/MenuStateContext'; export * from './Menu/useMouseContextMenu'; export { MenuTrigger, type MenuState } from './MenuPanel/MenuTrigger'; @@ -122,21 +122,21 @@ export * from './Tree/TreeNode/TreeNodeNestedMessage'; export * from './Tree/TreeNode/TreeNodeSelect'; export * from './Button'; export * from './Text'; -export { default as ButtonStyles } from './Button.m.css'; +export { default as ButtonStyles } from './Button.module.css'; export * from './ToolsPanel/ToolsAction'; export * from './ToolsPanel/ToolsPanel'; -export { default as ToolsPanelStyles } from './ToolsPanel/ToolsPanel.m.css'; -export { default as ToolsActionStyles } from './ToolsPanel/ToolsAction.m.css'; -export { default as TreeNodeNestedMessageStyles } from './Tree/TreeNode/TreeNodeNestedMessage.m.css'; -export { default as TreeNodeStyles } from './Tree/TreeNode/TreeNode.m.css'; +export { default as ToolsPanelStyles } from './ToolsPanel/ToolsPanel.module.css'; +export { default as ToolsActionStyles } from './ToolsPanel/ToolsAction.module.css'; +export { default as TreeNodeNestedMessageStyles } from './Tree/TreeNode/TreeNodeNestedMessage.module.css'; +export { default as TreeNodeStyles } from './Tree/TreeNode/TreeNode.module.css'; export * from './FormControls/Checkboxes/Checkbox'; export * from './FormControls/Checkboxes/FieldCheckbox'; export * from './FormControls/Checkboxes/CheckboxMarkup'; export * from './FormControls/Checkboxes/Switch'; export * from './FormControls/Checkboxes/useCheckboxState'; export * from './FormControls/Filter'; -export { default as BaseDropdownStyles } from './FormControls/BaseDropdown.m.css'; -export { default as FilterStyles } from './FormControls/Filter.m.css'; +export { default as BaseDropdownStyles } from './FormControls/BaseDropdown.module.css'; +export { default as FilterStyles } from './FormControls/Filter.module.css'; export * from './Fill'; export * from './Containers/Container'; @@ -162,7 +162,7 @@ export * from './FormControls/ComboboxLoader'; export * from './FormControls/FormContext'; export * from './FormControls/FormFieldDescription'; export * from './FormControls/InputField/InputField'; -export { default as InputFieldStyles } from './FormControls/InputField/InputField.m.css'; +export { default as InputFieldStyles } from './FormControls/InputField/InputField.module.css'; export * from './FormControls/InputFiles'; export * from './FormControls/InputFileTextContent'; export * from './FormControls/Radio'; @@ -177,18 +177,18 @@ export * from './FormControls/useForm'; export * from './FormControls/Textarea'; export * from './Link'; export * from './Cell'; -export { default as CellStyles } from './Cell.m.css'; +export { default as CellStyles } from './Cell.module.css'; export * from './UploadArea'; export * from './ErrorMessage'; export * from './preventFocusHandler'; export * from './StatusMessage'; export * from './ExceptionMessage'; -export { default as ExceptionMessageStyles } from './ExceptionMessage.m.css'; +export { default as ExceptionMessageStyles } from './ExceptionMessage.module.css'; export * from './getComputed'; export * from './IconButton'; export * from './ActionIconButton'; -export { default as IconButtonStyles } from './IconButton.m.css'; -export { default as ActionIconButtonStyles } from './ActionIconButton.m.css'; +export { default as IconButtonStyles } from './IconButton.module.css'; +export { default as ActionIconButtonStyles } from './ActionIconButton.module.css'; export * from './IconOrImage'; export * from './s'; export * from './SContext'; diff --git a/webapp/packages/core-blocks/src/layout/AppLogo.m.css b/webapp/packages/core-blocks/src/layout/AppLogo.m.css deleted file mode 100644 index b07e327265..0000000000 --- a/webapp/packages/core-blocks/src/layout/AppLogo.m.css +++ /dev/null @@ -1,11 +0,0 @@ -.container { - height: 100%; - display: flex; - align-items: center; - padding: 0 14px; - cursor: pointer; -} - -.logo { - height: 32px; -} \ No newline at end of file diff --git a/webapp/packages/core-blocks/src/layout/AppLogo.module.css b/webapp/packages/core-blocks/src/layout/AppLogo.module.css new file mode 100644 index 0000000000..9dcd006310 --- /dev/null +++ b/webapp/packages/core-blocks/src/layout/AppLogo.module.css @@ -0,0 +1,18 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.container { + height: 100%; + display: flex; + align-items: center; + padding: 0 14px; + cursor: pointer; +} + +.logo { + height: 32px; +} diff --git a/webapp/packages/core-blocks/src/layout/AppLogo.tsx b/webapp/packages/core-blocks/src/layout/AppLogo.tsx index 2cfd3f1395..3ccce6030f 100644 --- a/webapp/packages/core-blocks/src/layout/AppLogo.tsx +++ b/webapp/packages/core-blocks/src/layout/AppLogo.tsx @@ -8,7 +8,7 @@ import { IconOrImage } from '../IconOrImage'; import { s } from '../s'; import { useS } from '../useS'; -import styles from './AppLogo.m.css'; +import styles from './AppLogo.module.css'; interface Props { title: string; diff --git a/webapp/packages/core-blocks/src/layout/TopAppBar.m.css b/webapp/packages/core-blocks/src/layout/TopAppBar.m.css deleted file mode 100644 index 0d3c1ccfac..0000000000 --- a/webapp/packages/core-blocks/src/layout/TopAppBar.m.css +++ /dev/null @@ -1,10 +0,0 @@ -.header { - composes: theme-text-on-primary theme-typography--body2 from global; - display: flex; - align-items: center; - height: 48px; - padding: 0 8px; - background-color: #2a7cb4; - z-index: 1; - flex-shrink: 0; -} \ No newline at end of file diff --git a/webapp/packages/core-blocks/src/layout/TopAppBar.module.css b/webapp/packages/core-blocks/src/layout/TopAppBar.module.css new file mode 100644 index 0000000000..02db965d10 --- /dev/null +++ b/webapp/packages/core-blocks/src/layout/TopAppBar.module.css @@ -0,0 +1,17 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.header { + composes: theme-text-on-primary theme-typography--body2 from global; + display: flex; + align-items: center; + height: 48px; + padding: 0 8px; + background-color: #2a7cb4; + z-index: 1; + flex-shrink: 0; +} diff --git a/webapp/packages/core-blocks/src/layout/TopAppBar.tsx b/webapp/packages/core-blocks/src/layout/TopAppBar.tsx index 7d8367101e..3bea3202ec 100644 --- a/webapp/packages/core-blocks/src/layout/TopAppBar.tsx +++ b/webapp/packages/core-blocks/src/layout/TopAppBar.tsx @@ -5,10 +5,9 @@ * Licensed under the Apache License, Version 2.0. * you may not use this file except in compliance with the License. */ - import { s } from '../s'; import { useS } from '../useS'; -import styles from './TopAppBar.m.css'; +import styles from './TopAppBar.module.css'; interface Props extends React.PropsWithChildren { className?: string; @@ -16,6 +15,6 @@ interface Props extends React.PropsWithChildren { export const TopAppBar: React.FC = function TopAppBar({ children, className }) { const style = useS(styles); - - return (
{children}
); + + return
{children}
; }; diff --git a/webapp/packages/core-bootstrap/src/renderLayout.m.css b/webapp/packages/core-bootstrap/src/renderLayout.module.css similarity index 100% rename from webapp/packages/core-bootstrap/src/renderLayout.m.css rename to webapp/packages/core-bootstrap/src/renderLayout.module.css diff --git a/webapp/packages/core-bootstrap/src/renderLayout.tsx b/webapp/packages/core-bootstrap/src/renderLayout.tsx index 91323d28d2..b3999741ac 100644 --- a/webapp/packages/core-bootstrap/src/renderLayout.tsx +++ b/webapp/packages/core-bootstrap/src/renderLayout.tsx @@ -12,7 +12,7 @@ import { BodyLazy } from '@cloudbeaver/core-app'; import { DisplayError, ErrorBoundary, Loader, s } from '@cloudbeaver/core-blocks'; import { AppContext, HideAppLoadingScreen, IServiceInjector } from '@cloudbeaver/core-di'; -import styles from './renderLayout.m.css'; +import styles from './renderLayout.module.css'; interface IRender { initRoot(): Root; diff --git a/webapp/packages/core-cli/configs/webpack.config.js b/webapp/packages/core-cli/configs/webpack.config.js index f0c00bbffa..1c97ec571d 100644 --- a/webapp/packages/core-cli/configs/webpack.config.js +++ b/webapp/packages/core-cli/configs/webpack.config.js @@ -93,7 +93,7 @@ module.exports = (env, argv) => { options: { esModule: true, modules: { - auto: /(module|m)\.(css|s[ac]ss)$/, + auto: /module\.(css|s[ac]ss)$/, localIdentName: '[local]___[hash:base64:5]', namedExport: false, }, diff --git a/webapp/packages/core-cli/css-modules.d.ts b/webapp/packages/core-cli/css-modules.d.ts index c3f1958500..78f7302a9c 100644 --- a/webapp/packages/core-cli/css-modules.d.ts +++ b/webapp/packages/core-cli/css-modules.d.ts @@ -21,7 +21,7 @@ declare module '*.scss' { export default classes; } -declare module '*.m.css' { +declare module '*.module.css' { const classes: { [key: string]: string }; export default classes; } diff --git a/webapp/packages/core-notifications/src/Notifications.m.css b/webapp/packages/core-notifications/src/Notifications.module.css similarity index 60% rename from webapp/packages/core-notifications/src/Notifications.m.css rename to webapp/packages/core-notifications/src/Notifications.module.css index d4259940d6..06fc4ef570 100644 --- a/webapp/packages/core-notifications/src/Notifications.m.css +++ b/webapp/packages/core-notifications/src/Notifications.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .notifications { composes: theme-typography from global; position: absolute; @@ -9,4 +16,4 @@ flex-wrap: nowrap; justify-content: flex-end; z-index: 1000; /* modal dialogs is 999, but more correct way is place notifications after dialogs in the dom */ -} \ No newline at end of file +} diff --git a/webapp/packages/core-notifications/src/Notifications.tsx b/webapp/packages/core-notifications/src/Notifications.tsx index 52b6bcaeef..c7a649bbf9 100644 --- a/webapp/packages/core-notifications/src/Notifications.tsx +++ b/webapp/packages/core-notifications/src/Notifications.tsx @@ -8,12 +8,12 @@ import { observer } from 'mobx-react-lite'; import { Portal } from 'reakit/Portal'; +import { s, useS } from '@cloudbeaver/core-blocks'; import { useService } from '@cloudbeaver/core-di'; import { NotificationService } from '@cloudbeaver/core-events'; +import styles from './Notifications.module.css'; import { NotificationsItem } from './NotificationsItem/NotificationsItem'; -import { s, useS } from '@cloudbeaver/core-blocks'; -import styles from './Notifications.m.css'; export const Notifications = observer(function Notifications() { const notificationService = useService(NotificationService); diff --git a/webapp/packages/core-ui/src/ContextMenu/MenuBar/MenuBar.m.css b/webapp/packages/core-ui/src/ContextMenu/MenuBar/MenuBar.module.css similarity index 52% rename from webapp/packages/core-ui/src/ContextMenu/MenuBar/MenuBar.m.css rename to webapp/packages/core-ui/src/ContextMenu/MenuBar/MenuBar.module.css index 9b4480dc7b..ba55f561c7 100644 --- a/webapp/packages/core-ui/src/ContextMenu/MenuBar/MenuBar.m.css +++ b/webapp/packages/core-ui/src/ContextMenu/MenuBar/MenuBar.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .menuBar { height: 32px; display: flex; diff --git a/webapp/packages/core-ui/src/ContextMenu/MenuBar/MenuBar.tsx b/webapp/packages/core-ui/src/ContextMenu/MenuBar/MenuBar.tsx index 6abbc2dd48..156ac27b51 100644 --- a/webapp/packages/core-ui/src/ContextMenu/MenuBar/MenuBar.tsx +++ b/webapp/packages/core-ui/src/ContextMenu/MenuBar/MenuBar.tsx @@ -24,7 +24,7 @@ import { import { ContextMenu } from '../ContextMenu'; import type { IMenuBarNestedMenuSettings, IMenuBarProps } from './IMenuBarProps'; -import style from './MenuBar.m.css'; +import style from './MenuBar.module.css'; import { MenuBarItem } from './MenuBarItem'; const registry: StyleRegistry = [ diff --git a/webapp/packages/core-ui/src/ContextMenu/MenuBar/MenuBarItem.m.css b/webapp/packages/core-ui/src/ContextMenu/MenuBar/MenuBarItem.module.css similarity index 86% rename from webapp/packages/core-ui/src/ContextMenu/MenuBar/MenuBarItem.m.css rename to webapp/packages/core-ui/src/ContextMenu/MenuBar/MenuBarItem.module.css index abbd4abadc..6000b52cd8 100644 --- a/webapp/packages/core-ui/src/ContextMenu/MenuBar/MenuBarItem.m.css +++ b/webapp/packages/core-ui/src/ContextMenu/MenuBar/MenuBarItem.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .menuBarItem { composes: theme-ripple from global; padding: 0 8px; diff --git a/webapp/packages/core-ui/src/ContextMenu/MenuBar/MenuBarItem.tsx b/webapp/packages/core-ui/src/ContextMenu/MenuBar/MenuBarItem.tsx index f3073ed23e..4700dbb74a 100644 --- a/webapp/packages/core-ui/src/ContextMenu/MenuBar/MenuBarItem.tsx +++ b/webapp/packages/core-ui/src/ContextMenu/MenuBar/MenuBarItem.tsx @@ -10,7 +10,7 @@ import { ButtonHTMLAttributes, forwardRef } from 'react'; import { Icon, IconOrImage, Loader, s, useS, useStateDelay, useTranslate } from '@cloudbeaver/core-blocks'; -import style from './MenuBarItem.m.css'; +import style from './MenuBarItem.module.css'; interface Props extends Omit, HTMLButtonElement>, 'style'> { label?: string; diff --git a/webapp/packages/core-ui/src/Form/Components/BaseForm.m.css b/webapp/packages/core-ui/src/Form/Components/BaseForm.module.css similarity index 100% rename from webapp/packages/core-ui/src/Form/Components/BaseForm.m.css rename to webapp/packages/core-ui/src/Form/Components/BaseForm.module.css diff --git a/webapp/packages/core-ui/src/Form/Components/BaseForm.tsx b/webapp/packages/core-ui/src/Form/Components/BaseForm.tsx index 8af0ba7dba..e9de4a144b 100644 --- a/webapp/packages/core-ui/src/Form/Components/BaseForm.tsx +++ b/webapp/packages/core-ui/src/Form/Components/BaseForm.tsx @@ -14,7 +14,7 @@ import { TabList } from '../../Tabs/TabList'; import { TabPanelList } from '../../Tabs/TabPanelList'; import { TabsState } from '../../Tabs/TabsState'; import { FormMode } from '../FormMode'; -import style from './BaseForm.m.css'; +import style from './BaseForm.module.css'; import type { IBaseFormProps } from './IBaseFormProps'; export const BaseForm = observer>(function BaseForm({ service, state, onClose, onSubmit }) { diff --git a/webapp/packages/core-ui/src/InlineEditor/EditorDialog.m.css b/webapp/packages/core-ui/src/InlineEditor/EditorDialog.m.css deleted file mode 100644 index dda8fc553e..0000000000 --- a/webapp/packages/core-ui/src/InlineEditor/EditorDialog.m.css +++ /dev/null @@ -1,10 +0,0 @@ -.textarea { - width: 100% !important; - min-height: 250px; - box-sizing: border-box; -} -.footer { - align-items: center; - justify-content: flex-end; - gap: 24px; -} diff --git a/webapp/packages/core-ui/src/InlineEditor/EditorDialog.module.css b/webapp/packages/core-ui/src/InlineEditor/EditorDialog.module.css new file mode 100644 index 0000000000..7156859e7b --- /dev/null +++ b/webapp/packages/core-ui/src/InlineEditor/EditorDialog.module.css @@ -0,0 +1,17 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.textarea { + width: 100% !important; + min-height: 250px; + box-sizing: border-box; +} +.footer { + align-items: center; + justify-content: flex-end; + gap: 24px; +} diff --git a/webapp/packages/core-ui/src/InlineEditor/EditorDialog.tsx b/webapp/packages/core-ui/src/InlineEditor/EditorDialog.tsx index 08f0594bfd..7255bde652 100644 --- a/webapp/packages/core-ui/src/InlineEditor/EditorDialog.tsx +++ b/webapp/packages/core-ui/src/InlineEditor/EditorDialog.tsx @@ -20,7 +20,7 @@ import { } from '@cloudbeaver/core-blocks'; import type { DialogComponent, DialogComponentProps } from '@cloudbeaver/core-dialogs'; -import style from './EditorDialog.m.css'; +import style from './EditorDialog.module.css'; export const EditorDialog: DialogComponent = observer(function EditorDialog({ payload, diff --git a/webapp/packages/core-ui/src/InlineEditor/InlineEditor.m.css b/webapp/packages/core-ui/src/InlineEditor/InlineEditor.module.css similarity index 100% rename from webapp/packages/core-ui/src/InlineEditor/InlineEditor.m.css rename to webapp/packages/core-ui/src/InlineEditor/InlineEditor.module.css diff --git a/webapp/packages/core-ui/src/InlineEditor/InlineEditor.tsx b/webapp/packages/core-ui/src/InlineEditor/InlineEditor.tsx index 9c523eb86b..7fa8b8870a 100644 --- a/webapp/packages/core-ui/src/InlineEditor/InlineEditor.tsx +++ b/webapp/packages/core-ui/src/InlineEditor/InlineEditor.tsx @@ -13,7 +13,7 @@ import { useService } from '@cloudbeaver/core-di'; import { CommonDialogService, DialogueStateResult } from '@cloudbeaver/core-dialogs'; import { EditorDialog } from './EditorDialog'; -import styles from './InlineEditor.m.css'; +import styles from './InlineEditor.module.css'; export type InlineEditorControls = 'right' | 'top' | 'bottom' | 'inside'; diff --git a/webapp/packages/core-ui/src/SideBarPanel/SideBarPanel.tsx b/webapp/packages/core-ui/src/SideBarPanel/SideBarPanel.tsx index 97f1bbda33..caaf119382 100644 --- a/webapp/packages/core-ui/src/SideBarPanel/SideBarPanel.tsx +++ b/webapp/packages/core-ui/src/SideBarPanel/SideBarPanel.tsx @@ -9,15 +9,15 @@ import { observer } from 'mobx-react-lite'; import { s, SContext, type StyleRegistry, useS } from '@cloudbeaver/core-blocks'; -import TabStyles from '../Tabs/Tab/Tab.m.css'; +import TabStyles from '../Tabs/Tab/Tab.module.css'; import { TabList } from '../Tabs/TabList'; -import TabPanelStyles from '../Tabs/TabPanel.m.css'; +import TabPanelStyles from '../Tabs/TabPanel.module.css'; import { TabPanelList } from '../Tabs/TabPanelList'; import type { TabsContainer } from '../Tabs/TabsContainer/TabsContainer'; import { TabsState } from '../Tabs/TabsState'; -import styles from './shared/SideBarPanel.m.css'; -import SideBarPanelTab from './shared/SideBarPanelTab.m.css'; -import SideBarPanelTabPanel from './shared/SideBarPanelTabPanel.m.css'; +import styles from './shared/SideBarPanel.module.css'; +import SideBarPanelTab from './shared/SideBarPanelTab.module.css'; +import SideBarPanelTabPanel from './shared/SideBarPanelTabPanel.module.css'; export interface SideBarPanelProps { container: TabsContainer; diff --git a/webapp/packages/core-ui/src/SideBarPanel/shared/SideBarPanel.m.css b/webapp/packages/core-ui/src/SideBarPanel/shared/SideBarPanel.module.css similarity index 100% rename from webapp/packages/core-ui/src/SideBarPanel/shared/SideBarPanel.m.css rename to webapp/packages/core-ui/src/SideBarPanel/shared/SideBarPanel.module.css diff --git a/webapp/packages/core-ui/src/SideBarPanel/shared/SideBarPanelTab.m.css b/webapp/packages/core-ui/src/SideBarPanel/shared/SideBarPanelTab.module.css similarity index 100% rename from webapp/packages/core-ui/src/SideBarPanel/shared/SideBarPanelTab.m.css rename to webapp/packages/core-ui/src/SideBarPanel/shared/SideBarPanelTab.module.css diff --git a/webapp/packages/core-ui/src/SideBarPanel/shared/SideBarPanelTabPanel.m.css b/webapp/packages/core-ui/src/SideBarPanel/shared/SideBarPanelTabPanel.module.css similarity index 100% rename from webapp/packages/core-ui/src/SideBarPanel/shared/SideBarPanelTabPanel.m.css rename to webapp/packages/core-ui/src/SideBarPanel/shared/SideBarPanelTabPanel.module.css diff --git a/webapp/packages/core-ui/src/Tabs/Tab/Tab.m.css b/webapp/packages/core-ui/src/Tabs/Tab/Tab.module.css similarity index 100% rename from webapp/packages/core-ui/src/Tabs/Tab/Tab.m.css rename to webapp/packages/core-ui/src/Tabs/Tab/Tab.module.css diff --git a/webapp/packages/core-ui/src/Tabs/Tab/Tab.tsx b/webapp/packages/core-ui/src/Tabs/Tab/Tab.tsx index 29f92ffb9c..daa9094496 100644 --- a/webapp/packages/core-ui/src/Tabs/Tab/Tab.tsx +++ b/webapp/packages/core-ui/src/Tabs/Tab/Tab.tsx @@ -12,7 +12,7 @@ import { Tab as BaseTab } from 'reakit/Tab'; import { getComputed, s, useS, useTranslate } from '@cloudbeaver/core-blocks'; import { TabContext } from '../TabContext'; -import style from './Tab.m.css'; +import style from './Tab.module.css'; import { TabActions } from './TabActions'; import type { TabProps } from './TabProps'; import { useTab } from './useTab'; diff --git a/webapp/packages/core-ui/src/Tabs/Tab/TabActions.m.css b/webapp/packages/core-ui/src/Tabs/Tab/TabActions.module.css similarity index 100% rename from webapp/packages/core-ui/src/Tabs/Tab/TabActions.m.css rename to webapp/packages/core-ui/src/Tabs/Tab/TabActions.module.css diff --git a/webapp/packages/core-ui/src/Tabs/Tab/TabActions.tsx b/webapp/packages/core-ui/src/Tabs/Tab/TabActions.tsx index 43b65e9e04..caa63b7dcb 100644 --- a/webapp/packages/core-ui/src/Tabs/Tab/TabActions.tsx +++ b/webapp/packages/core-ui/src/Tabs/Tab/TabActions.tsx @@ -11,8 +11,8 @@ import { Icon, s, useS, useTranslate } from '@cloudbeaver/core-blocks'; import type { IDataContext } from '@cloudbeaver/core-data-context'; import type { ITabsContext } from '../TabsContext'; -import TabStyle from './Tab.m.css'; -import style from './TabActions.m.css'; +import TabStyle from './Tab.module.css'; +import style from './TabActions.module.css'; import { TabMenu } from './TabMenu'; interface TabActionsProps { diff --git a/webapp/packages/core-ui/src/Tabs/Tab/TabBigUnderlineStyles.m.css b/webapp/packages/core-ui/src/Tabs/Tab/TabBigUnderlineStyles.module.css similarity index 100% rename from webapp/packages/core-ui/src/Tabs/Tab/TabBigUnderlineStyles.m.css rename to webapp/packages/core-ui/src/Tabs/Tab/TabBigUnderlineStyles.module.css diff --git a/webapp/packages/core-ui/src/Tabs/Tab/TabIcon.m.css b/webapp/packages/core-ui/src/Tabs/Tab/TabIcon.module.css similarity index 100% rename from webapp/packages/core-ui/src/Tabs/Tab/TabIcon.m.css rename to webapp/packages/core-ui/src/Tabs/Tab/TabIcon.module.css diff --git a/webapp/packages/core-ui/src/Tabs/Tab/TabIcon.tsx b/webapp/packages/core-ui/src/Tabs/Tab/TabIcon.tsx index 659b0749de..1e8ea601f9 100644 --- a/webapp/packages/core-ui/src/Tabs/Tab/TabIcon.tsx +++ b/webapp/packages/core-ui/src/Tabs/Tab/TabIcon.tsx @@ -7,7 +7,7 @@ */ import { IconOrImage, s, useS } from '@cloudbeaver/core-blocks'; -import TabIconStyles from './TabIcon.m.css'; +import TabIconStyles from './TabIcon.module.css'; export interface TabIconProps { icon?: string; diff --git a/webapp/packages/core-ui/src/Tabs/Tab/TabIconVerticalRotated.m.css b/webapp/packages/core-ui/src/Tabs/Tab/TabIconVerticalRotated.module.css similarity index 100% rename from webapp/packages/core-ui/src/Tabs/Tab/TabIconVerticalRotated.m.css rename to webapp/packages/core-ui/src/Tabs/Tab/TabIconVerticalRotated.module.css diff --git a/webapp/packages/core-ui/src/Tabs/Tab/TabMenu.m.css b/webapp/packages/core-ui/src/Tabs/Tab/TabMenu.module.css similarity index 100% rename from webapp/packages/core-ui/src/Tabs/Tab/TabMenu.m.css rename to webapp/packages/core-ui/src/Tabs/Tab/TabMenu.module.css diff --git a/webapp/packages/core-ui/src/Tabs/Tab/TabMenu.tsx b/webapp/packages/core-ui/src/Tabs/Tab/TabMenu.tsx index 1d22ff97eb..af8d6c2c60 100644 --- a/webapp/packages/core-ui/src/Tabs/Tab/TabMenu.tsx +++ b/webapp/packages/core-ui/src/Tabs/Tab/TabMenu.tsx @@ -16,7 +16,7 @@ import type { ITabsContext } from '../TabsContext'; import { DATA_CONTEXT_TAB_ID } from './DATA_CONTEXT_TAB_ID'; import { DATA_CONTEXT_TABS_CONTEXT } from './DATA_CONTEXT_TABS_CONTEXT'; import { MENU_TAB } from './MENU_TAB'; -import style from './TabMenu.m.css'; +import style from './TabMenu.module.css'; interface TabMenuProps extends React.PropsWithChildren { tabId: string; diff --git a/webapp/packages/core-ui/src/Tabs/Tab/TabStyleRegistries.ts b/webapp/packages/core-ui/src/Tabs/Tab/TabStyleRegistries.ts index a2ac1e01fb..2e14a8b3b4 100644 --- a/webapp/packages/core-ui/src/Tabs/Tab/TabStyleRegistries.ts +++ b/webapp/packages/core-ui/src/Tabs/Tab/TabStyleRegistries.ts @@ -7,11 +7,11 @@ */ import type { StyleRegistry } from '@cloudbeaver/core-blocks'; -import TabStyles from './Tab.m.css'; -import TabBigUnderlineStyles from './TabBigUnderlineStyles.m.css'; -import TabTitleStyles from './TabTitle.m.css'; -import TabTitleBigUnderlineStyles from './TabTitleBigUnderlineStyles.m.css'; -import TabUnderlineStyles from './TabUnderline.m.css'; +import TabStyles from './Tab.module.css'; +import TabBigUnderlineStyles from './TabBigUnderlineStyles.module.css'; +import TabTitleStyles from './TabTitle.module.css'; +import TabTitleBigUnderlineStyles from './TabTitleBigUnderlineStyles.module.css'; +import TabUnderlineStyles from './TabUnderline.module.css'; export const TabUnderlineStyleRegistry: StyleRegistry = [[TabStyles, { mode: 'append', styles: [TabUnderlineStyles] }]]; export const TabBigUnderlineStyleRegistry: StyleRegistry = [ diff --git a/webapp/packages/core-ui/src/Tabs/Tab/TabTitle.m.css b/webapp/packages/core-ui/src/Tabs/Tab/TabTitle.module.css similarity index 100% rename from webapp/packages/core-ui/src/Tabs/Tab/TabTitle.m.css rename to webapp/packages/core-ui/src/Tabs/Tab/TabTitle.module.css diff --git a/webapp/packages/core-ui/src/Tabs/Tab/TabTitle.tsx b/webapp/packages/core-ui/src/Tabs/Tab/TabTitle.tsx index ff5e6d023f..28fc9e4500 100644 --- a/webapp/packages/core-ui/src/Tabs/Tab/TabTitle.tsx +++ b/webapp/packages/core-ui/src/Tabs/Tab/TabTitle.tsx @@ -7,7 +7,7 @@ */ import { s, useS } from '@cloudbeaver/core-blocks'; -import TabTitleStyles from './TabTitle.m.css'; +import TabTitleStyles from './TabTitle.module.css'; export interface TabTitleProps { className?: string; diff --git a/webapp/packages/core-ui/src/Tabs/Tab/TabTitleBigUnderlineStyles.m.css b/webapp/packages/core-ui/src/Tabs/Tab/TabTitleBigUnderlineStyles.module.css similarity index 100% rename from webapp/packages/core-ui/src/Tabs/Tab/TabTitleBigUnderlineStyles.m.css rename to webapp/packages/core-ui/src/Tabs/Tab/TabTitleBigUnderlineStyles.module.css diff --git a/webapp/packages/core-ui/src/Tabs/Tab/TabTitleVerticalRotated.m.css b/webapp/packages/core-ui/src/Tabs/Tab/TabTitleVerticalRotated.module.css similarity index 100% rename from webapp/packages/core-ui/src/Tabs/Tab/TabTitleVerticalRotated.m.css rename to webapp/packages/core-ui/src/Tabs/Tab/TabTitleVerticalRotated.module.css diff --git a/webapp/packages/core-ui/src/Tabs/Tab/TabUnderline.m.css b/webapp/packages/core-ui/src/Tabs/Tab/TabUnderline.module.css similarity index 100% rename from webapp/packages/core-ui/src/Tabs/Tab/TabUnderline.m.css rename to webapp/packages/core-ui/src/Tabs/Tab/TabUnderline.module.css diff --git a/webapp/packages/core-ui/src/Tabs/Tab/TabVertical.m.css b/webapp/packages/core-ui/src/Tabs/Tab/TabVertical.module.css similarity index 100% rename from webapp/packages/core-ui/src/Tabs/Tab/TabVertical.m.css rename to webapp/packages/core-ui/src/Tabs/Tab/TabVertical.module.css diff --git a/webapp/packages/core-ui/src/Tabs/Tab/TabVerticalRotated.m.css b/webapp/packages/core-ui/src/Tabs/Tab/TabVerticalRotated.module.css similarity index 100% rename from webapp/packages/core-ui/src/Tabs/Tab/TabVerticalRotated.m.css rename to webapp/packages/core-ui/src/Tabs/Tab/TabVerticalRotated.module.css diff --git a/webapp/packages/core-ui/src/Tabs/TabList.m.css b/webapp/packages/core-ui/src/Tabs/TabList.m.css deleted file mode 100644 index b17201b3d3..0000000000 --- a/webapp/packages/core-ui/src/Tabs/TabList.m.css +++ /dev/null @@ -1,39 +0,0 @@ -/* - * CloudBeaver - Cloud Database Manager - * Copyright (C) 2020-2024 DBeaver Corp and others - * - * Licensed under the Apache License, Version 2.0. - * you may not use this file except in compliance with the License. - */ - -.tabList { - display: flex; - box-sizing: border-box; - outline: none; -} - -.underline { - composes: underline from './Tab/TabUnderline.m.css'; - composes: underline from './Tab/TabBigUnderlineStyles.m.css'; - composes: underline from './Tab/TabTitleBigUnderlineStyles.m.css'; -} - -.big { - composes: big from './Tab/TabBigUnderlineStyles.m.css'; - composes: big from './Tab/TabTitleBigUnderlineStyles.m.css'; -} - -.vertical { - composes: vertical from './Tab/TabVertical.m.css'; - - composes: vertical from './Tab/TabIconVerticalRotated.m.css'; - composes: vertical from './Tab/TabTitleVerticalRotated.m.css'; - composes: vertical from './Tab/TabVerticalRotated.m.css'; - composes: vertical from './TabListVerticalRotated.m.css'; -} - -.rotated { - composes: rotated from './Tab/TabIconVerticalRotated.m.css'; - composes: rotated from './Tab/TabTitleVerticalRotated.m.css'; - composes: rotated from './Tab/TabVerticalRotated.m.css'; -} diff --git a/webapp/packages/core-ui/src/Tabs/TabList.module.css b/webapp/packages/core-ui/src/Tabs/TabList.module.css new file mode 100644 index 0000000000..4efc908985 --- /dev/null +++ b/webapp/packages/core-ui/src/Tabs/TabList.module.css @@ -0,0 +1,39 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ + +.tabList { + display: flex; + box-sizing: border-box; + outline: none; +} + +.underline { + composes: underline from './Tab/TabUnderline.module.css'; + composes: underline from './Tab/TabBigUnderlineStyles.module.css'; + composes: underline from './Tab/TabTitleBigUnderlineStyles.module.css'; +} + +.big { + composes: big from './Tab/TabBigUnderlineStyles.module.css'; + composes: big from './Tab/TabTitleBigUnderlineStyles.module.css'; +} + +.vertical { + composes: vertical from './Tab/TabVertical.module.css'; + + composes: vertical from './Tab/TabIconVerticalRotated.module.css'; + composes: vertical from './Tab/TabTitleVerticalRotated.module.css'; + composes: vertical from './Tab/TabVerticalRotated.module.css'; + composes: vertical from './TabListVerticalRotated.module.css'; +} + +.rotated { + composes: rotated from './Tab/TabIconVerticalRotated.module.css'; + composes: rotated from './Tab/TabTitleVerticalRotated.module.css'; + composes: rotated from './Tab/TabVerticalRotated.module.css'; +} diff --git a/webapp/packages/core-ui/src/Tabs/TabList.tsx b/webapp/packages/core-ui/src/Tabs/TabList.tsx index 3a914639c9..b68d6b6105 100644 --- a/webapp/packages/core-ui/src/Tabs/TabList.tsx +++ b/webapp/packages/core-ui/src/Tabs/TabList.tsx @@ -14,10 +14,10 @@ import { s, SContext, StyleRegistry, useS, useTranslate } from '@cloudbeaver/cor import { generateTabElement } from './generateTabElement'; import { TabDefault } from './Tab/TabDefault'; import { TabBigUnderlineStyleRegistry, TabUnderlineStyleRegistry } from './Tab/TabStyleRegistries'; -import styles from './TabList.m.css'; +import styles from './TabList.module.css'; import { TabListVerticalRegistry, TabListVerticalRotatedRegistry } from './TabListStyleRegistries'; -import verticalStyles from './TabListVertical.m.css'; -import verticalRotatedStyles from './TabListVerticalRotated.m.css'; +import verticalStyles from './TabListVertical.module.css'; +import verticalRotatedStyles from './TabListVerticalRotated.module.css'; import { TabsContext } from './TabsContext'; export interface TabListProps extends Omit { diff --git a/webapp/packages/core-ui/src/Tabs/TabListStyleRegistries.ts b/webapp/packages/core-ui/src/Tabs/TabListStyleRegistries.ts index 1dcd0bb54f..05d7cb09ec 100644 --- a/webapp/packages/core-ui/src/Tabs/TabListStyleRegistries.ts +++ b/webapp/packages/core-ui/src/Tabs/TabListStyleRegistries.ts @@ -7,16 +7,16 @@ */ import type { StyleRegistry } from '@cloudbeaver/core-blocks'; -import TabStyles from './Tab/Tab.m.css'; -import TabIconStyles from './Tab/TabIcon.m.css'; -import TabIconVerticalRotatedStyles from './Tab/TabIconVerticalRotated.m.css'; -import TabTitleStyles from './Tab/TabTitle.m.css'; -import TabTitleVerticalRotatedStyles from './Tab/TabTitleVerticalRotated.m.css'; -import TabVerticalStyles from './Tab/TabVertical.m.css'; -import TabVerticalRotatedStyles from './Tab/TabVerticalRotated.m.css'; -import TabListStyles from './TabList.m.css'; -import TabListVerticalStyles from './TabListVertical.m.css'; -import TabListVerticalRotatedStyles from './TabListVerticalRotated.m.css'; +import TabStyles from './Tab/Tab.module.css'; +import TabIconStyles from './Tab/TabIcon.module.css'; +import TabIconVerticalRotatedStyles from './Tab/TabIconVerticalRotated.module.css'; +import TabTitleStyles from './Tab/TabTitle.module.css'; +import TabTitleVerticalRotatedStyles from './Tab/TabTitleVerticalRotated.module.css'; +import TabVerticalStyles from './Tab/TabVertical.module.css'; +import TabVerticalRotatedStyles from './Tab/TabVerticalRotated.module.css'; +import TabListStyles from './TabList.module.css'; +import TabListVerticalStyles from './TabListVertical.module.css'; +import TabListVerticalRotatedStyles from './TabListVerticalRotated.module.css'; export const TabListVerticalRegistry: StyleRegistry = [ [ diff --git a/webapp/packages/core-ui/src/Tabs/TabListVertical.m.css b/webapp/packages/core-ui/src/Tabs/TabListVertical.module.css similarity index 100% rename from webapp/packages/core-ui/src/Tabs/TabListVertical.m.css rename to webapp/packages/core-ui/src/Tabs/TabListVertical.module.css diff --git a/webapp/packages/core-ui/src/Tabs/TabListVerticalRotated.m.css b/webapp/packages/core-ui/src/Tabs/TabListVerticalRotated.module.css similarity index 100% rename from webapp/packages/core-ui/src/Tabs/TabListVerticalRotated.m.css rename to webapp/packages/core-ui/src/Tabs/TabListVerticalRotated.module.css diff --git a/webapp/packages/core-ui/src/Tabs/TabPanel.m.css b/webapp/packages/core-ui/src/Tabs/TabPanel.module.css similarity index 100% rename from webapp/packages/core-ui/src/Tabs/TabPanel.m.css rename to webapp/packages/core-ui/src/Tabs/TabPanel.module.css diff --git a/webapp/packages/core-ui/src/Tabs/TabPanel.tsx b/webapp/packages/core-ui/src/Tabs/TabPanel.tsx index 2c53a0bd82..ddc255b7a7 100644 --- a/webapp/packages/core-ui/src/Tabs/TabPanel.tsx +++ b/webapp/packages/core-ui/src/Tabs/TabPanel.tsx @@ -12,7 +12,7 @@ import { TabPanel as BaseTabPanel } from 'reakit/Tab'; import { getComputed, Loader, s, useS } from '@cloudbeaver/core-blocks'; import { TabContext } from './TabContext'; -import tabPanelStyles from './TabPanel.m.css'; +import tabPanelStyles from './TabPanel.module.css'; import type { TabPanelProps } from './TabPanelProps'; import { TabsContext } from './TabsContext'; import { useTabsValidation } from './useTabsValidation'; diff --git a/webapp/packages/core-ui/src/Tabs/TabsBox/TabsBox.tsx b/webapp/packages/core-ui/src/Tabs/TabsBox/TabsBox.tsx index 474f81febd..428029f6f0 100644 --- a/webapp/packages/core-ui/src/Tabs/TabsBox/TabsBox.tsx +++ b/webapp/packages/core-ui/src/Tabs/TabsBox/TabsBox.tsx @@ -10,11 +10,11 @@ import { forwardRef, PropsWithChildren, ReactNode } from 'react'; import { s, SContext, StyleRegistry, useS } from '@cloudbeaver/core-blocks'; import type { MetadataMap } from '@cloudbeaver/core-utils'; -import tabPanelStyles from '../TabPanel.m.css'; +import tabPanelStyles from '../TabPanel.module.css'; import type { ITabData } from '../TabsContainer/ITabsContainer'; import { TabsState } from '../TabsState'; -import styles from './shared/TabsBox.m.css'; -import moduleTabPanelStyles from './shared/TabsBoxTabPanel.m.css'; +import styles from './shared/TabsBox.module.css'; +import moduleTabPanelStyles from './shared/TabsBoxTabPanel.module.css'; const tabsBoxRegistry: StyleRegistry = [ [ diff --git a/webapp/packages/core-ui/src/Tabs/TabsBox/shared/TabsBox.m.css b/webapp/packages/core-ui/src/Tabs/TabsBox/shared/TabsBox.module.css similarity index 100% rename from webapp/packages/core-ui/src/Tabs/TabsBox/shared/TabsBox.m.css rename to webapp/packages/core-ui/src/Tabs/TabsBox/shared/TabsBox.module.css diff --git a/webapp/packages/core-ui/src/Tabs/TabsBox/shared/TabsBoxTabPanel.m.css b/webapp/packages/core-ui/src/Tabs/TabsBox/shared/TabsBoxTabPanel.module.css similarity index 100% rename from webapp/packages/core-ui/src/Tabs/TabsBox/shared/TabsBoxTabPanel.m.css rename to webapp/packages/core-ui/src/Tabs/TabsBox/shared/TabsBoxTabPanel.module.css diff --git a/webapp/packages/core-ui/src/index.ts b/webapp/packages/core-ui/src/index.ts index b0c76284d5..4a61fed2d3 100644 --- a/webapp/packages/core-ui/src/index.ts +++ b/webapp/packages/core-ui/src/index.ts @@ -11,8 +11,8 @@ export * from './Clipboard/ClipboardService'; export * from './ContextMenu/ContextMenuLazy'; export * from './ContextMenu/IContextMenuItemProps'; export * from './ContextMenu/MenuBar/MenuBarLazy'; -export { default as MenuBarStyles } from './ContextMenu/MenuBar/MenuBar.m.css'; -export { default as MenuBarItemStyles } from './ContextMenu/MenuBar/MenuBarItem.m.css'; +export { default as MenuBarStyles } from './ContextMenu/MenuBar/MenuBar.module.css'; +export { default as MenuBarItemStyles } from './ContextMenu/MenuBar/MenuBarItem.module.css'; export * from './DragAndDrop/DND_ELEMENT_TYPE'; export * from './DragAndDrop/DND_NATIVE_TYPE'; @@ -54,20 +54,20 @@ export * from './Tabs/TabsContext'; export * from './Tabs/TabsStateLoader'; export * from './Tabs/useTabState'; export * from './Tabs/useTabLocalState'; -export { default as TabStyles } from './Tabs/Tab/Tab.m.css'; -export { default as TabTitleStyles } from './Tabs/Tab/TabTitle.m.css'; -export { default as TabVerticalRotatedStyles } from './Tabs/Tab/TabVerticalRotated.m.css'; -export { default as TabIconVerticalRotatedStyles } from './Tabs/Tab/TabIconVerticalRotated.m.css'; -export { default as TabTitleVerticalRotatedStyles } from './Tabs/Tab/TabTitleVerticalRotated.m.css'; -export { default as TabListVerticalRotatedStyles } from './Tabs/TabListVerticalRotated.m.css'; -export { default as TabPanelStyles } from './Tabs/TabPanel.m.css'; -export { default as TabListStyles } from './Tabs/TabList.m.css'; -export { default as TabVertical } from './Tabs/Tab/TabVertical.m.css'; -export { default as TabListVertical } from './Tabs/TabListVertical.m.css'; -export { default as TabUnderlineStyles } from './Tabs/Tab/TabUnderline.m.css'; -export { default as TabBigUnderlineStyles } from './Tabs/Tab/TabBigUnderlineStyles.m.css'; -export { default as TabTitleBigUnderlineStyles } from './Tabs/Tab/TabTitleBigUnderlineStyles.m.css'; -export { default as TabIconStyles } from './Tabs/Tab/TabIcon.m.css'; +export { default as TabStyles } from './Tabs/Tab/Tab.module.css'; +export { default as TabTitleStyles } from './Tabs/Tab/TabTitle.module.css'; +export { default as TabVerticalRotatedStyles } from './Tabs/Tab/TabVerticalRotated.module.css'; +export { default as TabIconVerticalRotatedStyles } from './Tabs/Tab/TabIconVerticalRotated.module.css'; +export { default as TabTitleVerticalRotatedStyles } from './Tabs/Tab/TabTitleVerticalRotated.module.css'; +export { default as TabListVerticalRotatedStyles } from './Tabs/TabListVerticalRotated.module.css'; +export { default as TabPanelStyles } from './Tabs/TabPanel.module.css'; +export { default as TabListStyles } from './Tabs/TabList.module.css'; +export { default as TabVertical } from './Tabs/Tab/TabVertical.module.css'; +export { default as TabListVertical } from './Tabs/TabListVertical.module.css'; +export { default as TabUnderlineStyles } from './Tabs/Tab/TabUnderline.module.css'; +export { default as TabBigUnderlineStyles } from './Tabs/Tab/TabBigUnderlineStyles.module.css'; +export { default as TabTitleBigUnderlineStyles } from './Tabs/Tab/TabTitleBigUnderlineStyles.module.css'; +export { default as TabIconStyles } from './Tabs/Tab/TabIcon.module.css'; export * from './Tabs/Tab/DATA_CONTEXT_TAB_ID'; export * from './Tabs/Tab/DATA_CONTEXT_TABS_CONTEXT'; diff --git a/webapp/packages/core-view/src/View/CaptureView.m.css b/webapp/packages/core-view/src/View/CaptureView.m.css deleted file mode 100644 index 2e897002a3..0000000000 --- a/webapp/packages/core-view/src/View/CaptureView.m.css +++ /dev/null @@ -1,3 +0,0 @@ -.container { - outline: none; -} \ No newline at end of file diff --git a/webapp/packages/core-view/src/View/CaptureView.module.css b/webapp/packages/core-view/src/View/CaptureView.module.css new file mode 100644 index 0000000000..de5ca4948e --- /dev/null +++ b/webapp/packages/core-view/src/View/CaptureView.module.css @@ -0,0 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.container { + outline: none; +} diff --git a/webapp/packages/core-view/src/View/CaptureView.tsx b/webapp/packages/core-view/src/View/CaptureView.tsx index e177d4683f..a0843b7340 100644 --- a/webapp/packages/core-view/src/View/CaptureView.tsx +++ b/webapp/packages/core-view/src/View/CaptureView.tsx @@ -16,7 +16,7 @@ import { isObjectsEqual } from '@cloudbeaver/core-utils'; import { ActionService } from '../Action/ActionService'; import type { IActionItem } from '../Action/IActionItem'; import { getCommonAndOSSpecificKeys } from '../Action/KeyBinding/getCommonAndOSSpecificKeys'; -import styles from './CaptureView.m.css'; +import styles from './CaptureView.module.css'; import { CaptureViewContext } from './CaptureViewContext'; import type { IView } from './IView'; import { parseHotkey } from './parseHotkey'; diff --git a/webapp/packages/plugin-administration/src/Administration/Administration.tsx b/webapp/packages/plugin-administration/src/Administration/Administration.tsx index 9a0f2627d9..65fe4b055d 100644 --- a/webapp/packages/plugin-administration/src/Administration/Administration.tsx +++ b/webapp/packages/plugin-administration/src/Administration/Administration.tsx @@ -29,10 +29,10 @@ import { AdministrationCaptureViewContext } from './AdministrationCaptureViewCon import { AdministrationViewService } from './AdministrationViewService'; import { DrawerItem } from './DrawerItem'; import { ItemContent } from './ItemContent'; -import style from './shared/Administration.m.css'; -import AdministrationStylesTab from './shared/AdministrationTab.m.css'; -import AdministrationStylesTabList from './shared/AdministrationTabList.m.css'; -import AdministrationToolsPanelStyles from './shared/AdministrationToolsPanel.m.css'; +import style from './shared/Administration.module.css'; +import AdministrationStylesTab from './shared/AdministrationTab.module.css'; +import AdministrationStylesTabList from './shared/AdministrationTabList.module.css'; +import AdministrationToolsPanelStyles from './shared/AdministrationToolsPanel.module.css'; interface Props { configurationWizard: boolean; diff --git a/webapp/packages/plugin-administration/src/Administration/shared/Administration.m.css b/webapp/packages/plugin-administration/src/Administration/shared/Administration.module.css similarity index 100% rename from webapp/packages/plugin-administration/src/Administration/shared/Administration.m.css rename to webapp/packages/plugin-administration/src/Administration/shared/Administration.module.css diff --git a/webapp/packages/plugin-administration/src/Administration/shared/AdministrationTab.m.css b/webapp/packages/plugin-administration/src/Administration/shared/AdministrationTab.module.css similarity index 100% rename from webapp/packages/plugin-administration/src/Administration/shared/AdministrationTab.m.css rename to webapp/packages/plugin-administration/src/Administration/shared/AdministrationTab.module.css diff --git a/webapp/packages/plugin-administration/src/Administration/shared/AdministrationTabList.m.css b/webapp/packages/plugin-administration/src/Administration/shared/AdministrationTabList.module.css similarity index 100% rename from webapp/packages/plugin-administration/src/Administration/shared/AdministrationTabList.m.css rename to webapp/packages/plugin-administration/src/Administration/shared/AdministrationTabList.module.css diff --git a/webapp/packages/plugin-administration/src/Administration/shared/AdministrationToolsPanel.m.css b/webapp/packages/plugin-administration/src/Administration/shared/AdministrationToolsPanel.module.css similarity index 100% rename from webapp/packages/plugin-administration/src/Administration/shared/AdministrationToolsPanel.m.css rename to webapp/packages/plugin-administration/src/Administration/shared/AdministrationToolsPanel.module.css diff --git a/webapp/packages/plugin-administration/src/AdministrationScreen/ConfigurationWizard/WizardStepper.m.css b/webapp/packages/plugin-administration/src/AdministrationScreen/ConfigurationWizard/WizardStepper.module.css similarity index 70% rename from webapp/packages/plugin-administration/src/AdministrationScreen/ConfigurationWizard/WizardStepper.m.css rename to webapp/packages/plugin-administration/src/AdministrationScreen/ConfigurationWizard/WizardStepper.module.css index a0b431fee2..225133877d 100644 --- a/webapp/packages/plugin-administration/src/AdministrationScreen/ConfigurationWizard/WizardStepper.m.css +++ b/webapp/packages/plugin-administration/src/AdministrationScreen/ConfigurationWizard/WizardStepper.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .wizardStepper { composes: theme-background-surface theme-text-on-surface theme-border-color-background from global; position: sticky; @@ -27,4 +34,4 @@ .wizardText { padding: 0 16px; -} \ No newline at end of file +} diff --git a/webapp/packages/plugin-administration/src/AdministrationScreen/ConfigurationWizard/WizardStepper.tsx b/webapp/packages/plugin-administration/src/AdministrationScreen/ConfigurationWizard/WizardStepper.tsx index 747c9dc526..cc96b6202a 100644 --- a/webapp/packages/plugin-administration/src/AdministrationScreen/ConfigurationWizard/WizardStepper.tsx +++ b/webapp/packages/plugin-administration/src/AdministrationScreen/ConfigurationWizard/WizardStepper.tsx @@ -10,7 +10,8 @@ import { observer } from 'mobx-react-lite'; import { ConfigurationWizardService } from '@cloudbeaver/core-administration'; import { Button, s, useS, useTranslate } from '@cloudbeaver/core-blocks'; import { useService } from '@cloudbeaver/core-di'; -import styles from './WizardStepper.m.css'; + +import styles from './WizardStepper.module.css'; export const WizardStepper = observer(function WizardStepper() { const service = useService(ConfigurationWizardService); diff --git a/webapp/packages/plugin-administration/src/AdministrationScreen/ConfigurationWizard/WizardTopAppBar/ConfigurationWizardTitle.m.css b/webapp/packages/plugin-administration/src/AdministrationScreen/ConfigurationWizard/WizardTopAppBar/ConfigurationWizardTitle.m.css deleted file mode 100644 index 5345834e3e..0000000000 --- a/webapp/packages/plugin-administration/src/AdministrationScreen/ConfigurationWizard/WizardTopAppBar/ConfigurationWizardTitle.m.css +++ /dev/null @@ -1,4 +0,0 @@ -.wizardTitle { - text-transform: uppercase; - font-weight: 700; -} \ No newline at end of file diff --git a/webapp/packages/plugin-administration/src/AdministrationScreen/ConfigurationWizard/WizardTopAppBar/ConfigurationWizardTitle.module.css b/webapp/packages/plugin-administration/src/AdministrationScreen/ConfigurationWizard/WizardTopAppBar/ConfigurationWizardTitle.module.css new file mode 100644 index 0000000000..b7fd8e3156 --- /dev/null +++ b/webapp/packages/plugin-administration/src/AdministrationScreen/ConfigurationWizard/WizardTopAppBar/ConfigurationWizardTitle.module.css @@ -0,0 +1,11 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.wizardTitle { + text-transform: uppercase; + font-weight: 700; +} diff --git a/webapp/packages/plugin-administration/src/AdministrationScreen/ConfigurationWizard/WizardTopAppBar/ConfigurationWizardTitle.tsx b/webapp/packages/plugin-administration/src/AdministrationScreen/ConfigurationWizard/WizardTopAppBar/ConfigurationWizardTitle.tsx index d5f43d1f8d..073f3646ad 100644 --- a/webapp/packages/plugin-administration/src/AdministrationScreen/ConfigurationWizard/WizardTopAppBar/ConfigurationWizardTitle.tsx +++ b/webapp/packages/plugin-administration/src/AdministrationScreen/ConfigurationWizard/WizardTopAppBar/ConfigurationWizardTitle.tsx @@ -5,13 +5,14 @@ * Licensed under the Apache License, Version 2.0. * you may not use this file except in compliance with the License. */ -import { Translate, s, useS } from '@cloudbeaver/core-blocks'; -import styles from './ConfigurationWizardTitle.m.css'; +import { s, Translate, useS } from '@cloudbeaver/core-blocks'; + +import styles from './ConfigurationWizardTitle.module.css'; export function ConfigurationWizardTitle() { const style = useS(styles); return ( -
+
); diff --git a/webapp/packages/plugin-administration/src/ConfigurationWizard/Finish/FinishPage.m.css b/webapp/packages/plugin-administration/src/ConfigurationWizard/Finish/FinishPage.module.css similarity index 100% rename from webapp/packages/plugin-administration/src/ConfigurationWizard/Finish/FinishPage.m.css rename to webapp/packages/plugin-administration/src/ConfigurationWizard/Finish/FinishPage.module.css diff --git a/webapp/packages/plugin-administration/src/ConfigurationWizard/Finish/FinishPage.tsx b/webapp/packages/plugin-administration/src/ConfigurationWizard/Finish/FinishPage.tsx index 9be2c34952..b1e85f5842 100644 --- a/webapp/packages/plugin-administration/src/ConfigurationWizard/Finish/FinishPage.tsx +++ b/webapp/packages/plugin-administration/src/ConfigurationWizard/Finish/FinishPage.tsx @@ -11,7 +11,7 @@ import { ConfigurationWizardService } from '@cloudbeaver/core-administration'; import { Button, s, useFocus, useS, useTranslate } from '@cloudbeaver/core-blocks'; import { useService } from '@cloudbeaver/core-di'; -import styles from './FinishPage.m.css'; +import styles from './FinishPage.module.css'; export const FinishPage = observer(function FinishPage() { const translate = useTranslate(); diff --git a/webapp/packages/plugin-administration/src/ConfigurationWizard/ServerConfiguration/ServerConfigurationDriversForm.m.css b/webapp/packages/plugin-administration/src/ConfigurationWizard/ServerConfiguration/ServerConfigurationDriversForm.m.css deleted file mode 100644 index 7504377d21..0000000000 --- a/webapp/packages/plugin-administration/src/ConfigurationWizard/ServerConfiguration/ServerConfigurationDriversForm.m.css +++ /dev/null @@ -1,4 +0,0 @@ -.wrapper { - max-height: 100px; - overflow: auto; -} \ No newline at end of file diff --git a/webapp/packages/plugin-administration/src/ConfigurationWizard/ServerConfiguration/ServerConfigurationDriversForm.module.css b/webapp/packages/plugin-administration/src/ConfigurationWizard/ServerConfiguration/ServerConfigurationDriversForm.module.css new file mode 100644 index 0000000000..ea65252fc3 --- /dev/null +++ b/webapp/packages/plugin-administration/src/ConfigurationWizard/ServerConfiguration/ServerConfigurationDriversForm.module.css @@ -0,0 +1,11 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.wrapper { + max-height: 100px; + overflow: auto; +} diff --git a/webapp/packages/plugin-administration/src/ConfigurationWizard/ServerConfiguration/ServerConfigurationDriversForm.tsx b/webapp/packages/plugin-administration/src/ConfigurationWizard/ServerConfiguration/ServerConfigurationDriversForm.tsx index 5714ba0d23..d8fc095580 100644 --- a/webapp/packages/plugin-administration/src/ConfigurationWizard/ServerConfiguration/ServerConfigurationDriversForm.tsx +++ b/webapp/packages/plugin-administration/src/ConfigurationWizard/ServerConfiguration/ServerConfigurationDriversForm.tsx @@ -14,7 +14,7 @@ import { CachedMapAllKey, resourceKeyList } from '@cloudbeaver/core-resource'; import type { ServerConfigInput } from '@cloudbeaver/core-sdk'; import { isDefined } from '@cloudbeaver/core-utils'; -import style from './ServerConfigurationDriversForm.m.css'; +import style from './ServerConfigurationDriversForm.module.css'; interface Props { serverConfig: ServerConfigInput; diff --git a/webapp/packages/plugin-administration/src/ConfigurationWizard/ServerConfiguration/ServerConfigurationPage.m.css b/webapp/packages/plugin-administration/src/ConfigurationWizard/ServerConfiguration/ServerConfigurationPage.module.css similarity index 100% rename from webapp/packages/plugin-administration/src/ConfigurationWizard/ServerConfiguration/ServerConfigurationPage.m.css rename to webapp/packages/plugin-administration/src/ConfigurationWizard/ServerConfiguration/ServerConfigurationPage.module.css diff --git a/webapp/packages/plugin-administration/src/ConfigurationWizard/ServerConfiguration/ServerConfigurationPage.tsx b/webapp/packages/plugin-administration/src/ConfigurationWizard/ServerConfiguration/ServerConfigurationPage.tsx index 849e74cf80..cfccc10a75 100644 --- a/webapp/packages/plugin-administration/src/ConfigurationWizard/ServerConfiguration/ServerConfigurationPage.tsx +++ b/webapp/packages/plugin-administration/src/ConfigurationWizard/ServerConfiguration/ServerConfigurationPage.tsx @@ -36,7 +36,7 @@ import { ServerConfigurationInfoForm } from './Form/ServerConfigurationInfoForm' import { ServerConfigurationNavigatorViewForm } from './Form/ServerConfigurationNavigatorViewForm'; import { ServerConfigurationSecurityForm } from './Form/ServerConfigurationSecurityForm'; import { ServerConfigurationDriversForm } from './ServerConfigurationDriversForm'; -import style from './ServerConfigurationPage.m.css'; +import style from './ServerConfigurationPage.module.css'; import { ServerConfigurationService } from './ServerConfigurationService'; export const ServerConfigurationPage: AdministrationItemContentComponent = observer(function ServerConfigurationPage({ configurationWizard }) { diff --git a/webapp/packages/plugin-administration/src/ConfigurationWizard/Welcome/WelcomePage.m.css b/webapp/packages/plugin-administration/src/ConfigurationWizard/Welcome/WelcomePage.module.css similarity index 100% rename from webapp/packages/plugin-administration/src/ConfigurationWizard/Welcome/WelcomePage.m.css rename to webapp/packages/plugin-administration/src/ConfigurationWizard/Welcome/WelcomePage.module.css diff --git a/webapp/packages/plugin-administration/src/ConfigurationWizard/Welcome/WelcomePage.tsx b/webapp/packages/plugin-administration/src/ConfigurationWizard/Welcome/WelcomePage.tsx index 18d4ed8b2d..aa2046af94 100644 --- a/webapp/packages/plugin-administration/src/ConfigurationWizard/Welcome/WelcomePage.tsx +++ b/webapp/packages/plugin-administration/src/ConfigurationWizard/Welcome/WelcomePage.tsx @@ -7,7 +7,7 @@ */ import { ColoredContainer, Group, GroupItem, s, Translate, useS } from '@cloudbeaver/core-blocks'; -import styles from './WelcomePage.m.css'; +import styles from './WelcomePage.module.css'; export const WelcomePage: React.FC = function WelcomePage() { const style = useS(styles); diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/CreateTeam.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/CreateTeam.module.css similarity index 100% rename from webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/CreateTeam.m.css rename to webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/CreateTeam.module.css diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/CreateTeam.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/CreateTeam.tsx index 96d34d0079..4633c24c63 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/CreateTeam.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/CreateTeam.tsx @@ -10,7 +10,7 @@ import { observer } from 'mobx-react-lite'; import { Container, Group, GroupTitle, Loader, s, Translate, useS, useTranslate } from '@cloudbeaver/core-blocks'; import { useService } from '@cloudbeaver/core-di'; -import style from './CreateTeam.m.css'; +import style from './CreateTeam.module.css'; import { CreateTeamService } from './CreateTeamService'; import { TeamForm } from './TeamForm'; diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/ConnectionList.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/ConnectionList.module.css similarity index 100% rename from webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/ConnectionList.m.css rename to webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/ConnectionList.module.css diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/ConnectionList.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/ConnectionList.tsx index aa5967b97d..e19005ab97 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/ConnectionList.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/ConnectionList.tsx @@ -27,7 +27,7 @@ import { import { Connection, DBDriverResource } from '@cloudbeaver/core-connections'; import { useService } from '@cloudbeaver/core-di'; -import styles from './ConnectionList.m.css'; +import styles from './ConnectionList.module.css'; import { getFilteredConnections } from './getFilteredConnections'; import { GrantedConnectionsTableHeader, IFilterState } from './GrantedConnectionsTableHeader/GrantedConnectionsTableHeader'; import { GrantedConnectionsTableInnerHeader } from './GrantedConnectionsTableHeader/GrantedConnectionsTableInnerHeader'; diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnections.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnections.m.css deleted file mode 100644 index d4e616ced3..0000000000 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnections.m.css +++ /dev/null @@ -1,15 +0,0 @@ -.box { - flex: 1; - height: 100%; - box-sizing: border-box; -} - -.placeholderBox { - max-height: 100%; - position: relative; - overflow: auto !important; -} - -.loader { - z-index: 2; -} diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnections.module.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnections.module.css new file mode 100644 index 0000000000..293ac777b5 --- /dev/null +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnections.module.css @@ -0,0 +1,22 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.box { + flex: 1; + height: 100%; + box-sizing: border-box; +} + +.placeholderBox { + max-height: 100%; + position: relative; + overflow: auto !important; +} + +.loader { + z-index: 2; +} diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnections.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnections.tsx index 364000c718..ec94d32f1f 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnections.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnections.tsx @@ -28,7 +28,7 @@ import { TabContainerPanelComponent, useTab } from '@cloudbeaver/core-ui'; import type { ITeamFormProps } from '../ITeamFormProps'; import { ConnectionList } from './ConnectionList'; -import style from './GrantedConnections.m.css'; +import style from './GrantedConnections.module.css'; import { GrantedConnectionList } from './GrantedConnectionsList'; import { useGrantedConnections } from './useGrantedConnections'; diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsList.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsList.module.css similarity index 100% rename from webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsList.m.css rename to webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsList.module.css diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsList.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsList.tsx index d9db50eaed..9f98a122e3 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsList.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsList.tsx @@ -29,7 +29,7 @@ import { useService } from '@cloudbeaver/core-di'; import type { TLocalizationToken } from '@cloudbeaver/core-localization'; import { getFilteredConnections } from './getFilteredConnections'; -import style from './GrantedConnectionsList.m.css'; +import style from './GrantedConnectionsList.module.css'; import { GrantedConnectionsTableHeader, IFilterState } from './GrantedConnectionsTableHeader/GrantedConnectionsTableHeader'; import { GrantedConnectionsTableInnerHeader } from './GrantedConnectionsTableHeader/GrantedConnectionsTableInnerHeader'; import { GrantedConnectionsTableItem } from './GrantedConnectionsTableItem'; diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsTableHeader/GrantedConnectionsTableHeader.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsTableHeader/GrantedConnectionsTableHeader.module.css similarity index 100% rename from webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsTableHeader/GrantedConnectionsTableHeader.m.css rename to webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsTableHeader/GrantedConnectionsTableHeader.module.css diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsTableHeader/GrantedConnectionsTableHeader.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsTableHeader/GrantedConnectionsTableHeader.tsx index 19ec3f71a7..1dda5fa1f5 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsTableHeader/GrantedConnectionsTableHeader.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsTableHeader/GrantedConnectionsTableHeader.tsx @@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite'; import { Container, Filter, s, useS, useTranslate } from '@cloudbeaver/core-blocks'; -import style from './GrantedConnectionsTableHeader.m.css'; +import style from './GrantedConnectionsTableHeader.module.css'; export interface IFilterState { filterValue: string; diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsTableItem.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsTableItem.m.css deleted file mode 100644 index 5378504fe0..0000000000 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsTableItem.m.css +++ /dev/null @@ -1,4 +0,0 @@ -.staticImage { - display: flex; - width: 24px; -} diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsersTableItem.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsTableItem.module.css similarity index 100% rename from webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsersTableItem.m.css rename to webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsTableItem.module.css diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsTableItem.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsTableItem.tsx index 73467ccdee..5b611396ac 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsTableItem.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedConnections/GrantedConnectionsTableItem.tsx @@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite'; import { StaticImage, TableColumnValue, TableItem, TableItemSelect } from '@cloudbeaver/core-blocks'; -import style from './GrantedConnectionsTableItem.m.css'; +import style from './GrantedConnectionsTableItem.module.css'; interface Props { id: any; diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUserList.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUserList.module.css similarity index 100% rename from webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUserList.m.css rename to webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUserList.module.css diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUserList.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUserList.tsx index 5f3f332437..ee2cf8aec8 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUserList.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUserList.tsx @@ -31,7 +31,7 @@ import type { TLocalizationToken } from '@cloudbeaver/core-localization'; import { ServerConfigResource } from '@cloudbeaver/core-root'; import { getFilteredUsers } from './getFilteredUsers'; -import style from './GrantedUserList.m.css'; +import style from './GrantedUserList.module.css'; import { GrantedUsersTableHeader, IFilterState } from './GrantedUsersTableHeader/GrantedUsersTableHeader'; import { GrantedUsersTableInnerHeader } from './GrantedUsersTableHeader/GrantedUsersTableInnerHeader'; import { GrantedUsersTableItem } from './GrantedUsersTableItem'; diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsers.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsers.m.css deleted file mode 100644 index d4e616ced3..0000000000 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsers.m.css +++ /dev/null @@ -1,15 +0,0 @@ -.box { - flex: 1; - height: 100%; - box-sizing: border-box; -} - -.placeholderBox { - max-height: 100%; - position: relative; - overflow: auto !important; -} - -.loader { - z-index: 2; -} diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsers.module.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsers.module.css new file mode 100644 index 0000000000..293ac777b5 --- /dev/null +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsers.module.css @@ -0,0 +1,22 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.box { + flex: 1; + height: 100%; + box-sizing: border-box; +} + +.placeholderBox { + max-height: 100%; + position: relative; + overflow: auto !important; +} + +.loader { + z-index: 2; +} diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsers.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsers.tsx index 445d0fe2fe..bc75486716 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsers.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsers.tsx @@ -8,25 +8,14 @@ import { observer } from 'mobx-react-lite'; import { UsersResource, UsersResourceFilterKey } from '@cloudbeaver/core-authentication'; -import { - Container, - Group, - InfoItem, - Loader, - s, - TextPlaceholder, - useAutoLoad, - useResource, - useS, - useTranslate, -} from '@cloudbeaver/core-blocks'; +import { Container, Group, InfoItem, Loader, s, TextPlaceholder, useAutoLoad, useResource, useS, useTranslate } from '@cloudbeaver/core-blocks'; import { CachedResourceOffsetPageListKey } from '@cloudbeaver/core-resource'; import { ServerConfigResource } from '@cloudbeaver/core-root'; import { TabContainerPanelComponent, useTab } from '@cloudbeaver/core-ui'; import type { ITeamFormProps } from '../ITeamFormProps'; import { GrantedUserList } from './GrantedUserList'; -import style from './GrantedUsers.m.css'; +import style from './GrantedUsers.module.css'; import type { IGrantedUser } from './IGrantedUser'; import { useGrantedUsers } from './useGrantedUsers'; import { UserList } from './UserList'; diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsersTableHeader/GrantedUsersTableHeader.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsersTableHeader/GrantedUsersTableHeader.module.css similarity index 100% rename from webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsersTableHeader/GrantedUsersTableHeader.m.css rename to webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsersTableHeader/GrantedUsersTableHeader.module.css diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsersTableHeader/GrantedUsersTableHeader.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsersTableHeader/GrantedUsersTableHeader.tsx index 2186d30bca..d124bcf62f 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsersTableHeader/GrantedUsersTableHeader.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsersTableHeader/GrantedUsersTableHeader.tsx @@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite'; import { Container, Filter, s, useS, useTranslate } from '@cloudbeaver/core-blocks'; -import style from './GrantedUsersTableHeader.m.css'; +import style from './GrantedUsersTableHeader.module.css'; export interface IFilterState { filterValue: string; diff --git a/webapp/packages/plugin-data-import/src/DataImportDialog/ImportProcessorList.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsersTableItem.module.css similarity index 100% rename from webapp/packages/plugin-data-import/src/DataImportDialog/ImportProcessorList.m.css rename to webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsersTableItem.module.css diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsersTableItem.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsersTableItem.tsx index 45047fd881..38123138b1 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsersTableItem.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsersTableItem.tsx @@ -10,7 +10,7 @@ import { observer } from 'mobx-react-lite'; import { USER_TEAM_ROLE_SUPERVISOR } from '@cloudbeaver/core-authentication'; import { Checkbox, StaticImage, TableColumnValue, TableItem, TableItemSelect, useTranslate } from '@cloudbeaver/core-blocks'; -import classes from './GrantedUsersTableItem.m.css'; +import classes from './GrantedUsersTableItem.module.css'; interface Props { id: any; diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/UserList.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/UserList.module.css similarity index 100% rename from webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/UserList.m.css rename to webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/UserList.module.css diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/UserList.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/UserList.tsx index c32f32e539..de515c6fb2 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/UserList.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/UserList.tsx @@ -31,7 +31,7 @@ import type { AdminUserInfoFragment } from '@cloudbeaver/core-sdk'; import { getFilteredUsers } from './getFilteredUsers'; import { GrantedUsersTableHeader, IFilterState } from './GrantedUsersTableHeader/GrantedUsersTableHeader'; -import style from './UserList.m.css'; +import style from './UserList.module.css'; import { UsersTableInnerHeader } from './UsersTableInnerHeader'; import { UsersTableItem } from './UsersTableItem'; diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/UsersTableItem.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/UsersTableItem.tsx index 73d1799bd5..8b06976b8c 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/UsersTableItem.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/UsersTableItem.tsx @@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite'; import { StaticImage, TableColumnValue, TableItem, TableItemSelect } from '@cloudbeaver/core-blocks'; -import style from './GrantedUsersTableItem.m.css'; +import style from './GrantedUsersTableItem.module.css'; interface Props { id: any; diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamForm.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamForm.module.css similarity index 100% rename from webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamForm.m.css rename to webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamForm.module.css diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamForm.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamForm.tsx index 88c57fc443..9594c4592b 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamForm.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamForm.tsx @@ -28,7 +28,7 @@ import { TabList, TabPanelList, TabsState } from '@cloudbeaver/core-ui'; import { teamContext } from './Contexts/teamContext'; import type { ITeamFormState } from './ITeamFormProps'; -import style from './TeamForm.m.css'; +import style from './TeamForm.module.css'; import { ITeamFormActionsContext, TeamFormActionsContext } from './TeamFormActionsContext'; import { TeamFormService } from './TeamFormService'; diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/Team.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/Team.m.css deleted file mode 100644 index dcd6bb1fde..0000000000 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/Team.m.css +++ /dev/null @@ -1,7 +0,0 @@ -.expand { - cursor: pointer; -} - -.gap { - gap: 16px; -} diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/Team.module.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/Team.module.css new file mode 100644 index 0000000000..890d9699c4 --- /dev/null +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/Team.module.css @@ -0,0 +1,14 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.expand { + cursor: pointer; +} + +.gap { + gap: 16px; +} diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/Team.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/Team.tsx index a257dac6f1..97ddcd2355 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/Team.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/Team.tsx @@ -12,7 +12,7 @@ import { Loader, Placeholder, s, TableColumnValue, TableItem, TableItemExpand, T import { useService } from '@cloudbeaver/core-di'; import { TeamsAdministrationService } from '../TeamsAdministrationService'; -import style from './Team.m.css'; +import style from './Team.module.css'; import { TeamEdit } from './TeamEdit'; interface Props { diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/TeamEdit.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/TeamEdit.module.css similarity index 100% rename from webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/TeamEdit.m.css rename to webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/TeamEdit.module.css diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/TeamEdit.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/TeamEdit.tsx index d0b05b90e3..967117c7ea 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/TeamEdit.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/TeamEdit.tsx @@ -14,7 +14,7 @@ import { useService } from '@cloudbeaver/core-di'; import { TeamForm } from '../TeamForm'; import { useTeamFormState } from '../useTeamFormState'; -import style from './TeamEdit.m.css'; +import style from './TeamEdit.module.css'; interface Props { item: string; diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/TeamsTable.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/TeamsTable.m.css deleted file mode 100644 index c2a9136b4a..0000000000 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/TeamsTable.m.css +++ /dev/null @@ -1,3 +0,0 @@ -.error { - padding: 24px; -} \ No newline at end of file diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/TeamsTable.module.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/TeamsTable.module.css new file mode 100644 index 0000000000..f74cc01c48 --- /dev/null +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/TeamsTable.module.css @@ -0,0 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.error { + padding: 24px; +} diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/TeamsTable.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/TeamsTable.tsx index a30923476b..f9b5d4f3d4 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/TeamsTable.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/TeamsTable/TeamsTable.tsx @@ -8,19 +8,32 @@ import { observer } from 'mobx-react-lite'; import type { TeamInfo } from '@cloudbeaver/core-authentication'; -import { ExceptionMessageStyles, Loader, SContext, StyleRegistry, Table, TableBody, TableColumnHeader, TableHeader, TableSelect, useTranslate } from '@cloudbeaver/core-blocks'; +import { + ExceptionMessageStyles, + Loader, + SContext, + StyleRegistry, + Table, + TableBody, + TableColumnHeader, + TableHeader, + TableSelect, + useTranslate, +} from '@cloudbeaver/core-blocks'; import type { ILoadableState } from '@cloudbeaver/core-utils'; import { Team } from './Team'; -import teamsTableStyle from './TeamsTable.m.css'; +import teamsTableStyle from './TeamsTable.module.css'; -const registry: StyleRegistry = [[ - ExceptionMessageStyles, - { - mode: 'append', - styles: [teamsTableStyle], - }, -]]; +const registry: StyleRegistry = [ + [ + ExceptionMessageStyles, + { + mode: 'append', + styles: [teamsTableStyle], + }, + ], +]; interface Props { teams: TeamInfo[]; diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UserForm/AdministrationUserForm.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UserForm/AdministrationUserForm.module.css similarity index 100% rename from webapp/packages/plugin-authentication-administration/src/Administration/Users/UserForm/AdministrationUserForm.m.css rename to webapp/packages/plugin-authentication-administration/src/Administration/Users/UserForm/AdministrationUserForm.module.css diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UserForm/AdministrationUserForm.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UserForm/AdministrationUserForm.tsx index 0babe5e59f..17bb56e7c4 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UserForm/AdministrationUserForm.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UserForm/AdministrationUserForm.tsx @@ -13,7 +13,7 @@ import { NotificationService } from '@cloudbeaver/core-events'; import { FormMode, IFormState, TabList, TabPanelList, TabsState } from '@cloudbeaver/core-ui'; import { getFirstException } from '@cloudbeaver/core-utils'; -import style from './AdministrationUserForm.m.css'; +import style from './AdministrationUserForm.module.css'; import { AdministrationUserFormDeleteButton } from './AdministrationUserFormDeleteButton'; import { AdministrationUserFormService, IUserFormState } from './AdministrationUserFormService'; import { DATA_CONTEXT_USER_FORM_INFO_PART } from './Info/DATA_CONTEXT_USER_FORM_INFO_PART'; diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UserForm/DisableUserDialog.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UserForm/DisableUserDialog.m.css deleted file mode 100644 index 71bdcfde00..0000000000 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UserForm/DisableUserDialog.m.css +++ /dev/null @@ -1,4 +0,0 @@ -.commonDialogWrapper { - // override because of the non-english locales and the medium size is too large - width: 440px !important; -} diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UserForm/DisableUserDialog.module.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UserForm/DisableUserDialog.module.css new file mode 100644 index 0000000000..3ee212a4da --- /dev/null +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UserForm/DisableUserDialog.module.css @@ -0,0 +1,11 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.commonDialogWrapper { + // override because of the non-english locales and the medium size is too large + width: 440px !important; +} diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UserForm/DisableUserDialog.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UserForm/DisableUserDialog.tsx index b9333268c7..d15c22da7b 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UserForm/DisableUserDialog.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UserForm/DisableUserDialog.tsx @@ -26,7 +26,7 @@ import { useService } from '@cloudbeaver/core-di'; import type { DialogComponent } from '@cloudbeaver/core-dialogs'; import { NotificationService } from '@cloudbeaver/core-events'; -import classes from './DisableUserDialog.m.css'; +import classes from './DisableUserDialog.module.css'; interface IPayload { userId: string; diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersAdministration.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersAdministration.tsx index ba2d906679..81545e2537 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersAdministration.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersAdministration.tsx @@ -12,10 +12,10 @@ import { s, SContext, StyleRegistry, ToolsPanel, useS, useTranslate } from '@clo import { useService } from '@cloudbeaver/core-di'; import { ITabData, Tab, TabList, TabPanel, TabPanelStyles, TabsState, TabStyles, TabTitle, TabTitleStyles } from '@cloudbeaver/core-ui'; -import style from './shared/UsersAdministration.m.css'; -import tabStyle from './shared/UsersAdministrationTab.m.css'; -import tabPanelStyle from './shared/UsersAdministrationTabPanel.m.css'; -import TabTitleModuleStyles from './shared/UsersAdministrationTabTitle.m.css'; +import style from './shared/UsersAdministration.module.css'; +import tabStyle from './shared/UsersAdministrationTab.module.css'; +import tabPanelStyle from './shared/UsersAdministrationTabPanel.module.css'; +import TabTitleModuleStyles from './shared/UsersAdministrationTabTitle.module.css'; import { TeamsPage } from './Teams/TeamsPage'; import { EUsersAdministrationSub, UsersAdministrationNavigationService } from './UsersAdministrationNavigationService'; import { UsersPage } from './UsersTable/UsersPage'; diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/CreateUser.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/CreateUser.module.css similarity index 100% rename from webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/CreateUser.m.css rename to webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/CreateUser.module.css diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/CreateUser.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/CreateUser.tsx index 61abf479fa..ea70624414 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/CreateUser.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/CreateUser.tsx @@ -12,7 +12,7 @@ import type { IFormState } from '@cloudbeaver/core-ui'; import { AdministrationUserForm } from '../UserForm/AdministrationUserForm'; import type { IUserFormState } from '../UserForm/AdministrationUserFormService'; -import style from './CreateUser.m.css'; +import style from './CreateUser.module.css'; interface Props { state: IFormState; diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/Filters/UsersTableFilters.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/Filters/UsersTableFilters.module.css similarity index 100% rename from webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/Filters/UsersTableFilters.m.css rename to webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/Filters/UsersTableFilters.module.css diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/Filters/UsersTableFilters.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/Filters/UsersTableFilters.tsx index 3c4e5e86d5..429571b61b 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/Filters/UsersTableFilters.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/Filters/UsersTableFilters.tsx @@ -11,7 +11,7 @@ import { useState } from 'react'; import { AuthRolesResource } from '@cloudbeaver/core-authentication'; import { Combobox, Filter, Group, IconOrImage, s, useResource, useS, useTranslate } from '@cloudbeaver/core-blocks'; -import styles from './UsersTableFilters.m.css'; +import styles from './UsersTableFilters.module.css'; import { IUserFilters, USER_ROLE_ALL, USER_STATUSES } from './useUsersTableFilters'; interface Props { diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/User.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/User.m.css deleted file mode 100644 index 3aea094a5d..0000000000 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/User.m.css +++ /dev/null @@ -1,11 +0,0 @@ -.expand { - cursor: pointer; -} - -.gap { - gap: 16px; -} - -.overflow { - overflow: auto !important; -} diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/User.module.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/User.module.css new file mode 100644 index 0000000000..f274117052 --- /dev/null +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/User.module.css @@ -0,0 +1,18 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.expand { + cursor: pointer; +} + +.gap { + gap: 16px; +} + +.overflow { + overflow: auto !important; +} diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/User.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/User.tsx index e813c5b928..1747a680d3 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/User.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/User.tsx @@ -25,7 +25,7 @@ import { clsx } from '@cloudbeaver/core-utils'; import { AdministrationUsersManagementService } from '../../../AdministrationUsersManagementService'; import { UsersAdministrationService } from '../UsersAdministrationService'; -import style from './User.m.css'; +import style from './User.module.css'; import { UserEdit } from './UserEdit'; interface Props { diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UserCredentialsList.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UserCredentialsList.module.css similarity index 100% rename from webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UserCredentialsList.m.css rename to webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UserCredentialsList.module.css diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UserCredentialsList.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UserCredentialsList.tsx index 173e808562..ec63bc528a 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UserCredentialsList.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UserCredentialsList.tsx @@ -14,7 +14,7 @@ import { BaseDropdownStyles, PlaceholderComponent, s, StaticImage, useS, useTran import type { ObjectOrigin } from '@cloudbeaver/core-sdk'; import type { IUserDetailsInfoProps } from '../UsersAdministrationService'; -import style from './UserCredentialsList.m.css'; +import style from './UserCredentialsList.module.css'; const MAX_VISIBLE_CREDENTIALS = 3; diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UserEdit.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UserEdit.module.css similarity index 100% rename from webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UserEdit.m.css rename to webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UserEdit.module.css diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UserEdit.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UserEdit.tsx index 65ea2ce954..88f69f5477 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UserEdit.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UserEdit.tsx @@ -15,7 +15,7 @@ import { FormMode } from '@cloudbeaver/core-ui'; import { AdministrationUserForm } from '../UserForm/AdministrationUserForm'; import { AdministrationUserFormService } from '../UserForm/AdministrationUserFormService'; import { AdministrationUserFormState } from '../UserForm/AdministrationUserFormState'; -import style from './UserEdit.m.css'; +import style from './UserEdit.module.css'; export const UserEdit = observer>(function UserEdit({ item, onClose }) { const styles = useS(style); diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UsersAdministrationMenuBarItemStyles.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UsersAdministrationMenuBarItemStyles.m.css deleted file mode 100644 index 84175204ff..0000000000 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UsersAdministrationMenuBarItemStyles.m.css +++ /dev/null @@ -1,9 +0,0 @@ -.menuBarItem { - & .menuBarItemLabel { - font-size: 14px; - } - - & .menuBarItemIcon + .menuBarItemLabel { - padding-left: initial; - } -} diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UsersAdministrationMenuBarItemStyles.module.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UsersAdministrationMenuBarItemStyles.module.css new file mode 100644 index 0000000000..a58ffebbf3 --- /dev/null +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UsersAdministrationMenuBarItemStyles.module.css @@ -0,0 +1,16 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.menuBarItem { + & .menuBarItemLabel { + font-size: 14px; + } + + & .menuBarItemIcon + .menuBarItemLabel { + padding-left: initial; + } +} diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UsersAdministrationToolsPanel.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UsersAdministrationToolsPanel.module.css similarity index 100% rename from webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UsersAdministrationToolsPanel.m.css rename to webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UsersAdministrationToolsPanel.module.css diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UsersAdministrationToolsPanel.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UsersAdministrationToolsPanel.tsx index 414f9be2dd..98814f19ac 100644 --- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UsersAdministrationToolsPanel.tsx +++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/UsersTable/UsersAdministrationToolsPanel.tsx @@ -12,8 +12,8 @@ import { MenuBar, MenuBarItemStyles } from '@cloudbeaver/core-ui'; import { useMenu } from '@cloudbeaver/core-view'; import { MENU_USERS_ADMINISTRATION } from '../../../Menus/MENU_USERS_ADMINISTRATION'; -import UsersAdministrationMenuBarItemStyles from './UsersAdministrationMenuBarItemStyles.m.css'; -import styles from './UsersAdministrationToolsPanel.m.css'; +import UsersAdministrationMenuBarItemStyles from './UsersAdministrationMenuBarItemStyles.module.css'; +import styles from './UsersAdministrationToolsPanel.module.css'; interface Props { onUpdate: () => void; diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/shared/UsersAdministration.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/shared/UsersAdministration.module.css similarity index 100% rename from webapp/packages/plugin-authentication-administration/src/Administration/Users/shared/UsersAdministration.m.css rename to webapp/packages/plugin-authentication-administration/src/Administration/Users/shared/UsersAdministration.module.css diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/shared/UsersAdministrationTab.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/shared/UsersAdministrationTab.module.css similarity index 100% rename from webapp/packages/plugin-authentication-administration/src/Administration/Users/shared/UsersAdministrationTab.m.css rename to webapp/packages/plugin-authentication-administration/src/Administration/Users/shared/UsersAdministrationTab.module.css diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/shared/UsersAdministrationTabPanel.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/shared/UsersAdministrationTabPanel.module.css similarity index 100% rename from webapp/packages/plugin-authentication-administration/src/Administration/Users/shared/UsersAdministrationTabPanel.m.css rename to webapp/packages/plugin-authentication-administration/src/Administration/Users/shared/UsersAdministrationTabPanel.module.css diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/shared/UsersAdministrationTabTitle.m.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/shared/UsersAdministrationTabTitle.module.css similarity index 100% rename from webapp/packages/plugin-authentication-administration/src/Administration/Users/shared/UsersAdministrationTabTitle.m.css rename to webapp/packages/plugin-authentication-administration/src/Administration/Users/shared/UsersAdministrationTabTitle.module.css diff --git a/webapp/packages/plugin-authentication/src/Dialog/AuthDialog.m.css b/webapp/packages/plugin-authentication/src/Dialog/AuthDialog.module.css similarity index 100% rename from webapp/packages/plugin-authentication/src/Dialog/AuthDialog.m.css rename to webapp/packages/plugin-authentication/src/Dialog/AuthDialog.module.css diff --git a/webapp/packages/plugin-authentication/src/Dialog/AuthDialog.tsx b/webapp/packages/plugin-authentication/src/Dialog/AuthDialog.tsx index dbec7fa912..6f4aaff3ce 100644 --- a/webapp/packages/plugin-authentication/src/Dialog/AuthDialog.tsx +++ b/webapp/packages/plugin-authentication/src/Dialog/AuthDialog.tsx @@ -31,7 +31,7 @@ import { Tab, TabList, TabsState, TabTitle } from '@cloudbeaver/core-ui'; import { AuthenticationService } from '../AuthenticationService'; import type { IAuthOptions } from '../IAuthOptions'; -import style from './AuthDialog.m.css'; +import style from './AuthDialog.module.css'; import { AuthDialogFooter } from './AuthDialogFooter'; import { AuthProviderForm } from './AuthProviderForm/AuthProviderForm'; import { ConfigurationsList } from './AuthProviderForm/ConfigurationsList'; diff --git a/webapp/packages/plugin-authentication/src/Dialog/AuthDialogFooter.m.css b/webapp/packages/plugin-authentication/src/Dialog/AuthDialogFooter.module.css similarity index 100% rename from webapp/packages/plugin-authentication/src/Dialog/AuthDialogFooter.m.css rename to webapp/packages/plugin-authentication/src/Dialog/AuthDialogFooter.module.css diff --git a/webapp/packages/plugin-authentication/src/Dialog/AuthDialogFooter.tsx b/webapp/packages/plugin-authentication/src/Dialog/AuthDialogFooter.tsx index 62c27c4e67..2cd23c56fd 100644 --- a/webapp/packages/plugin-authentication/src/Dialog/AuthDialogFooter.tsx +++ b/webapp/packages/plugin-authentication/src/Dialog/AuthDialogFooter.tsx @@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite'; import { Button, s, useS, useTranslate } from '@cloudbeaver/core-blocks'; -import styles from './AuthDialogFooter.m.css'; +import styles from './AuthDialogFooter.module.css'; export interface Props extends React.PropsWithChildren { authAvailable: boolean; diff --git a/webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/ConfigurationsList.m.css b/webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/ConfigurationsList.module.css similarity index 100% rename from webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/ConfigurationsList.m.css rename to webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/ConfigurationsList.module.css diff --git a/webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/ConfigurationsList.tsx b/webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/ConfigurationsList.tsx index 0f73d0547a..fbe3e556e5 100644 --- a/webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/ConfigurationsList.tsx +++ b/webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/ConfigurationsList.tsx @@ -31,7 +31,7 @@ import type { UserInfo } from '@cloudbeaver/core-sdk'; import { ServerConfigurationAdministrationNavService } from '@cloudbeaver/plugin-administration'; import { AuthenticationService } from '../../AuthenticationService'; -import styles from './ConfigurationsList.m.css'; +import styles from './ConfigurationsList.module.css'; interface IProviderConfiguration { provider: AuthProvider; diff --git a/webapp/packages/plugin-connection-custom/src/DriverSelector/Driver.m.css b/webapp/packages/plugin-connection-custom/src/DriverSelector/Driver.m.css deleted file mode 100644 index 4835c4cc1d..0000000000 --- a/webapp/packages/plugin-connection-custom/src/DriverSelector/Driver.m.css +++ /dev/null @@ -1,5 +0,0 @@ -.staticImage { - box-sizing: border-box; - width: 24px; - max-height: 24px; -}; \ No newline at end of file diff --git a/webapp/packages/plugin-connection-custom/src/DriverSelector/Driver.module.css b/webapp/packages/plugin-connection-custom/src/DriverSelector/Driver.module.css new file mode 100644 index 0000000000..1563215dc9 --- /dev/null +++ b/webapp/packages/plugin-connection-custom/src/DriverSelector/Driver.module.css @@ -0,0 +1,12 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.staticImage { + box-sizing: border-box; + width: 24px; + max-height: 24px; +}; diff --git a/webapp/packages/plugin-connection-custom/src/DriverSelector/Driver.tsx b/webapp/packages/plugin-connection-custom/src/DriverSelector/Driver.tsx index 54852b3196..fdb52fe310 100644 --- a/webapp/packages/plugin-connection-custom/src/DriverSelector/Driver.tsx +++ b/webapp/packages/plugin-connection-custom/src/DriverSelector/Driver.tsx @@ -10,7 +10,7 @@ import { useCallback } from 'react'; import { ListItem, ListItemDescription, ListItemIcon, ListItemName, s, StaticImage, useS } from '@cloudbeaver/core-blocks'; -import style from './Driver.m.css'; +import style from './Driver.module.css'; export interface IDriver { id: string; diff --git a/webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelector.m.css b/webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelector.m.css deleted file mode 100644 index 54257352a3..0000000000 --- a/webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelector.m.css +++ /dev/null @@ -1,5 +0,0 @@ -.wrapper { - display: flex; - flex-direction: column; - overflow: auto; -} \ No newline at end of file diff --git a/webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelector.module.css b/webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelector.module.css new file mode 100644 index 0000000000..01ff509c5e --- /dev/null +++ b/webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelector.module.css @@ -0,0 +1,12 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.wrapper { + display: flex; + flex-direction: column; + overflow: auto; +} diff --git a/webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelector.tsx b/webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelector.tsx index 8f5cd83bdc..1bcc791911 100644 --- a/webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelector.tsx +++ b/webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelector.tsx @@ -11,7 +11,7 @@ import { useMemo, useState } from 'react'; import { ItemList, ItemListSearch, s, useFocus, useS, useTranslate } from '@cloudbeaver/core-blocks'; import { Driver, IDriver } from './Driver'; -import style from './DriverSelector.m.css'; +import style from './DriverSelector.module.css'; interface Props { drivers: IDriver[]; diff --git a/webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelectorDialog.m.css b/webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelectorDialog.m.css deleted file mode 100644 index 6fa529d844..0000000000 --- a/webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelectorDialog.m.css +++ /dev/null @@ -1,3 +0,0 @@ -.driverSelector { - flex: 1; -} diff --git a/webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelectorDialog.module.css b/webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelectorDialog.module.css new file mode 100644 index 0000000000..8a23c699da --- /dev/null +++ b/webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelectorDialog.module.css @@ -0,0 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.driverSelector { + flex: 1; +} diff --git a/webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelectorDialog.tsx b/webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelectorDialog.tsx index b4ee694361..1a83b447f9 100644 --- a/webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelectorDialog.tsx +++ b/webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelectorDialog.tsx @@ -14,7 +14,7 @@ import { ProjectInfoResource } from '@cloudbeaver/core-projects'; import { CachedMapAllKey } from '@cloudbeaver/core-resource'; import { DriverSelector } from './DriverSelector'; -import styles from './DriverSelectorDialog.m.css'; +import styles from './DriverSelectorDialog.module.css'; import { useDriverSelectorDialog } from './useDriverSelectorDialog'; export const DriverSelectorDialog: DialogComponent = observer(function DriverSelectorDialog({ rejectDialog }) { diff --git a/webapp/packages/plugin-connection-search/src/Search/Database.m.css b/webapp/packages/plugin-connection-search/src/Search/Database.module.css similarity index 61% rename from webapp/packages/plugin-connection-search/src/Search/Database.m.css rename to webapp/packages/plugin-connection-search/src/Search/Database.module.css index cec5e00bf2..59c276f5ed 100644 --- a/webapp/packages/plugin-connection-search/src/Search/Database.m.css +++ b/webapp/packages/plugin-connection-search/src/Search/Database.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .listItemIcon { position: relative; min-width: 80px; diff --git a/webapp/packages/plugin-connection-search/src/Search/Database.tsx b/webapp/packages/plugin-connection-search/src/Search/Database.tsx index 8b41796392..77693e6551 100644 --- a/webapp/packages/plugin-connection-search/src/Search/Database.tsx +++ b/webapp/packages/plugin-connection-search/src/Search/Database.tsx @@ -13,7 +13,7 @@ import { DBDriverResource } from '@cloudbeaver/core-connections'; import { useService } from '@cloudbeaver/core-di'; import type { AdminConnectionSearchInfo } from '@cloudbeaver/core-sdk'; -import style from './Database.m.css'; +import style from './Database.module.css'; interface Props { database: AdminConnectionSearchInfo; diff --git a/webapp/packages/plugin-connection-search/src/Search/DatabaseList.m.css b/webapp/packages/plugin-connection-search/src/Search/DatabaseList.m.css deleted file mode 100644 index 367c5c95e7..0000000000 --- a/webapp/packages/plugin-connection-search/src/Search/DatabaseList.m.css +++ /dev/null @@ -1,7 +0,0 @@ -.form { - composes: theme-background-surface theme-text-on-surface from global; - flex: 1; - display: flex; - flex-direction: column; - overflow: auto; -} diff --git a/webapp/packages/plugin-connection-search/src/Search/DatabaseList.module.css b/webapp/packages/plugin-connection-search/src/Search/DatabaseList.module.css new file mode 100644 index 0000000000..b8a3751e75 --- /dev/null +++ b/webapp/packages/plugin-connection-search/src/Search/DatabaseList.module.css @@ -0,0 +1,14 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.form { + composes: theme-background-surface theme-text-on-surface from global; + flex: 1; + display: flex; + flex-direction: column; + overflow: auto; +} diff --git a/webapp/packages/plugin-connection-search/src/Search/DatabaseList.tsx b/webapp/packages/plugin-connection-search/src/Search/DatabaseList.tsx index 46828b1c0f..4f04774fc6 100644 --- a/webapp/packages/plugin-connection-search/src/Search/DatabaseList.tsx +++ b/webapp/packages/plugin-connection-search/src/Search/DatabaseList.tsx @@ -12,7 +12,7 @@ import { Form, ItemList, ItemListSearch, s, TextPlaceholder, useFocus, useS, use import type { AdminConnectionSearchInfo } from '@cloudbeaver/core-sdk'; import { Database } from './Database'; -import style from './DatabaseList.m.css'; +import style from './DatabaseList.module.css'; interface Props { databases: AdminConnectionSearchInfo[]; diff --git a/webapp/packages/plugin-connection-search/src/Search/SearchDatabase.m.css b/webapp/packages/plugin-connection-search/src/Search/SearchDatabase.m.css deleted file mode 100644 index e79bedb055..0000000000 --- a/webapp/packages/plugin-connection-search/src/Search/SearchDatabase.m.css +++ /dev/null @@ -1,3 +0,0 @@ -.loader { - height: 100%; -} diff --git a/webapp/packages/plugin-connection-search/src/Search/SearchDatabase.module.css b/webapp/packages/plugin-connection-search/src/Search/SearchDatabase.module.css new file mode 100644 index 0000000000..1e6148d5d7 --- /dev/null +++ b/webapp/packages/plugin-connection-search/src/Search/SearchDatabase.module.css @@ -0,0 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.loader { + height: 100%; +} diff --git a/webapp/packages/plugin-connection-search/src/Search/SearchDatabase.tsx b/webapp/packages/plugin-connection-search/src/Search/SearchDatabase.tsx index 29635e6309..cbfa23566d 100644 --- a/webapp/packages/plugin-connection-search/src/Search/SearchDatabase.tsx +++ b/webapp/packages/plugin-connection-search/src/Search/SearchDatabase.tsx @@ -17,7 +17,7 @@ import { ConnectionFormLoader } from '@cloudbeaver/plugin-connections'; import { ConnectionSearchService } from './ConnectionSearchService'; import { DatabaseList } from './DatabaseList'; -import style from './SearchDatabase.m.css'; +import style from './SearchDatabase.module.css'; export const SearchDatabase: React.FC = observer(function SearchDatabase() { const styles = useS(style); diff --git a/webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialog.m.css b/webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialog.module.css similarity index 61% rename from webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialog.m.css rename to webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialog.module.css index 1dcf935c11..40ee28f441 100644 --- a/webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialog.m.css +++ b/webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialog.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .submittingForm, .center { display: flex; diff --git a/webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialog.tsx b/webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialog.tsx index 0a1ffa4248..b533c3e890 100644 --- a/webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialog.tsx +++ b/webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialog.tsx @@ -24,7 +24,7 @@ import { import type { DialogComponent } from '@cloudbeaver/core-dialogs'; import { ConnectionAuthenticationFormLoader } from '@cloudbeaver/plugin-connections'; -import style from './ConnectionDialog.m.css'; +import style from './ConnectionDialog.module.css'; import { ConnectionDialogFooter } from './ConnectionDialogFooter'; import { ConnectionStep } from './EConnectionStep'; import { TemplateConnectionSelector } from './TemplateConnectionSelector/TemplateConnectionSelector'; diff --git a/webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialogFooter.m.css b/webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialogFooter.m.css deleted file mode 100644 index 1afe3a27d6..0000000000 --- a/webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialogFooter.m.css +++ /dev/null @@ -1,12 +0,0 @@ -.controls { - display: flex; - flex: 1; - height: 100%; - align-items: center; - margin: auto; - gap: 24px; -} - -.fill { - flex: 1; -} diff --git a/webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialogFooter.module.css b/webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialogFooter.module.css new file mode 100644 index 0000000000..c350e9a12d --- /dev/null +++ b/webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialogFooter.module.css @@ -0,0 +1,19 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.controls { + display: flex; + flex: 1; + height: 100%; + align-items: center; + margin: auto; + gap: 24px; +} + +.fill { + flex: 1; +} diff --git a/webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialogFooter.tsx b/webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialogFooter.tsx index 5e761cc43e..941456183d 100644 --- a/webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialogFooter.tsx +++ b/webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialogFooter.tsx @@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite'; import { Button, useS, useTranslate } from '@cloudbeaver/core-blocks'; -import style from './ConnectionDialogFooter.m.css'; +import style from './ConnectionDialogFooter.module.css'; interface Props { isConnecting: boolean; diff --git a/webapp/packages/plugin-connection-template/src/ConnectionDialog/TemplateConnectionSelector/TemplateConnectionItem.m.css b/webapp/packages/plugin-connection-template/src/ConnectionDialog/TemplateConnectionSelector/TemplateConnectionItem.module.css similarity index 100% rename from webapp/packages/plugin-connection-template/src/ConnectionDialog/TemplateConnectionSelector/TemplateConnectionItem.m.css rename to webapp/packages/plugin-connection-template/src/ConnectionDialog/TemplateConnectionSelector/TemplateConnectionItem.module.css diff --git a/webapp/packages/plugin-connection-template/src/ConnectionDialog/TemplateConnectionSelector/TemplateConnectionItem.tsx b/webapp/packages/plugin-connection-template/src/ConnectionDialog/TemplateConnectionSelector/TemplateConnectionItem.tsx index 81fb1f0587..a0e385ea08 100644 --- a/webapp/packages/plugin-connection-template/src/ConnectionDialog/TemplateConnectionSelector/TemplateConnectionItem.tsx +++ b/webapp/packages/plugin-connection-template/src/ConnectionDialog/TemplateConnectionSelector/TemplateConnectionItem.tsx @@ -11,7 +11,7 @@ import { useCallback } from 'react'; import { ListItem, ListItemDescription, ListItemIcon, ListItemName, s, StaticImage, useS } from '@cloudbeaver/core-blocks'; import type { Connection, DBDriver } from '@cloudbeaver/core-connections'; -import styles from './TemplateConnectionItem.m.css'; +import styles from './TemplateConnectionItem.module.css'; interface Props { template: Connection; diff --git a/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsAdministration.m.css b/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsAdministration.m.css deleted file mode 100644 index 7d329d041d..0000000000 --- a/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsAdministration.m.css +++ /dev/null @@ -1,7 +0,0 @@ -.groupItem { - white-space: pre-wrap; -} - -.error { - padding: 24px; -} \ No newline at end of file diff --git a/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsAdministration.module.css b/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsAdministration.module.css new file mode 100644 index 0000000000..df0854380a --- /dev/null +++ b/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsAdministration.module.css @@ -0,0 +1,14 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.groupItem { + white-space: pre-wrap; +} + +.error { + padding: 24px; +} diff --git a/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsAdministration.tsx b/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsAdministration.tsx index a5e2a26265..2abc992790 100644 --- a/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsAdministration.tsx +++ b/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsAdministration.tsx @@ -30,7 +30,7 @@ import { ConnectionInfoActiveProjectKey, ConnectionInfoResource, DBDriverResourc import { useController, useService } from '@cloudbeaver/core-di'; import { CachedMapAllKey } from '@cloudbeaver/core-resource'; -import ConnectionsAdministrationStyle from './ConnectionsAdministration.m.css'; +import ConnectionsAdministrationStyle from './ConnectionsAdministration.module.css'; import { ConnectionsAdministrationController } from './ConnectionsAdministrationController'; import { ConnectionsTable } from './ConnectionsTable/ConnectionsTable'; import { CreateConnection } from './CreateConnection/CreateConnection'; diff --git a/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/Connection.m.css b/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/Connection.module.css similarity index 100% rename from webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/Connection.m.css rename to webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/Connection.module.css diff --git a/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/Connection.tsx b/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/Connection.tsx index 7570749287..bd5da4b40b 100644 --- a/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/Connection.tsx +++ b/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/Connection.tsx @@ -12,7 +12,7 @@ import { DatabaseConnection, DBDriverResource, IConnectionInfoParams } from '@cl import { useService } from '@cloudbeaver/core-di'; import { ConnectionsAdministrationService } from '../ConnectionsAdministrationService'; -import styles from './Connection.m.css'; +import styles from './Connection.module.css'; import { ConnectionEdit } from './ConnectionEdit'; interface Props { diff --git a/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionDetailsInfo/ConnectionDetailsStyles.m.css b/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionDetailsInfo/ConnectionDetailsStyles.module.css similarity index 100% rename from webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionDetailsInfo/ConnectionDetailsStyles.m.css rename to webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionDetailsInfo/ConnectionDetailsStyles.module.css diff --git a/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionDetailsInfo/Origin.tsx b/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionDetailsInfo/Origin.tsx index c146f193da..b576322589 100644 --- a/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionDetailsInfo/Origin.tsx +++ b/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionDetailsInfo/Origin.tsx @@ -11,7 +11,7 @@ import { AUTH_PROVIDER_LOCAL_ID } from '@cloudbeaver/core-authentication'; import { PlaceholderComponent, s, StaticImage, useS } from '@cloudbeaver/core-blocks'; import type { IConnectionDetailsPlaceholderProps } from '../../ConnectionsAdministrationService'; -import ConnectionDetailsStyles from './ConnectionDetailsStyles.m.css'; +import ConnectionDetailsStyles from './ConnectionDetailsStyles.module.css'; export const Origin: PlaceholderComponent = observer(function Origin({ connection }) { const isLocal = connection.origin?.type === AUTH_PROVIDER_LOCAL_ID; diff --git a/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionDetailsInfo/SSH.tsx b/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionDetailsInfo/SSH.tsx index fa515e924d..d48ec6c914 100644 --- a/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionDetailsInfo/SSH.tsx +++ b/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionDetailsInfo/SSH.tsx @@ -11,7 +11,7 @@ import { PlaceholderComponent, s, StaticImage, useResource, useS, useTranslate } import { NetworkHandlerResource, SSH_TUNNEL_ID } from '@cloudbeaver/core-connections'; import type { IConnectionDetailsPlaceholderProps } from '../../ConnectionsAdministrationService'; -import ConnectionDetailsStyles from './ConnectionDetailsStyles.m.css'; +import ConnectionDetailsStyles from './ConnectionDetailsStyles.module.css'; export const SSH: PlaceholderComponent = observer(function SSH({ connection }) { const translate = useTranslate(); diff --git a/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionDetailsInfo/Template.tsx b/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionDetailsInfo/Template.tsx index 04e433dfdd..14bb574d5b 100644 --- a/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionDetailsInfo/Template.tsx +++ b/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionDetailsInfo/Template.tsx @@ -10,7 +10,7 @@ import { observer } from 'mobx-react-lite'; import { PlaceholderComponent, s, StaticImage, useS } from '@cloudbeaver/core-blocks'; import type { IConnectionDetailsPlaceholderProps } from '../../ConnectionsAdministrationService'; -import ConnectionDetailsStyles from './ConnectionDetailsStyles.m.css'; +import ConnectionDetailsStyles from './ConnectionDetailsStyles.module.css'; export const Template: PlaceholderComponent = observer(function Template({ connection }) { const style = useS(ConnectionDetailsStyles); diff --git a/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionEdit.m.css b/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionEdit.module.css similarity index 100% rename from webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionEdit.m.css rename to webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionEdit.module.css diff --git a/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionEdit.tsx b/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionEdit.tsx index e720fb59bd..d2c1c750ae 100644 --- a/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionEdit.tsx +++ b/webapp/packages/plugin-connections-administration/src/Administration/Connections/ConnectionsTable/ConnectionEdit.tsx @@ -13,7 +13,7 @@ import { ConnectionInfoResource, IConnectionInfoParams } from '@cloudbeaver/core import { useService } from '@cloudbeaver/core-di'; import { ConnectionFormLoader, useConnectionFormState } from '@cloudbeaver/plugin-connections'; -import styles from './ConnectionEdit.m.css'; +import styles from './ConnectionEdit.module.css'; interface Props { item: IConnectionInfoParams; diff --git a/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/CreateConnection.tsx b/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/CreateConnection.tsx index a401fa397f..be0e1fd735 100644 --- a/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/CreateConnection.tsx +++ b/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/CreateConnection.tsx @@ -28,10 +28,10 @@ import { TabListStyles, TabPanelList, TabPanelStyles, TabsState, TabStyles } fro import { ConnectionFormLoader } from '@cloudbeaver/plugin-connections'; import { CreateConnectionService } from '../CreateConnectionService'; -import styles from './shared/CreateConnection.m.css'; -import CreateConnectionTab from './shared/CreateConnectionTab.m.css'; -import CreateConnectionTabList from './shared/CreateConnectionTabList.m.css'; -import CreateConnectionTabPanel from './shared/CreateConnectionTabPanel.m.css'; +import styles from './shared/CreateConnection.module.css'; +import CreateConnectionTab from './shared/CreateConnectionTab.module.css'; +import CreateConnectionTabList from './shared/CreateConnectionTabList.module.css'; +import CreateConnectionTabPanel from './shared/CreateConnectionTabPanel.module.css'; interface Props { method: string | null | undefined; diff --git a/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/Manual/Driver.m.css b/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/Manual/Driver.m.css deleted file mode 100644 index 4835c4cc1d..0000000000 --- a/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/Manual/Driver.m.css +++ /dev/null @@ -1,5 +0,0 @@ -.staticImage { - box-sizing: border-box; - width: 24px; - max-height: 24px; -}; \ No newline at end of file diff --git a/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/Manual/Driver.module.css b/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/Manual/Driver.module.css new file mode 100644 index 0000000000..1563215dc9 --- /dev/null +++ b/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/Manual/Driver.module.css @@ -0,0 +1,12 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.staticImage { + box-sizing: border-box; + width: 24px; + max-height: 24px; +}; diff --git a/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/Manual/Driver.tsx b/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/Manual/Driver.tsx index 4235290668..1047999291 100644 --- a/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/Manual/Driver.tsx +++ b/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/Manual/Driver.tsx @@ -11,7 +11,7 @@ import { useCallback } from 'react'; import { ListItem, ListItemDescription, ListItemIcon, ListItemName, s, StaticImage, useS } from '@cloudbeaver/core-blocks'; import type { DBDriver } from '@cloudbeaver/core-connections'; -import style from './Driver.m.css'; +import style from './Driver.module.css'; interface Props { driver: DBDriver; diff --git a/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/Manual/DriverList.m.css b/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/Manual/DriverList.module.css similarity index 100% rename from webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/Manual/DriverList.m.css rename to webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/Manual/DriverList.module.css diff --git a/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/Manual/DriverList.tsx b/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/Manual/DriverList.tsx index b2ff482996..c221d8df69 100644 --- a/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/Manual/DriverList.tsx +++ b/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/Manual/DriverList.tsx @@ -12,7 +12,7 @@ import { ItemList, ItemListSearch, s, useFocus, useS, useTranslate } from '@clou import type { DBDriver } from '@cloudbeaver/core-connections'; import { Driver } from './Driver'; -import styles from './DriverList.m.css'; +import styles from './DriverList.module.css'; interface Props { drivers: DBDriver[]; diff --git a/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/shared/CreateConnection.m.css b/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/shared/CreateConnection.module.css similarity index 100% rename from webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/shared/CreateConnection.m.css rename to webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/shared/CreateConnection.module.css diff --git a/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/shared/CreateConnectionTab.m.css b/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/shared/CreateConnectionTab.module.css similarity index 100% rename from webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/shared/CreateConnectionTab.m.css rename to webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/shared/CreateConnectionTab.module.css diff --git a/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/shared/CreateConnectionTabList.m.css b/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/shared/CreateConnectionTabList.module.css similarity index 100% rename from webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/shared/CreateConnectionTabList.m.css rename to webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/shared/CreateConnectionTabList.module.css diff --git a/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/shared/CreateConnectionTabPanel.m.css b/webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/shared/CreateConnectionTabPanel.module.css similarity index 100% rename from webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/shared/CreateConnectionTabPanel.m.css rename to webapp/packages/plugin-connections-administration/src/Administration/Connections/CreateConnection/shared/CreateConnectionTabPanel.module.css diff --git a/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccess.m.css b/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccess.module.css similarity index 100% rename from webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccess.m.css rename to webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccess.module.css diff --git a/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccess.tsx b/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccess.tsx index 053d4fa2f7..cafa9f0eb0 100644 --- a/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccess.tsx +++ b/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccess.tsx @@ -29,7 +29,7 @@ import { CachedMapAllKey, CachedResourceOffsetPageListKey } from '@cloudbeaver/c import { TabContainerPanelComponent, useTab } from '@cloudbeaver/core-ui'; import type { IConnectionFormProps } from '@cloudbeaver/plugin-connections'; -import styles from './ConnectionAccess.m.css'; +import styles from './ConnectionAccess.module.css'; import { ConnectionAccessGrantedList } from './ConnectionAccessGrantedList'; import { ConnectionAccessList } from './ConnectionAccessList'; import { useConnectionAccessState } from './useConnectionAccessState'; diff --git a/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessGrantedList.m.css b/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessGrantedList.module.css similarity index 100% rename from webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessGrantedList.m.css rename to webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessGrantedList.module.css diff --git a/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessGrantedList.tsx b/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessGrantedList.tsx index e662fda307..c365ca1fff 100644 --- a/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessGrantedList.tsx +++ b/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessGrantedList.tsx @@ -27,7 +27,7 @@ import { import type { TLocalizationToken } from '@cloudbeaver/core-localization'; import type { AdminUserInfoFragment } from '@cloudbeaver/core-sdk'; -import styles from './ConnectionAccessGrantedList.m.css'; +import styles from './ConnectionAccessGrantedList.module.css'; import { ConnectionAccessTableHeader, IFilterState } from './ConnectionAccessTableHeader/ConnectionAccessTableHeader'; import { ConnectionAccessTableInnerHeader } from './ConnectionAccessTableHeader/ConnectionAccessTableInnerHeader'; import { ConnectionAccessTableItem } from './ConnectionAccessTableItem'; diff --git a/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessList.m.css b/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessList.module.css similarity index 100% rename from webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessList.m.css rename to webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessList.module.css diff --git a/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessList.tsx b/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessList.tsx index 68faf63972..3edbc8d0ef 100644 --- a/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessList.tsx +++ b/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessList.tsx @@ -26,7 +26,7 @@ import { } from '@cloudbeaver/core-blocks'; import type { AdminUserInfoFragment } from '@cloudbeaver/core-sdk'; -import styles from './ConnectionAccessList.m.css'; +import styles from './ConnectionAccessList.module.css'; import { ConnectionAccessTableHeader, IFilterState } from './ConnectionAccessTableHeader/ConnectionAccessTableHeader'; import { ConnectionAccessTableInnerHeader } from './ConnectionAccessTableHeader/ConnectionAccessTableInnerHeader'; import { ConnectionAccessTableItem } from './ConnectionAccessTableItem'; diff --git a/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessTableHeader/ConnectionAccessTableHeader.m.css b/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessTableHeader/ConnectionAccessTableHeader.module.css similarity index 100% rename from webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessTableHeader/ConnectionAccessTableHeader.m.css rename to webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessTableHeader/ConnectionAccessTableHeader.module.css diff --git a/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessTableHeader/ConnectionAccessTableHeader.tsx b/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessTableHeader/ConnectionAccessTableHeader.tsx index 029ae7a983..4b5ee900a2 100644 --- a/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessTableHeader/ConnectionAccessTableHeader.tsx +++ b/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessTableHeader/ConnectionAccessTableHeader.tsx @@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite'; import { Filter, s, useS, useTranslate } from '@cloudbeaver/core-blocks'; -import styles from './ConnectionAccessTableHeader.m.css'; +import styles from './ConnectionAccessTableHeader.module.css'; export interface IFilterState { filterValue: string; diff --git a/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessTableItem.m.css b/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessTableItem.module.css similarity index 100% rename from webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessTableItem.m.css rename to webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessTableItem.module.css diff --git a/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessTableItem.tsx b/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessTableItem.tsx index 26b7be72f3..89079061fa 100644 --- a/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessTableItem.tsx +++ b/webapp/packages/plugin-connections-administration/src/ConnectionForm/ConnectionAccess/ConnectionAccessTableItem.tsx @@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite'; import { s, StaticImage, TableColumnValue, TableItem, TableItemSelect, useS } from '@cloudbeaver/core-blocks'; -import styles from './ConnectionAccessTableItem.m.css'; +import styles from './ConnectionAccessTableItem.module.css'; interface Props { id: any; diff --git a/webapp/packages/plugin-connections/src/ConnectionAuthentication/ConnectionAuthenticationDialog.m.css b/webapp/packages/plugin-connections/src/ConnectionAuthentication/ConnectionAuthenticationDialog.m.css deleted file mode 100644 index 6472b4a0a5..0000000000 --- a/webapp/packages/plugin-connections/src/ConnectionAuthentication/ConnectionAuthenticationDialog.m.css +++ /dev/null @@ -1,13 +0,0 @@ -.submittingForm { - overflow: auto; - margin: auto; - flex: 1; - display: flex; - flex-direction: column; -} -.connectionAuthenticationFormLoader { - align-content: center; -} -.button { - margin-left: auto; -} diff --git a/webapp/packages/plugin-connections/src/ConnectionAuthentication/ConnectionAuthenticationDialog.module.css b/webapp/packages/plugin-connections/src/ConnectionAuthentication/ConnectionAuthenticationDialog.module.css new file mode 100644 index 0000000000..fadb46eeef --- /dev/null +++ b/webapp/packages/plugin-connections/src/ConnectionAuthentication/ConnectionAuthenticationDialog.module.css @@ -0,0 +1,20 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.submittingForm { + overflow: auto; + margin: auto; + flex: 1; + display: flex; + flex-direction: column; +} +.connectionAuthenticationFormLoader { + align-content: center; +} +.button { + margin-left: auto; +} diff --git a/webapp/packages/plugin-connections/src/ConnectionAuthentication/ConnectionAuthenticationDialog.tsx b/webapp/packages/plugin-connections/src/ConnectionAuthentication/ConnectionAuthenticationDialog.tsx index 89e5af6311..a48b37fa29 100644 --- a/webapp/packages/plugin-connections/src/ConnectionAuthentication/ConnectionAuthenticationDialog.tsx +++ b/webapp/packages/plugin-connections/src/ConnectionAuthentication/ConnectionAuthenticationDialog.tsx @@ -23,7 +23,7 @@ import { useDBDriver } from '@cloudbeaver/core-connections'; import type { DialogComponent } from '@cloudbeaver/core-dialogs'; import type { ConnectionConfig } from '@cloudbeaver/core-sdk'; -import style from './ConnectionAuthenticationDialog.m.css'; +import style from './ConnectionAuthenticationDialog.module.css'; import { ConnectionAuthenticationFormLoader } from './ConnectionAuthenticationFormLoader'; export interface ConnectionAuthenticationDialogPayload { diff --git a/webapp/packages/plugin-connections/src/ConnectionForm/ConnectionForm.m.css b/webapp/packages/plugin-connections/src/ConnectionForm/ConnectionForm.module.css similarity index 100% rename from webapp/packages/plugin-connections/src/ConnectionForm/ConnectionForm.m.css rename to webapp/packages/plugin-connections/src/ConnectionForm/ConnectionForm.module.css diff --git a/webapp/packages/plugin-connections/src/ConnectionForm/ConnectionForm.tsx b/webapp/packages/plugin-connections/src/ConnectionForm/ConnectionForm.tsx index dbe5d7d18a..6e1978a290 100644 --- a/webapp/packages/plugin-connections/src/ConnectionForm/ConnectionForm.tsx +++ b/webapp/packages/plugin-connections/src/ConnectionForm/ConnectionForm.tsx @@ -15,7 +15,7 @@ import type { ConnectionConfig } from '@cloudbeaver/core-sdk'; import { TabList, TabPanelList, TabsState } from '@cloudbeaver/core-ui'; import { ConnectionFormActionsContext, IConnectionFormActionsContext } from './ConnectFormActionsContext'; -import style from './ConnectionForm.m.css'; +import style from './ConnectionForm.module.css'; import { ConnectionFormService } from './ConnectionFormService'; import { connectionConfigContext } from './Contexts/connectionConfigContext'; import type { IConnectionFormState } from './IConnectionFormProps'; diff --git a/webapp/packages/plugin-connections/src/ConnectionForm/DriverProperties/DriverProperties.m.css b/webapp/packages/plugin-connections/src/ConnectionForm/DriverProperties/DriverProperties.module.css similarity index 100% rename from webapp/packages/plugin-connections/src/ConnectionForm/DriverProperties/DriverProperties.m.css rename to webapp/packages/plugin-connections/src/ConnectionForm/DriverProperties/DriverProperties.module.css diff --git a/webapp/packages/plugin-connections/src/ConnectionForm/DriverProperties/DriverProperties.tsx b/webapp/packages/plugin-connections/src/ConnectionForm/DriverProperties/DriverProperties.tsx index c00c23c9c0..7a36004650 100644 --- a/webapp/packages/plugin-connections/src/ConnectionForm/DriverProperties/DriverProperties.tsx +++ b/webapp/packages/plugin-connections/src/ConnectionForm/DriverProperties/DriverProperties.tsx @@ -15,7 +15,7 @@ import { TabContainerPanelComponent, useTab } from '@cloudbeaver/core-ui'; import { uuid } from '@cloudbeaver/core-utils'; import type { IConnectionFormProps } from '../IConnectionFormProps'; -import styles from './DriverProperties.m.css'; +import styles from './DriverProperties.module.css'; export const DriverProperties: TabContainerPanelComponent = observer(function DriverProperties({ tabId, state: formState }) { const { selected } = useTab(tabId); diff --git a/webapp/packages/plugin-connections/src/ConnectionForm/Options/Options.m.css b/webapp/packages/plugin-connections/src/ConnectionForm/Options/Options.m.css deleted file mode 100644 index a9c02f1af7..0000000000 --- a/webapp/packages/plugin-connections/src/ConnectionForm/Options/Options.m.css +++ /dev/null @@ -1,4 +0,0 @@ -.form { - flex: 1; - overflow: auto; -} diff --git a/webapp/packages/plugin-connections/src/ConnectionForm/Options/Options.module.css b/webapp/packages/plugin-connections/src/ConnectionForm/Options/Options.module.css new file mode 100644 index 0000000000..afbf301b65 --- /dev/null +++ b/webapp/packages/plugin-connections/src/ConnectionForm/Options/Options.module.css @@ -0,0 +1,11 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.form { + flex: 1; + overflow: auto; +} diff --git a/webapp/packages/plugin-connections/src/ConnectionForm/Options/Options.tsx b/webapp/packages/plugin-connections/src/ConnectionForm/Options/Options.tsx index 12fa37d88d..8c9e53e45c 100644 --- a/webapp/packages/plugin-connections/src/ConnectionForm/Options/Options.tsx +++ b/webapp/packages/plugin-connections/src/ConnectionForm/Options/Options.tsx @@ -44,7 +44,7 @@ import { ConnectionFormService } from '../ConnectionFormService'; import type { IConnectionFormProps } from '../IConnectionFormProps'; import { CONNECTION_FORM_SHARED_CREDENTIALS_TAB_ID } from '../SharedCredentials/CONNECTION_FORM_SHARED_CREDENTIALS_TAB_ID'; import { ConnectionOptionsTabService } from './ConnectionOptionsTabService'; -import styles from './Options.m.css'; +import styles from './Options.module.css'; import { ParametersForm } from './ParametersForm'; import { ProviderPropertiesForm } from './ProviderPropertiesForm'; import { useOptions } from './useOptions'; diff --git a/webapp/packages/plugin-connections/src/ConnectionForm/OriginInfo/OriginInfo.m.css b/webapp/packages/plugin-connections/src/ConnectionForm/OriginInfo/OriginInfo.module.css similarity index 100% rename from webapp/packages/plugin-connections/src/ConnectionForm/OriginInfo/OriginInfo.m.css rename to webapp/packages/plugin-connections/src/ConnectionForm/OriginInfo/OriginInfo.module.css diff --git a/webapp/packages/plugin-connections/src/ConnectionForm/OriginInfo/OriginInfo.tsx b/webapp/packages/plugin-connections/src/ConnectionForm/OriginInfo/OriginInfo.tsx index 7d3e307999..36fb966197 100644 --- a/webapp/packages/plugin-connections/src/ConnectionForm/OriginInfo/OriginInfo.tsx +++ b/webapp/packages/plugin-connections/src/ConnectionForm/OriginInfo/OriginInfo.tsx @@ -25,7 +25,7 @@ import { createConnectionParam, DatabaseAuthModelsResource, DBDriverResource } f import { TabContainerPanelComponent, useTab, useTabState } from '@cloudbeaver/core-ui'; import type { IConnectionFormProps } from '../IConnectionFormProps'; -import styles from './OriginInfo.m.css'; +import styles from './OriginInfo.module.css'; export const OriginInfo: TabContainerPanelComponent = observer(function OriginInfo({ tabId, diff --git a/webapp/packages/plugin-connections/src/ConnectionForm/SSH/SSH.m.css b/webapp/packages/plugin-connections/src/ConnectionForm/SSH/SSH.module.css similarity index 100% rename from webapp/packages/plugin-connections/src/ConnectionForm/SSH/SSH.m.css rename to webapp/packages/plugin-connections/src/ConnectionForm/SSH/SSH.module.css diff --git a/webapp/packages/plugin-connections/src/ConnectionForm/SSH/SSH.tsx b/webapp/packages/plugin-connections/src/ConnectionForm/SSH/SSH.tsx index 3e575f0846..eef8f6d311 100644 --- a/webapp/packages/plugin-connections/src/ConnectionForm/SSH/SSH.tsx +++ b/webapp/packages/plugin-connections/src/ConnectionForm/SSH/SSH.tsx @@ -33,7 +33,7 @@ import { isSafari } from '@cloudbeaver/core-utils'; import type { IConnectionFormProps } from '../IConnectionFormProps'; import { authTypes } from './authTypes'; -import styles from './SSH.m.css'; +import styles from './SSH.module.css'; import { SSHKeyUploader } from './SSHKeyUploader'; interface Props extends IConnectionFormProps { diff --git a/webapp/packages/plugin-connections/src/ConnectionForm/SSL/SSL.m.css b/webapp/packages/plugin-connections/src/ConnectionForm/SSL/SSL.module.css similarity index 100% rename from webapp/packages/plugin-connections/src/ConnectionForm/SSL/SSL.m.css rename to webapp/packages/plugin-connections/src/ConnectionForm/SSL/SSL.module.css diff --git a/webapp/packages/plugin-connections/src/ConnectionForm/SSL/SSL.tsx b/webapp/packages/plugin-connections/src/ConnectionForm/SSL/SSL.tsx index 692620b5b9..337f05bb1e 100644 --- a/webapp/packages/plugin-connections/src/ConnectionForm/SSL/SSL.tsx +++ b/webapp/packages/plugin-connections/src/ConnectionForm/SSL/SSL.tsx @@ -28,7 +28,7 @@ import { isSafari } from '@cloudbeaver/core-utils'; import type { IConnectionFormProps } from '../IConnectionFormProps'; import { SAVED_VALUE_INDICATOR } from './SAVED_VALUE_INDICATOR'; -import styles from './SSL.m.css'; +import styles from './SSL.module.css'; interface Props extends IConnectionFormProps { handler: NetworkHandlerDescriptor; diff --git a/webapp/packages/plugin-connections/src/DatabaseAuthDialog/DatabaseCredentialsAuthDialog/DatabaseCredentialsAuthDialog.m.css b/webapp/packages/plugin-connections/src/DatabaseAuthDialog/DatabaseCredentialsAuthDialog/DatabaseCredentialsAuthDialog.module.css similarity index 55% rename from webapp/packages/plugin-connections/src/DatabaseAuthDialog/DatabaseCredentialsAuthDialog/DatabaseCredentialsAuthDialog.m.css rename to webapp/packages/plugin-connections/src/DatabaseAuthDialog/DatabaseCredentialsAuthDialog/DatabaseCredentialsAuthDialog.module.css index 7fb2a797bf..405a6b0724 100644 --- a/webapp/packages/plugin-connections/src/DatabaseAuthDialog/DatabaseCredentialsAuthDialog/DatabaseCredentialsAuthDialog.m.css +++ b/webapp/packages/plugin-connections/src/DatabaseAuthDialog/DatabaseCredentialsAuthDialog/DatabaseCredentialsAuthDialog.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .submittingForm { overflow: auto; margin: auto; diff --git a/webapp/packages/plugin-connections/src/DatabaseAuthDialog/DatabaseCredentialsAuthDialog/DatabaseCredentialsAuthDialog.tsx b/webapp/packages/plugin-connections/src/DatabaseAuthDialog/DatabaseCredentialsAuthDialog/DatabaseCredentialsAuthDialog.tsx index 2aebbf2f87..a322e9c1e1 100644 --- a/webapp/packages/plugin-connections/src/DatabaseAuthDialog/DatabaseCredentialsAuthDialog/DatabaseCredentialsAuthDialog.tsx +++ b/webapp/packages/plugin-connections/src/DatabaseAuthDialog/DatabaseCredentialsAuthDialog/DatabaseCredentialsAuthDialog.tsx @@ -24,7 +24,7 @@ import { import type { IConnectionInfoParams } from '@cloudbeaver/core-connections'; import { ConnectionAuthenticationFormLoader } from '../../ConnectionAuthentication/ConnectionAuthenticationFormLoader'; -import style from './DatabaseCredentialsAuthDialog.m.css'; +import style from './DatabaseCredentialsAuthDialog.module.css'; import { DatabaseCredentialsAuthDialogFooter } from './DatabaseCredentialsAuthDialogFooter'; import { useDatabaseCredentialsAuthDialog } from './useDatabaseCredentialsAuthDialog'; diff --git a/webapp/packages/plugin-connections/src/DatabaseAuthDialog/DatabaseCredentialsAuthDialog/DatabaseCredentialsAuthDialogFooter.m.css b/webapp/packages/plugin-connections/src/DatabaseAuthDialog/DatabaseCredentialsAuthDialog/DatabaseCredentialsAuthDialogFooter.module.css similarity index 100% rename from webapp/packages/plugin-connections/src/DatabaseAuthDialog/DatabaseCredentialsAuthDialog/DatabaseCredentialsAuthDialogFooter.m.css rename to webapp/packages/plugin-connections/src/DatabaseAuthDialog/DatabaseCredentialsAuthDialog/DatabaseCredentialsAuthDialogFooter.module.css diff --git a/webapp/packages/plugin-connections/src/DatabaseAuthDialog/DatabaseCredentialsAuthDialog/DatabaseCredentialsAuthDialogFooter.tsx b/webapp/packages/plugin-connections/src/DatabaseAuthDialog/DatabaseCredentialsAuthDialog/DatabaseCredentialsAuthDialogFooter.tsx index a3b12f57f6..700e8b7606 100644 --- a/webapp/packages/plugin-connections/src/DatabaseAuthDialog/DatabaseCredentialsAuthDialog/DatabaseCredentialsAuthDialogFooter.tsx +++ b/webapp/packages/plugin-connections/src/DatabaseAuthDialog/DatabaseCredentialsAuthDialog/DatabaseCredentialsAuthDialogFooter.tsx @@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite'; import { Button, s, useS, useTranslate } from '@cloudbeaver/core-blocks'; -import styles from './DatabaseCredentialsAuthDialogFooter.m.css'; +import styles from './DatabaseCredentialsAuthDialogFooter.module.css'; export interface Props { isAuthenticating: boolean; diff --git a/webapp/packages/plugin-connections/src/PublicConnectionForm/PublicConnectionForm.m.css b/webapp/packages/plugin-connections/src/PublicConnectionForm/PublicConnectionForm.module.css similarity index 100% rename from webapp/packages/plugin-connections/src/PublicConnectionForm/PublicConnectionForm.m.css rename to webapp/packages/plugin-connections/src/PublicConnectionForm/PublicConnectionForm.module.css diff --git a/webapp/packages/plugin-connections/src/PublicConnectionForm/PublicConnectionForm.tsx b/webapp/packages/plugin-connections/src/PublicConnectionForm/PublicConnectionForm.tsx index 7f2e98caff..2201d95a10 100644 --- a/webapp/packages/plugin-connections/src/PublicConnectionForm/PublicConnectionForm.tsx +++ b/webapp/packages/plugin-connections/src/PublicConnectionForm/PublicConnectionForm.tsx @@ -12,7 +12,7 @@ import { Loader, s, useS } from '@cloudbeaver/core-blocks'; import { useService } from '@cloudbeaver/core-di'; import { ConnectionFormLoader } from '../ConnectionForm/ConnectionFormLoader'; -import styles from './PublicConnectionForm.m.css'; +import styles from './PublicConnectionForm.module.css'; import { PublicConnectionFormService } from './PublicConnectionFormService'; export const PublicConnectionForm: React.FC = observer(function PublicConnectionForm() { diff --git a/webapp/packages/plugin-data-export/src/Dialog/ExportProcessorList/ProcessorItem.m.css b/webapp/packages/plugin-data-export/src/Dialog/ExportProcessorList/ProcessorItem.m.css deleted file mode 100644 index 9d7556e8b9..0000000000 --- a/webapp/packages/plugin-data-export/src/Dialog/ExportProcessorList/ProcessorItem.m.css +++ /dev/null @@ -1,5 +0,0 @@ -.staticImage { - box-sizing: border-box; - width: 24px; - max-height: 24px; -} diff --git a/webapp/packages/plugin-data-export/src/Dialog/ExportProcessorList/ProcessorItem.module.css b/webapp/packages/plugin-data-export/src/Dialog/ExportProcessorList/ProcessorItem.module.css new file mode 100644 index 0000000000..caa9d53ead --- /dev/null +++ b/webapp/packages/plugin-data-export/src/Dialog/ExportProcessorList/ProcessorItem.module.css @@ -0,0 +1,12 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.staticImage { + box-sizing: border-box; + width: 24px; + max-height: 24px; +} diff --git a/webapp/packages/plugin-data-export/src/Dialog/ExportProcessorList/ProcessorItem.tsx b/webapp/packages/plugin-data-export/src/Dialog/ExportProcessorList/ProcessorItem.tsx index ff1969feac..8fa7ad8658 100644 --- a/webapp/packages/plugin-data-export/src/Dialog/ExportProcessorList/ProcessorItem.tsx +++ b/webapp/packages/plugin-data-export/src/Dialog/ExportProcessorList/ProcessorItem.tsx @@ -11,7 +11,7 @@ import { useCallback } from 'react'; import { ListItem, ListItemDescription, ListItemIcon, ListItemName, StaticImage } from '@cloudbeaver/core-blocks'; import type { DataTransferProcessorInfo } from '@cloudbeaver/core-sdk'; -import style from './ProcessorItem.m.css'; +import style from './ProcessorItem.module.css'; interface Props { processor: DataTransferProcessorInfo; diff --git a/webapp/packages/plugin-data-export/src/Dialog/ProcessorConfigureDialog.m.css b/webapp/packages/plugin-data-export/src/Dialog/ProcessorConfigureDialog.module.css similarity index 54% rename from webapp/packages/plugin-data-export/src/Dialog/ProcessorConfigureDialog.m.css rename to webapp/packages/plugin-data-export/src/Dialog/ProcessorConfigureDialog.module.css index 2ada5bd288..306b22abcc 100644 --- a/webapp/packages/plugin-data-export/src/Dialog/ProcessorConfigureDialog.m.css +++ b/webapp/packages/plugin-data-export/src/Dialog/ProcessorConfigureDialog.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .container .propertiesTable { flex: 1; overflow: hidden; diff --git a/webapp/packages/plugin-data-export/src/Dialog/ProcessorConfigureDialog.tsx b/webapp/packages/plugin-data-export/src/Dialog/ProcessorConfigureDialog.tsx index 93f6512622..75b7a1d329 100644 --- a/webapp/packages/plugin-data-export/src/Dialog/ProcessorConfigureDialog.tsx +++ b/webapp/packages/plugin-data-export/src/Dialog/ProcessorConfigureDialog.tsx @@ -25,7 +25,7 @@ import type { DataTransferOutputSettings, DataTransferProcessorInfo } from '@clo import { ITabData, Tab, TabList, TabsState, TabTitle } from '@cloudbeaver/core-ui'; import { OutputOptionsForm } from './OutputOptionsForm'; -import style from './ProcessorConfigureDialog.m.css'; +import style from './ProcessorConfigureDialog.module.css'; import { ProcessorConfigureDialogFooter } from './ProcessorConfigureDialogFooter'; interface Props { diff --git a/webapp/packages/plugin-data-export/src/Dialog/ProcessorConfigureDialogFooter.m.css b/webapp/packages/plugin-data-export/src/Dialog/ProcessorConfigureDialogFooter.m.css deleted file mode 100644 index e4ca902bbc..0000000000 --- a/webapp/packages/plugin-data-export/src/Dialog/ProcessorConfigureDialogFooter.m.css +++ /dev/null @@ -1,8 +0,0 @@ -.controls { - display: flex; - flex: 1; - height: 100%; - align-items: center; - margin: auto; - gap: 24px; -} diff --git a/webapp/packages/plugin-data-export/src/Dialog/ProcessorConfigureDialogFooter.module.css b/webapp/packages/plugin-data-export/src/Dialog/ProcessorConfigureDialogFooter.module.css new file mode 100644 index 0000000000..9f7bb0f7c6 --- /dev/null +++ b/webapp/packages/plugin-data-export/src/Dialog/ProcessorConfigureDialogFooter.module.css @@ -0,0 +1,15 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.controls { + display: flex; + flex: 1; + height: 100%; + align-items: center; + margin: auto; + gap: 24px; +} diff --git a/webapp/packages/plugin-data-export/src/Dialog/ProcessorConfigureDialogFooter.tsx b/webapp/packages/plugin-data-export/src/Dialog/ProcessorConfigureDialogFooter.tsx index 7c4da1f1d0..cf1b097bfc 100644 --- a/webapp/packages/plugin-data-export/src/Dialog/ProcessorConfigureDialogFooter.tsx +++ b/webapp/packages/plugin-data-export/src/Dialog/ProcessorConfigureDialogFooter.tsx @@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite'; import { Button, Fill, s, useS, useTranslate } from '@cloudbeaver/core-blocks'; -import style from './ProcessorConfigureDialogFooter.m.css'; +import style from './ProcessorConfigureDialogFooter.module.css'; interface Props { isExporting: boolean; diff --git a/webapp/packages/plugin-data-export/src/Dialog/ProcessorSelectDialog.m.css b/webapp/packages/plugin-data-export/src/Dialog/ProcessorSelectDialog.module.css similarity index 62% rename from webapp/packages/plugin-data-export/src/Dialog/ProcessorSelectDialog.m.css rename to webapp/packages/plugin-data-export/src/Dialog/ProcessorSelectDialog.module.css index 7507cef88e..f3bf76a8a9 100644 --- a/webapp/packages/plugin-data-export/src/Dialog/ProcessorSelectDialog.m.css +++ b/webapp/packages/plugin-data-export/src/Dialog/ProcessorSelectDialog.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .exportProcessorList { flex: 1; } diff --git a/webapp/packages/plugin-data-export/src/Dialog/ProcessorSelectDialog.tsx b/webapp/packages/plugin-data-export/src/Dialog/ProcessorSelectDialog.tsx index e2cb5b6461..ed1e364830 100644 --- a/webapp/packages/plugin-data-export/src/Dialog/ProcessorSelectDialog.tsx +++ b/webapp/packages/plugin-data-export/src/Dialog/ProcessorSelectDialog.tsx @@ -14,7 +14,7 @@ import type { DataTransferProcessorInfo } from '@cloudbeaver/core-sdk'; import { DataTransferProcessorsResource } from '../DataTransferProcessorsResource'; import type { IExportContext } from '../IExportContext'; import { ExportProcessorList } from './ExportProcessorList/ExportProcessorList'; -import style from './ProcessorSelectDialog.m.css'; +import style from './ProcessorSelectDialog.module.css'; interface Props { context: IExportContext; diff --git a/webapp/packages/plugin-data-export/src/ExportNotification/ExportNotification.m.css b/webapp/packages/plugin-data-export/src/ExportNotification/ExportNotification.module.css similarity index 63% rename from webapp/packages/plugin-data-export/src/ExportNotification/ExportNotification.m.css rename to webapp/packages/plugin-data-export/src/ExportNotification/ExportNotification.module.css index cba44a6d0d..26f9647b13 100644 --- a/webapp/packages/plugin-data-export/src/ExportNotification/ExportNotification.m.css +++ b/webapp/packages/plugin-data-export/src/ExportNotification/ExportNotification.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .message { composes: theme-typography--body1 from global; opacity: 0.8; diff --git a/webapp/packages/plugin-data-export/src/ExportNotification/ExportNotification.tsx b/webapp/packages/plugin-data-export/src/ExportNotification/ExportNotification.tsx index c8c1071003..3b97202d7e 100644 --- a/webapp/packages/plugin-data-export/src/ExportNotification/ExportNotification.tsx +++ b/webapp/packages/plugin-data-export/src/ExportNotification/ExportNotification.tsx @@ -22,7 +22,7 @@ import { import { ENotificationType } from '@cloudbeaver/core-events'; import { EDeferredState } from '@cloudbeaver/core-utils'; -import styles from './ExportNotification.m.css'; +import styles from './ExportNotification.module.css'; import type { IExportNotification } from './IExportNotification'; import { useExportNotification } from './useExportNotification'; diff --git a/webapp/packages/plugin-data-import/src/DataImportDialog/DataImportFileItem.m.css b/webapp/packages/plugin-data-import/src/DataImportDialog/DataImportFileItem.module.css similarity index 100% rename from webapp/packages/plugin-data-import/src/DataImportDialog/DataImportFileItem.m.css rename to webapp/packages/plugin-data-import/src/DataImportDialog/DataImportFileItem.module.css diff --git a/webapp/packages/plugin-data-import/src/DataImportDialog/DataImportFileItem.tsx b/webapp/packages/plugin-data-import/src/DataImportDialog/DataImportFileItem.tsx index c3a2603a54..754946477e 100644 --- a/webapp/packages/plugin-data-import/src/DataImportDialog/DataImportFileItem.tsx +++ b/webapp/packages/plugin-data-import/src/DataImportDialog/DataImportFileItem.tsx @@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite'; import { ActionIconButton, Container, s, TableColumnValue, TableItem, useS } from '@cloudbeaver/core-blocks'; -import classes from './DataImportFileItem.m.css'; +import classes from './DataImportFileItem.module.css'; interface Props { id: string; diff --git a/webapp/packages/plugin-data-import/src/DataImportDialog/DataImportFileSelector.m.css b/webapp/packages/plugin-data-import/src/DataImportDialog/DataImportFileSelector.module.css similarity index 100% rename from webapp/packages/plugin-data-import/src/DataImportDialog/DataImportFileSelector.m.css rename to webapp/packages/plugin-data-import/src/DataImportDialog/DataImportFileSelector.module.css diff --git a/webapp/packages/plugin-data-import/src/DataImportDialog/DataImportFileSelector.tsx b/webapp/packages/plugin-data-import/src/DataImportDialog/DataImportFileSelector.tsx index ed3d7e92d1..3ae552ca2a 100644 --- a/webapp/packages/plugin-data-import/src/DataImportDialog/DataImportFileSelector.tsx +++ b/webapp/packages/plugin-data-import/src/DataImportDialog/DataImportFileSelector.tsx @@ -10,7 +10,7 @@ import { observer } from 'mobx-react-lite'; import { Container, Group, InputFiles, s, Table, TableBody, TableColumnHeader, TableHeader, useS, useTranslate } from '@cloudbeaver/core-blocks'; import { DataImportFileItem } from './DataImportFileItem'; -import classes from './DataImportFileSelector.m.css'; +import classes from './DataImportFileSelector.module.css'; import type { IDataImportDialogState } from './IDataImportDialogState'; interface Props { diff --git a/webapp/packages/plugin-data-import/src/DataImportDialog/ImportProcessorList.module.css b/webapp/packages/plugin-data-import/src/DataImportDialog/ImportProcessorList.module.css new file mode 100644 index 0000000000..bd43f5c8d6 --- /dev/null +++ b/webapp/packages/plugin-data-import/src/DataImportDialog/ImportProcessorList.module.css @@ -0,0 +1,11 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.staticImage { + display: flex; + width: 24px; +} diff --git a/webapp/packages/plugin-data-import/src/DataImportDialog/ImportProcessorList.tsx b/webapp/packages/plugin-data-import/src/DataImportDialog/ImportProcessorList.tsx index 61ce76dd07..025f1fc151 100644 --- a/webapp/packages/plugin-data-import/src/DataImportDialog/ImportProcessorList.tsx +++ b/webapp/packages/plugin-data-import/src/DataImportDialog/ImportProcessorList.tsx @@ -12,7 +12,7 @@ import { CachedMapAllKey } from '@cloudbeaver/core-resource'; import type { DataTransferProcessorInfo } from '@cloudbeaver/core-sdk'; import { DataImportProcessorsResource } from '../DataImportProcessorsResource'; -import classes from './ImportProcessorList.m.css'; +import classes from './ImportProcessorList.module.css'; interface Props { onSelect: (processor: DataTransferProcessorInfo) => void; diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/CellEditor.m.css b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/CellEditor.module.css similarity index 100% rename from webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/CellEditor.m.css rename to webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/CellEditor.module.css diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/CellEditor.tsx b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/CellEditor.tsx index 6913ef090e..b3f0d456d3 100644 --- a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/CellEditor.tsx +++ b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/CellEditor.tsx @@ -16,7 +16,7 @@ import { InlineEditor } from '@cloudbeaver/core-ui'; import type { IResultSetElementKey, IResultSetRowKey } from '@cloudbeaver/plugin-data-viewer'; import type { RenderEditCellProps } from '@cloudbeaver/plugin-react-data-grid'; -import style from './CellEditor.m.css'; +import style from './CellEditor.module.css'; import { DataGridContext, IColumnResizeInfo } from './DataGridContext'; import { TableDataContext } from './TableDataContext'; diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/DataGridContextMenu/DataGridContextMenuFilter/FilterCustomValueDialog.m.css b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/DataGridContextMenu/DataGridContextMenuFilter/FilterCustomValueDialog.m.css deleted file mode 100644 index 30002cba9d..0000000000 --- a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/DataGridContextMenu/DataGridContextMenuFilter/FilterCustomValueDialog.m.css +++ /dev/null @@ -1,5 +0,0 @@ -.footer { - align-items: center; - justify-content: flex-end; - gap: 24px; -} diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/DataGridContextMenu/DataGridContextMenuFilter/FilterCustomValueDialog.module.css b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/DataGridContextMenu/DataGridContextMenuFilter/FilterCustomValueDialog.module.css new file mode 100644 index 0000000000..85d02143ef --- /dev/null +++ b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/DataGridContextMenu/DataGridContextMenuFilter/FilterCustomValueDialog.module.css @@ -0,0 +1,12 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.footer { + align-items: center; + justify-content: flex-end; + gap: 24px; +} diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/DataGridContextMenu/DataGridContextMenuFilter/FilterCustomValueDialog.tsx b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/DataGridContextMenu/DataGridContextMenuFilter/FilterCustomValueDialog.tsx index 30bae2860f..1df4d8c882 100644 --- a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/DataGridContextMenu/DataGridContextMenuFilter/FilterCustomValueDialog.tsx +++ b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/DataGridContextMenu/DataGridContextMenuFilter/FilterCustomValueDialog.tsx @@ -23,7 +23,7 @@ import { useService } from '@cloudbeaver/core-di'; import type { DialogComponent, DialogComponentProps } from '@cloudbeaver/core-dialogs'; import { ClipboardService } from '@cloudbeaver/core-ui'; -import style from './FilterCustomValueDialog.m.css'; +import style from './FilterCustomValueDialog.module.css'; interface IPayload { inputTitle: string; diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatter.m.css b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatter.module.css similarity index 100% rename from webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatter.m.css rename to webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatter.module.css diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatter.tsx b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatter.tsx index 0ac05e9545..aa7e357dc9 100644 --- a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatter.tsx +++ b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatter.tsx @@ -16,7 +16,7 @@ import { EditingContext } from '../../Editing/EditingContext'; import { CellContext } from '../CellRenderer/CellContext'; import { DataGridContext } from '../DataGridContext'; import { TableDataContext } from '../TableDataContext'; -import style from './CellFormatter.m.css'; +import style from './CellFormatter.module.css'; import { CellFormatterFactory } from './CellFormatterFactory'; import { CellMenu } from './Menu/CellMenu'; diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/BlobFormatter.m.css b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/BlobFormatter.module.css similarity index 89% rename from webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/BlobFormatter.m.css rename to webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/BlobFormatter.module.css index 07868f5492..1aaff7ae36 100644 --- a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/BlobFormatter.m.css +++ b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/BlobFormatter.module.css @@ -22,5 +22,5 @@ } .nullValue { - composes: nullValue from './CellNullValue.m.css'; + composes: nullValue from './CellNullValue.module.css'; } diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/BlobFormatter.tsx b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/BlobFormatter.tsx index 58e8bd75df..0f330bd1db 100644 --- a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/BlobFormatter.tsx +++ b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/BlobFormatter.tsx @@ -16,7 +16,7 @@ import { EditingContext } from '../../../Editing/EditingContext'; import { CellContext } from '../../CellRenderer/CellContext'; import { DataGridContext } from '../../DataGridContext'; import { TableDataContext } from '../../TableDataContext'; -import style from './BlobFormatter.m.css'; +import style from './BlobFormatter.module.css'; export const BlobFormatter = observer>(function BlobFormatter({ column, row }) { const context = useContext(DataGridContext); diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/BooleanFormatter.m.css b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/BooleanFormatter.module.css similarity index 88% rename from webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/BooleanFormatter.m.css rename to webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/BooleanFormatter.module.css index 2cf78732f0..7af5b5093f 100644 --- a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/BooleanFormatter.m.css +++ b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/BooleanFormatter.module.css @@ -15,7 +15,7 @@ } .nullValue { - composes: nullValue from './CellNullValue.m.css'; + composes: nullValue from './CellNullValue.module.css'; } .booleanFormatter:not(.nullValue) { diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/BooleanFormatter.tsx b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/BooleanFormatter.tsx index b2be712e65..b7b43000e9 100644 --- a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/BooleanFormatter.tsx +++ b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/BooleanFormatter.tsx @@ -16,7 +16,7 @@ import { EditingContext } from '../../../Editing/EditingContext'; import { CellContext } from '../../CellRenderer/CellContext'; import { DataGridContext } from '../../DataGridContext'; import { TableDataContext } from '../../TableDataContext'; -import style from './BooleanFormatter.m.css'; +import style from './BooleanFormatter.module.css'; export const BooleanFormatter = observer>(function BooleanFormatter({ column, row }) { const context = useContext(DataGridContext); diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/CellNullValue.m.css b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/CellNullValue.module.css similarity index 100% rename from webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/CellNullValue.m.css rename to webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/CellNullValue.module.css diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/TextFormatter.m.css b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/TextFormatter.module.css similarity index 91% rename from webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/TextFormatter.m.css rename to webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/TextFormatter.module.css index 8b3b664a62..9af1b16bbe 100644 --- a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/TextFormatter.m.css +++ b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/TextFormatter.module.css @@ -35,5 +35,5 @@ } .nullValue { - composes: nullValue from './CellNullValue.m.css'; + composes: nullValue from './CellNullValue.module.css'; } diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/TextFormatter.tsx b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/TextFormatter.tsx index 14f4b317fb..dac8ca0496 100644 --- a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/TextFormatter.tsx +++ b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/TextFormatter.tsx @@ -17,7 +17,7 @@ import { EditingContext } from '../../../Editing/EditingContext'; import type { IEditorRef } from '../../CellEditor'; import { CellContext } from '../../CellRenderer/CellContext'; import { TableDataContext } from '../../TableDataContext'; -import styles from './TextFormatter.m.css'; +import styles from './TextFormatter.module.css'; const CellEditor = importLazyComponent(() => import('../../CellEditor').then(module => module.CellEditor)); diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/Menu/CellMenu.m.css b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/Menu/CellMenu.module.css similarity index 100% rename from webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/Menu/CellMenu.m.css rename to webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/Menu/CellMenu.module.css diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/Menu/CellMenu.tsx b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/Menu/CellMenu.tsx index cc88d1bf3b..7203b16afa 100644 --- a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/Menu/CellMenu.tsx +++ b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/Menu/CellMenu.tsx @@ -13,7 +13,7 @@ import { EventContext, EventStopPropagationFlag } from '@cloudbeaver/core-events import type { IDatabaseDataModel, IDataPresentationActions, IDataTableActions, IResultSetElementKey } from '@cloudbeaver/plugin-data-viewer'; import { DataGridContextMenuService } from '../../DataGridContextMenu/DataGridContextMenuService'; -import styles from './CellMenu.m.css'; +import styles from './CellMenu.module.css'; interface Props { model: IDatabaseDataModel; diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/OrderButton.m.css b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/OrderButton.module.css similarity index 100% rename from webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/OrderButton.m.css rename to webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/OrderButton.module.css diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/OrderButton.tsx b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/OrderButton.tsx index bf93b51faa..a7ab4eb107 100644 --- a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/OrderButton.tsx +++ b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/OrderButton.tsx @@ -10,7 +10,7 @@ import { observer } from 'mobx-react-lite'; import { IconOrImage, s, useS, useTranslate } from '@cloudbeaver/core-blocks'; import { EOrder, getNextOrder, IDatabaseDataModel, ResultSetConstraintAction } from '@cloudbeaver/plugin-data-viewer'; -import style from './OrderButton.m.css'; +import style from './OrderButton.module.css'; interface Props { model: IDatabaseDataModel; diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/TableColumnHeader.m.css b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/TableColumnHeader.module.css similarity index 100% rename from webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/TableColumnHeader.m.css rename to webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/TableColumnHeader.module.css diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/TableColumnHeader.tsx b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/TableColumnHeader.tsx index 5191ca4f31..6cae888f81 100644 --- a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/TableColumnHeader.tsx +++ b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/TableColumnHeader.tsx @@ -16,7 +16,7 @@ import { DataGridContext } from '../DataGridContext'; import { DataGridSelectionContext } from '../DataGridSelection/DataGridSelectionContext'; import { TableDataContext } from '../TableDataContext'; import { OrderButton } from './OrderButton'; -import style from './TableColumnHeader.m.css'; +import style from './TableColumnHeader.module.css'; import { useTableColumnDnD } from './useTableColumnDnD'; export const TableColumnHeader = observer>(function TableColumnHeader({ column: calculatedColumn }) { diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/TableIndexColumnHeader.m.css b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/TableIndexColumnHeader.module.css similarity index 100% rename from webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/TableIndexColumnHeader.m.css rename to webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/TableIndexColumnHeader.module.css diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/TableIndexColumnHeader.tsx b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/TableIndexColumnHeader.tsx index a045518269..7f3e6b2214 100644 --- a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/TableIndexColumnHeader.tsx +++ b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/TableIndexColumnHeader.tsx @@ -14,7 +14,7 @@ import type { RenderHeaderCellProps } from '@cloudbeaver/plugin-react-data-grid' import { DataGridContext } from '../DataGridContext'; import { DataGridSelectionContext } from '../DataGridSelection/DataGridSelectionContext'; import { TableDataContext } from '../TableDataContext'; -import style from './TableIndexColumnHeader.m.css'; +import style from './TableIndexColumnHeader.module.css'; export const TableIndexColumnHeader = observer>(function TableIndexColumnHeader(props) { const dataGridContext = useContext(DataGridContext); diff --git a/webapp/packages/plugin-data-viewer-result-set-grouping/src/DVGroupingColumnEditorDialog/DVGroupingColumnEditorDialog.m.css b/webapp/packages/plugin-data-viewer-result-set-grouping/src/DVGroupingColumnEditorDialog/DVGroupingColumnEditorDialog.m.css deleted file mode 100644 index 84a947fc34..0000000000 --- a/webapp/packages/plugin-data-viewer-result-set-grouping/src/DVGroupingColumnEditorDialog/DVGroupingColumnEditorDialog.m.css +++ /dev/null @@ -1,6 +0,0 @@ -.footerContainer { - width: 100%; - display: flex; - gap: 14px; - justify-content: flex-end; -} \ No newline at end of file diff --git a/webapp/packages/plugin-data-viewer-result-set-grouping/src/DVGroupingColumnEditorDialog/DVGroupingColumnEditorDialog.module.css b/webapp/packages/plugin-data-viewer-result-set-grouping/src/DVGroupingColumnEditorDialog/DVGroupingColumnEditorDialog.module.css new file mode 100644 index 0000000000..12dbe71fec --- /dev/null +++ b/webapp/packages/plugin-data-viewer-result-set-grouping/src/DVGroupingColumnEditorDialog/DVGroupingColumnEditorDialog.module.css @@ -0,0 +1,13 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.footerContainer { + width: 100%; + display: flex; + gap: 14px; + justify-content: flex-end; +} diff --git a/webapp/packages/plugin-data-viewer-result-set-grouping/src/DVGroupingColumnEditorDialog/DVGroupingColumnEditorDialog.tsx b/webapp/packages/plugin-data-viewer-result-set-grouping/src/DVGroupingColumnEditorDialog/DVGroupingColumnEditorDialog.tsx index a463599051..acca9f7b21 100644 --- a/webapp/packages/plugin-data-viewer-result-set-grouping/src/DVGroupingColumnEditorDialog/DVGroupingColumnEditorDialog.tsx +++ b/webapp/packages/plugin-data-viewer-result-set-grouping/src/DVGroupingColumnEditorDialog/DVGroupingColumnEditorDialog.tsx @@ -23,7 +23,7 @@ import { import type { DialogComponentProps } from '@cloudbeaver/core-dialogs'; import type { IResultSetGroupingData } from '../DataContext/DATA_CONTEXT_DV_DDM_RS_GROUPING'; -import styles from './DVGroupingColumnEditorDialog.m.css'; +import styles from './DVGroupingColumnEditorDialog.module.css'; import { GroupingColumnEditorTable } from './GroupingColumnEditorTable'; interface Payload { diff --git a/webapp/packages/plugin-data-viewer-result-set-grouping/src/DVGroupingColumnEditorDialog/GroupingColumnEditorTable.m.css b/webapp/packages/plugin-data-viewer-result-set-grouping/src/DVGroupingColumnEditorDialog/GroupingColumnEditorTable.module.css similarity index 58% rename from webapp/packages/plugin-data-viewer-result-set-grouping/src/DVGroupingColumnEditorDialog/GroupingColumnEditorTable.m.css rename to webapp/packages/plugin-data-viewer-result-set-grouping/src/DVGroupingColumnEditorDialog/GroupingColumnEditorTable.module.css index 12059f317f..4460993216 100644 --- a/webapp/packages/plugin-data-viewer-result-set-grouping/src/DVGroupingColumnEditorDialog/GroupingColumnEditorTable.m.css +++ b/webapp/packages/plugin-data-viewer-result-set-grouping/src/DVGroupingColumnEditorDialog/GroupingColumnEditorTable.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .header { composes: theme-border-color-background theme-background-surface theme-text-on-surface from global; padding-bottom: 16px; @@ -16,4 +23,4 @@ .inputField { flex: 1; -} \ No newline at end of file +} diff --git a/webapp/packages/plugin-data-viewer-result-set-grouping/src/DVGroupingColumnEditorDialog/GroupingColumnEditorTable.tsx b/webapp/packages/plugin-data-viewer-result-set-grouping/src/DVGroupingColumnEditorDialog/GroupingColumnEditorTable.tsx index a5cd452a95..a4700fdfac 100644 --- a/webapp/packages/plugin-data-viewer-result-set-grouping/src/DVGroupingColumnEditorDialog/GroupingColumnEditorTable.tsx +++ b/webapp/packages/plugin-data-viewer-result-set-grouping/src/DVGroupingColumnEditorDialog/GroupingColumnEditorTable.tsx @@ -10,7 +10,7 @@ import { useState } from 'react'; import { Button, Container, Form, Group, GroupTitle, InputField, s, Table, TableBody, useS } from '@cloudbeaver/core-blocks'; -import styles from './GroupingColumnEditorTable.m.css'; +import styles from './GroupingColumnEditorTable.module.css'; import { GroupingTableItem } from './GroupingTableItem'; interface Props { diff --git a/webapp/packages/plugin-data-viewer-result-set-grouping/src/DVResultSetGroupingPresentation.m.css b/webapp/packages/plugin-data-viewer-result-set-grouping/src/DVResultSetGroupingPresentation.module.css similarity index 100% rename from webapp/packages/plugin-data-viewer-result-set-grouping/src/DVResultSetGroupingPresentation.m.css rename to webapp/packages/plugin-data-viewer-result-set-grouping/src/DVResultSetGroupingPresentation.module.css diff --git a/webapp/packages/plugin-data-viewer-result-set-grouping/src/DVResultSetGroupingPresentation.tsx b/webapp/packages/plugin-data-viewer-result-set-grouping/src/DVResultSetGroupingPresentation.tsx index 9d2b8fa51d..3f3f8bf2d2 100644 --- a/webapp/packages/plugin-data-viewer-result-set-grouping/src/DVResultSetGroupingPresentation.tsx +++ b/webapp/packages/plugin-data-viewer-result-set-grouping/src/DVResultSetGroupingPresentation.tsx @@ -16,7 +16,7 @@ import { DataPresentationComponent, IDatabaseResultSet, TableViewerLoader } from import { DATA_CONTEXT_DV_DDM_RS_GROUPING } from './DataContext/DATA_CONTEXT_DV_DDM_RS_GROUPING'; import { DEFAULT_GROUPING_QUERY_OPERATION } from './DEFAULT_GROUPING_QUERY_OPERATION'; -import styles from './DVResultSetGroupingPresentation.m.css'; +import styles from './DVResultSetGroupingPresentation.module.css'; import type { IGroupingQueryState } from './IGroupingQueryState'; import { useGroupingData } from './useGroupingData'; import { useGroupingDataModel } from './useGroupingDataModel'; diff --git a/webapp/packages/plugin-data-viewer/src/DataViewerPage/DataViewerPanel.m.css b/webapp/packages/plugin-data-viewer/src/DataViewerPage/DataViewerPanel.module.css similarity index 100% rename from webapp/packages/plugin-data-viewer/src/DataViewerPage/DataViewerPanel.m.css rename to webapp/packages/plugin-data-viewer/src/DataViewerPage/DataViewerPanel.module.css diff --git a/webapp/packages/plugin-data-viewer/src/DataViewerPage/DataViewerPanel.tsx b/webapp/packages/plugin-data-viewer/src/DataViewerPage/DataViewerPanel.tsx index a33abd39b1..6c11d387df 100644 --- a/webapp/packages/plugin-data-viewer/src/DataViewerPage/DataViewerPanel.tsx +++ b/webapp/packages/plugin-data-viewer/src/DataViewerPage/DataViewerPanel.tsx @@ -13,7 +13,7 @@ import type { ObjectPagePanelComponent } from '@cloudbeaver/plugin-object-viewer import type { IDataViewerPageState } from '../IDataViewerPageState'; import { TableViewerLoader } from '../TableViewer/TableViewerLoader'; -import classes from './DataViewerPanel.m.css'; +import classes from './DataViewerPanel.module.css'; import { useDataViewerDatabaseDataModel } from './useDataViewerDatabaseDataModel'; export const DataViewerPanel: ObjectPagePanelComponent = observer(function DataViewerPanel({ tab, page }) { diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableError.m.css b/webapp/packages/plugin-data-viewer/src/TableViewer/TableError.module.css similarity index 100% rename from webapp/packages/plugin-data-viewer/src/TableViewer/TableError.m.css rename to webapp/packages/plugin-data-viewer/src/TableViewer/TableError.module.css diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableError.tsx b/webapp/packages/plugin-data-viewer/src/TableViewer/TableError.tsx index d9adcfb836..8010649f86 100644 --- a/webapp/packages/plugin-data-viewer/src/TableViewer/TableError.tsx +++ b/webapp/packages/plugin-data-viewer/src/TableViewer/TableError.tsx @@ -14,7 +14,7 @@ import { ServerErrorType, ServerInternalError } from '@cloudbeaver/core-sdk'; import { errorOf } from '@cloudbeaver/core-utils'; import type { IDatabaseDataModel } from '../DatabaseDataModel/IDatabaseDataModel'; -import styles from './TableError.m.css'; +import styles from './TableError.module.css'; interface Props { model: IDatabaseDataModel; diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/AutoRefresh/AutoRefreshButton.m.css b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/AutoRefresh/AutoRefreshButton.module.css similarity index 100% rename from webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/AutoRefresh/AutoRefreshButton.m.css rename to webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/AutoRefresh/AutoRefreshButton.module.css diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/AutoRefresh/AutoRefreshButton.tsx b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/AutoRefresh/AutoRefreshButton.tsx index 5b0e4c089c..4a6ed4bdef 100644 --- a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/AutoRefresh/AutoRefreshButton.tsx +++ b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/AutoRefresh/AutoRefreshButton.tsx @@ -11,7 +11,7 @@ import { Icon, Menu, MenuItem, MenuItemElement, s, TimerIcon, useS, useTranslate import { declensionOfNumber } from '@cloudbeaver/core-utils'; import type { IDatabaseDataModel } from '../../../DatabaseDataModel/IDatabaseDataModel'; -import styles from './AutoRefreshButton.m.css'; +import styles from './AutoRefreshButton.module.css'; import { useAutoRefresh } from './useAutoRefresh'; interface Props { diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/AutoRefresh/AutoRefreshSettingsDialog.m.css b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/AutoRefresh/AutoRefreshSettingsDialog.module.css similarity index 55% rename from webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/AutoRefresh/AutoRefreshSettingsDialog.m.css rename to webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/AutoRefresh/AutoRefreshSettingsDialog.module.css index 60a7264457..ce87160fee 100644 --- a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/AutoRefresh/AutoRefreshSettingsDialog.m.css +++ b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/AutoRefresh/AutoRefreshSettingsDialog.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .footerContainer { display: flex; width: min-content; diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/AutoRefresh/AutoRefreshSettingsDialog.tsx b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/AutoRefresh/AutoRefreshSettingsDialog.tsx index 0a94015783..b30ecd770f 100644 --- a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/AutoRefresh/AutoRefreshSettingsDialog.tsx +++ b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/AutoRefresh/AutoRefreshSettingsDialog.tsx @@ -26,7 +26,7 @@ import { } from '@cloudbeaver/core-blocks'; import type { DialogComponentProps } from '@cloudbeaver/core-dialogs'; -import style from './AutoRefreshSettingsDialog.m.css'; +import style from './AutoRefreshSettingsDialog.module.css'; import type { IAutoRefreshSettings } from './IAutoRefreshSettings'; interface Payload { diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/CancelTotalCountAction.m.css b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/CancelTotalCountAction.module.css similarity index 100% rename from webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/CancelTotalCountAction.m.css rename to webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/CancelTotalCountAction.module.css diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/CancelTotalCountAction.tsx b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/CancelTotalCountAction.tsx index 28502a16d0..cf78954c9d 100644 --- a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/CancelTotalCountAction.tsx +++ b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/CancelTotalCountAction.tsx @@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite'; import { Container, IconButton, Loader, s, useS, useTranslate } from '@cloudbeaver/core-blocks'; -import styles from './CancelTotalCountAction.m.css'; +import styles from './CancelTotalCountAction.module.css'; interface Props { onClick: VoidFunction; diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooter.m.css b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooter.module.css similarity index 100% rename from webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooter.m.css rename to webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooter.module.css diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooter.tsx b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooter.tsx index 44a1261333..ba8a749da4 100644 --- a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooter.tsx +++ b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooter.tsx @@ -16,7 +16,7 @@ import { ResultSetConstraintAction } from '../../DatabaseDataModel/Actions/Resul import type { IDatabaseDataModel } from '../../DatabaseDataModel/IDatabaseDataModel'; import { DataViewerSettingsService } from '../../DataViewerSettingsService'; import { AutoRefreshButton } from './AutoRefresh/AutoRefreshButton'; -import styles from './TableFooter.m.css'; +import styles from './TableFooter.module.css'; import { TableFooterMenu } from './TableFooterMenu/TableFooterMenu'; import { TableFooterRowCount } from './TableFooterRowCount'; diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterMenu/TableFooterMenu.m.css b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterMenu/TableFooterMenu.m.css deleted file mode 100644 index ec052c096f..0000000000 --- a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterMenu/TableFooterMenu.m.css +++ /dev/null @@ -1,4 +0,0 @@ -.wrapper { - display: flex; - height: 100%; -} diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterMenu/TableFooterMenu.module.css b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterMenu/TableFooterMenu.module.css new file mode 100644 index 0000000000..294039e523 --- /dev/null +++ b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterMenu/TableFooterMenu.module.css @@ -0,0 +1,11 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.wrapper { + display: flex; + height: 100%; +} diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterMenu/TableFooterMenu.tsx b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterMenu/TableFooterMenu.tsx index d4c095bc39..a0ca1f4223 100644 --- a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterMenu/TableFooterMenu.tsx +++ b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterMenu/TableFooterMenu.tsx @@ -18,7 +18,7 @@ import { DATA_CONTEXT_DV_DDM_RESULT_INDEX } from '../../../DatabaseDataModel/Dat import type { IDatabaseDataModel } from '../../../DatabaseDataModel/IDatabaseDataModel'; import { DATA_CONTEXT_DATA_VIEWER_SIMPLE } from '../../TableHeader/DATA_CONTEXT_DATA_VIEWER_SIMPLE'; import { DATA_VIEWER_DATA_MODEL_ACTIONS_MENU } from './DATA_VIEWER_DATA_MODEL_ACTIONS_MENU'; -import style from './TableFooterMenu.m.css'; +import style from './TableFooterMenu.module.css'; import { TableFooterMenuItem } from './TableFooterMenuItem'; import { TableFooterMenuService } from './TableFooterMenuService'; diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterMenu/TableFooterMenuItem.m.css b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterMenu/TableFooterMenuItem.module.css similarity index 100% rename from webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterMenu/TableFooterMenuItem.m.css rename to webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterMenu/TableFooterMenuItem.module.css diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterMenu/TableFooterMenuItem.tsx b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterMenu/TableFooterMenuItem.tsx index 9c13fd5dea..98970f3006 100644 --- a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterMenu/TableFooterMenuItem.tsx +++ b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterMenu/TableFooterMenuItem.tsx @@ -21,7 +21,7 @@ import { } from '@cloudbeaver/core-blocks'; import type { IMenuItem } from '@cloudbeaver/core-dialogs'; -import styles from './TableFooterMenuItem.m.css'; +import styles from './TableFooterMenuItem.module.css'; type Props = ButtonHTMLAttributes & { menuItem: IMenuItem; diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterRowCount.m.css b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterRowCount.m.css deleted file mode 100644 index ec052c096f..0000000000 --- a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterRowCount.m.css +++ /dev/null @@ -1,4 +0,0 @@ -.wrapper { - display: flex; - height: 100%; -} diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterRowCount.module.css b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterRowCount.module.css new file mode 100644 index 0000000000..294039e523 --- /dev/null +++ b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooterRowCount.module.css @@ -0,0 +1,11 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.wrapper { + display: flex; + height: 100%; +} diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TotalCountAction.tsx b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TotalCountAction.tsx index 825efd97db..5221b768e3 100644 --- a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TotalCountAction.tsx +++ b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TotalCountAction.tsx @@ -11,8 +11,8 @@ import { getComputed, s, ToolsAction, useS, useTranslate } from '@cloudbeaver/co import type { IDatabaseDataModel } from '../../DatabaseDataModel/IDatabaseDataModel'; import type { IDatabaseResultSet } from '../../DatabaseDataModel/IDatabaseResultSet'; -import TableFooterMenuStyles from './TableFooterMenu/TableFooterMenuItem.m.css'; -import classes from './TableFooterRowCount.m.css'; +import TableFooterMenuStyles from './TableFooterMenu/TableFooterMenuItem.module.css'; +import classes from './TableFooterRowCount.module.css'; interface Props { onClick: VoidFunction; diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableGrid.m.css b/webapp/packages/plugin-data-viewer/src/TableViewer/TableGrid.module.css similarity index 100% rename from webapp/packages/plugin-data-viewer/src/TableViewer/TableGrid.m.css rename to webapp/packages/plugin-data-viewer/src/TableViewer/TableGrid.module.css diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableGrid.tsx b/webapp/packages/plugin-data-viewer/src/TableViewer/TableGrid.tsx index f12a7d7562..39975fe007 100644 --- a/webapp/packages/plugin-data-viewer/src/TableViewer/TableGrid.tsx +++ b/webapp/packages/plugin-data-viewer/src/TableViewer/TableGrid.tsx @@ -13,7 +13,7 @@ import type { ResultDataFormat } from '@cloudbeaver/core-sdk'; import type { IDatabaseDataModel } from '../DatabaseDataModel/IDatabaseDataModel'; import type { IDataPresentationOptions } from '../DataPresentationService'; import type { IDataTableActions } from './IDataTableActions'; -import styles from './TableGrid.m.css'; +import styles from './TableGrid.module.css'; import { TableStatistics } from './TableStatistics'; interface Props { diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableHeader/TableHeader.m.css b/webapp/packages/plugin-data-viewer/src/TableViewer/TableHeader/TableHeader.module.css similarity index 100% rename from webapp/packages/plugin-data-viewer/src/TableViewer/TableHeader/TableHeader.m.css rename to webapp/packages/plugin-data-viewer/src/TableViewer/TableHeader/TableHeader.module.css diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableHeader/TableHeader.tsx b/webapp/packages/plugin-data-viewer/src/TableViewer/TableHeader/TableHeader.tsx index 5dc5a1e36e..bbadcaf9e9 100644 --- a/webapp/packages/plugin-data-viewer/src/TableViewer/TableHeader/TableHeader.tsx +++ b/webapp/packages/plugin-data-viewer/src/TableViewer/TableHeader/TableHeader.tsx @@ -11,7 +11,7 @@ import { Placeholder, s, useS } from '@cloudbeaver/core-blocks'; import { useService } from '@cloudbeaver/core-di'; import type { IDatabaseDataModel } from '../../DatabaseDataModel/IDatabaseDataModel'; -import classes from './TableHeader.m.css'; +import classes from './TableHeader.module.css'; import { TableHeaderService } from './TableHeaderService'; interface Props { diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableHeader/TableWhereFilter.m.css b/webapp/packages/plugin-data-viewer/src/TableViewer/TableHeader/TableWhereFilter.module.css similarity index 100% rename from webapp/packages/plugin-data-viewer/src/TableViewer/TableHeader/TableWhereFilter.m.css rename to webapp/packages/plugin-data-viewer/src/TableViewer/TableHeader/TableWhereFilter.module.css diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableHeader/TableWhereFilter.tsx b/webapp/packages/plugin-data-viewer/src/TableViewer/TableHeader/TableWhereFilter.tsx index 1cfaf3cf25..d2352ebb58 100644 --- a/webapp/packages/plugin-data-viewer/src/TableViewer/TableHeader/TableWhereFilter.tsx +++ b/webapp/packages/plugin-data-viewer/src/TableViewer/TableHeader/TableWhereFilter.tsx @@ -11,7 +11,7 @@ import { Container, PlaceholderComponent, useTranslate } from '@cloudbeaver/core import { InlineEditor } from '@cloudbeaver/core-ui'; import type { ITableHeaderPlaceholderProps } from './TableHeaderService'; -import styles from './TableWhereFilter.m.css'; +import styles from './TableWhereFilter.module.css'; import { useWhereFilter } from './useWhereFilter'; export const TableWhereFilter: PlaceholderComponent = observer(function TableWhereFilter({ model, resultIndex }) { diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TablePresentationBar/TablePresentationBar.tsx b/webapp/packages/plugin-data-viewer/src/TableViewer/TablePresentationBar/TablePresentationBar.tsx index fb6a55144f..f7196f9dae 100644 --- a/webapp/packages/plugin-data-viewer/src/TableViewer/TablePresentationBar/TablePresentationBar.tsx +++ b/webapp/packages/plugin-data-viewer/src/TableViewer/TablePresentationBar/TablePresentationBar.tsx @@ -15,9 +15,9 @@ import { TabList, TabListStyles, TabsState, TabStyles } from '@cloudbeaver/core- import type { IDatabaseDataModel } from '../../DatabaseDataModel/IDatabaseDataModel'; import { DataPresentationService, DataPresentationType } from '../../DataPresentationService'; import { PresentationTab } from './PresentationTab'; -import styles from './shared/TablePresentationBar.m.css'; -import TablePresentationBarTab from './shared/TablePresentationBarTab.m.css'; -import TablePresentationBarTabList from './shared/TablePresentationBarTabList.m.css'; +import styles from './shared/TablePresentationBar.module.css'; +import TablePresentationBarTab from './shared/TablePresentationBarTab.module.css'; +import TablePresentationBarTabList from './shared/TablePresentationBarTabList.module.css'; interface Props { type: DataPresentationType; diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TablePresentationBar/shared/TablePresentationBar.m.css b/webapp/packages/plugin-data-viewer/src/TableViewer/TablePresentationBar/shared/TablePresentationBar.module.css similarity index 100% rename from webapp/packages/plugin-data-viewer/src/TableViewer/TablePresentationBar/shared/TablePresentationBar.m.css rename to webapp/packages/plugin-data-viewer/src/TableViewer/TablePresentationBar/shared/TablePresentationBar.module.css diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TablePresentationBar/shared/TablePresentationBarTab.m.css b/webapp/packages/plugin-data-viewer/src/TableViewer/TablePresentationBar/shared/TablePresentationBarTab.module.css similarity index 100% rename from webapp/packages/plugin-data-viewer/src/TableViewer/TablePresentationBar/shared/TablePresentationBarTab.m.css rename to webapp/packages/plugin-data-viewer/src/TableViewer/TablePresentationBar/shared/TablePresentationBarTab.module.css diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TablePresentationBar/shared/TablePresentationBarTabList.m.css b/webapp/packages/plugin-data-viewer/src/TableViewer/TablePresentationBar/shared/TablePresentationBarTabList.module.css similarity index 100% rename from webapp/packages/plugin-data-viewer/src/TableViewer/TablePresentationBar/shared/TablePresentationBarTabList.m.css rename to webapp/packages/plugin-data-viewer/src/TableViewer/TablePresentationBar/shared/TablePresentationBarTabList.module.css diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableStatistics.m.css b/webapp/packages/plugin-data-viewer/src/TableViewer/TableStatistics.module.css similarity index 100% rename from webapp/packages/plugin-data-viewer/src/TableViewer/TableStatistics.m.css rename to webapp/packages/plugin-data-viewer/src/TableViewer/TableStatistics.module.css diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableStatistics.tsx b/webapp/packages/plugin-data-viewer/src/TableViewer/TableStatistics.tsx index fd8c9e03f3..a5eecd56f4 100644 --- a/webapp/packages/plugin-data-viewer/src/TableViewer/TableStatistics.tsx +++ b/webapp/packages/plugin-data-viewer/src/TableViewer/TableStatistics.tsx @@ -10,7 +10,7 @@ import { observer } from 'mobx-react-lite'; import { s, useS, useTranslate } from '@cloudbeaver/core-blocks'; import type { IDatabaseDataModel } from '../DatabaseDataModel/IDatabaseDataModel'; -import classes from './TableStatistics.m.css'; +import classes from './TableStatistics.module.css'; interface Props { model: IDatabaseDataModel; diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableToolsPanel.m.css b/webapp/packages/plugin-data-viewer/src/TableViewer/TableToolsPanel.module.css similarity index 100% rename from webapp/packages/plugin-data-viewer/src/TableViewer/TableToolsPanel.m.css rename to webapp/packages/plugin-data-viewer/src/TableViewer/TableToolsPanel.module.css diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableToolsPanel.tsx b/webapp/packages/plugin-data-viewer/src/TableViewer/TableToolsPanel.tsx index e0b18e14b5..4b282c6e72 100644 --- a/webapp/packages/plugin-data-viewer/src/TableViewer/TableToolsPanel.tsx +++ b/webapp/packages/plugin-data-viewer/src/TableViewer/TableToolsPanel.tsx @@ -13,7 +13,7 @@ import type { ResultDataFormat } from '@cloudbeaver/core-sdk'; import type { IDatabaseDataModel } from '../DatabaseDataModel/IDatabaseDataModel'; import type { IDataPresentationOptions } from '../DataPresentationService'; import type { IDataTableActions } from './IDataTableActions'; -import styles from './TableToolsPanel.m.css'; +import styles from './TableToolsPanel.module.css'; interface Props { model: IDatabaseDataModel; diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableViewer.m.css b/webapp/packages/plugin-data-viewer/src/TableViewer/TableViewer.module.css similarity index 79% rename from webapp/packages/plugin-data-viewer/src/TableViewer/TableViewer.m.css rename to webapp/packages/plugin-data-viewer/src/TableViewer/TableViewer.module.css index 089c343f8a..ae57c452cb 100644 --- a/webapp/packages/plugin-data-viewer/src/TableViewer/TableViewer.m.css +++ b/webapp/packages/plugin-data-viewer/src/TableViewer/TableViewer.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .split { &:not(.disabled) { gap: 8px; diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableViewer.tsx b/webapp/packages/plugin-data-viewer/src/TableViewer/TableViewer.tsx index e7d70f9310..10268778b9 100644 --- a/webapp/packages/plugin-data-viewer/src/TableViewer/TableViewer.tsx +++ b/webapp/packages/plugin-data-viewer/src/TableViewer/TableViewer.tsx @@ -36,7 +36,7 @@ import { TableGrid } from './TableGrid'; import { TableHeader } from './TableHeader/TableHeader'; import { TablePresentationBar } from './TablePresentationBar/TablePresentationBar'; import { TableToolsPanel } from './TableToolsPanel'; -import style from './TableViewer.m.css'; +import style from './TableViewer.module.css'; import { TableViewerStorageService } from './TableViewerStorageService'; export interface TableViewerProps { diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/ValuePanel/ValuePanel.tsx b/webapp/packages/plugin-data-viewer/src/TableViewer/ValuePanel/ValuePanel.tsx index c298d2b058..a210b9d7ca 100644 --- a/webapp/packages/plugin-data-viewer/src/TableViewer/ValuePanel/ValuePanel.tsx +++ b/webapp/packages/plugin-data-viewer/src/TableViewer/ValuePanel/ValuePanel.tsx @@ -19,10 +19,10 @@ import { DatabaseSelectAction } from '../../DatabaseDataModel/Actions/DatabaseSe import type { IDatabaseResultSet } from '../../DatabaseDataModel/IDatabaseResultSet'; import type { DataPresentationComponent } from '../../DataPresentationService'; import { DataValuePanelService } from './DataValuePanelService'; -import styles from './shared/ValuePanel.m.css'; -import ValuePanelEditorTabPanel from './shared/ValuePanelEditorTabPanel.m.css'; -import ValuePanelEditorTabs from './shared/ValuePanelEditorTabs.m.css'; -import ValuePanelTab from './shared/ValuePanelTab.m.css'; +import styles from './shared/ValuePanel.module.css'; +import ValuePanelEditorTabPanel from './shared/ValuePanelEditorTabPanel.module.css'; +import ValuePanelEditorTabs from './shared/ValuePanelEditorTabs.module.css'; +import ValuePanelTab from './shared/ValuePanelTab.module.css'; const tabListRegistry: StyleRegistry = [[TabStyles, { mode: 'append', styles: [ValuePanelTab] }]]; diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/ValuePanel/shared/ValuePanel.m.css b/webapp/packages/plugin-data-viewer/src/TableViewer/ValuePanel/shared/ValuePanel.module.css similarity index 100% rename from webapp/packages/plugin-data-viewer/src/TableViewer/ValuePanel/shared/ValuePanel.m.css rename to webapp/packages/plugin-data-viewer/src/TableViewer/ValuePanel/shared/ValuePanel.module.css diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/ValuePanel/shared/ValuePanelEditorTabPanel.m.css b/webapp/packages/plugin-data-viewer/src/TableViewer/ValuePanel/shared/ValuePanelEditorTabPanel.module.css similarity index 100% rename from webapp/packages/plugin-data-viewer/src/TableViewer/ValuePanel/shared/ValuePanelEditorTabPanel.m.css rename to webapp/packages/plugin-data-viewer/src/TableViewer/ValuePanel/shared/ValuePanelEditorTabPanel.module.css diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/ValuePanel/shared/ValuePanelEditorTabs.m.css b/webapp/packages/plugin-data-viewer/src/TableViewer/ValuePanel/shared/ValuePanelEditorTabs.module.css similarity index 100% rename from webapp/packages/plugin-data-viewer/src/TableViewer/ValuePanel/shared/ValuePanelEditorTabs.m.css rename to webapp/packages/plugin-data-viewer/src/TableViewer/ValuePanel/shared/ValuePanelEditorTabs.module.css diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/ValuePanel/shared/ValuePanelTab.m.css b/webapp/packages/plugin-data-viewer/src/TableViewer/ValuePanel/shared/ValuePanelTab.module.css similarity index 100% rename from webapp/packages/plugin-data-viewer/src/TableViewer/ValuePanel/shared/ValuePanelTab.m.css rename to webapp/packages/plugin-data-viewer/src/TableViewer/ValuePanel/shared/ValuePanelTab.module.css diff --git a/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/BooleanValue/BooleanValuePresentation.m.css b/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/BooleanValue/BooleanValuePresentation.module.css similarity index 100% rename from webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/BooleanValue/BooleanValuePresentation.m.css rename to webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/BooleanValue/BooleanValuePresentation.module.css diff --git a/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/BooleanValue/BooleanValuePresentation.tsx b/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/BooleanValue/BooleanValuePresentation.tsx index fa1c634785..adb957101b 100644 --- a/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/BooleanValue/BooleanValuePresentation.tsx +++ b/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/BooleanValue/BooleanValuePresentation.tsx @@ -16,7 +16,7 @@ import { ResultSetSelectAction } from '../../DatabaseDataModel/Actions/ResultSet import { ResultSetViewAction } from '../../DatabaseDataModel/Actions/ResultSet/ResultSetViewAction'; import type { IDatabaseResultSet } from '../../DatabaseDataModel/IDatabaseResultSet'; import type { IDataValuePanelProps } from '../../TableViewer/ValuePanel/DataValuePanelService'; -import classes from './BooleanValuePresentation.m.css'; +import classes from './BooleanValuePresentation.module.css'; import { isStringifiedBoolean } from './isBooleanValuePresentationAvailable'; export const BooleanValuePresentation: TabContainerPanelComponent> = observer( diff --git a/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/ImageValue/ImageValuePresentation.m.css b/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/ImageValue/ImageValuePresentation.module.css similarity index 100% rename from webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/ImageValue/ImageValuePresentation.m.css rename to webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/ImageValue/ImageValuePresentation.module.css diff --git a/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/ImageValue/ImageValuePresentation.tsx b/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/ImageValue/ImageValuePresentation.tsx index f9f6fd66ee..768e6fc4e7 100644 --- a/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/ImageValue/ImageValuePresentation.tsx +++ b/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/ImageValue/ImageValuePresentation.tsx @@ -29,7 +29,7 @@ import { ResultSetSelectAction } from '../../DatabaseDataModel/Actions/ResultSet import type { IDatabaseResultSet } from '../../DatabaseDataModel/IDatabaseResultSet'; import type { IDataValuePanelProps } from '../../TableViewer/ValuePanel/DataValuePanelService'; import { QuotaPlaceholder } from '../QuotaPlaceholder'; -import styles from './ImageValuePresentation.m.css'; +import styles from './ImageValuePresentation.module.css'; export const ImageValuePresentation: TabContainerPanelComponent> = observer( function ImageValuePresentation({ model, resultIndex }) { diff --git a/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/QuotaPlaceholder.m.css b/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/QuotaPlaceholder.module.css similarity index 100% rename from webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/QuotaPlaceholder.m.css rename to webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/QuotaPlaceholder.module.css diff --git a/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/QuotaPlaceholder.tsx b/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/QuotaPlaceholder.tsx index 51866d8bde..c11f1a9838 100644 --- a/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/QuotaPlaceholder.tsx +++ b/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/QuotaPlaceholder.tsx @@ -14,7 +14,7 @@ import type { IResultSetElementKey } from '../DatabaseDataModel/Actions/ResultSe import { useResultSetActions } from '../DatabaseDataModel/Actions/ResultSet/useResultSetActions'; import type { IDatabaseDataModel } from '../DatabaseDataModel/IDatabaseDataModel'; import type { IDatabaseResultSet } from '../DatabaseDataModel/IDatabaseResultSet'; -import styles from './QuotaPlaceholder.m.css'; +import styles from './QuotaPlaceholder.module.css'; interface Props { className?: string; diff --git a/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/TextValue/TextValuePresentation.tsx b/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/TextValue/TextValuePresentation.tsx index a6ae86cbff..601cf58521 100644 --- a/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/TextValue/TextValuePresentation.tsx +++ b/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/TextValue/TextValuePresentation.tsx @@ -18,8 +18,8 @@ import { useResultSetActions } from '../../DatabaseDataModel/Actions/ResultSet/u import type { IDatabaseResultSet } from '../../DatabaseDataModel/IDatabaseResultSet'; import type { IDataValuePanelProps } from '../../TableViewer/ValuePanel/DataValuePanelService'; import { getDefaultLineWrapping } from './getDefaultLineWrapping'; -import styles from './shared/TextValuePresentation.m.css'; -import TextValuePresentationTab from './shared/TextValuePresentationTab.m.css'; +import styles from './shared/TextValuePresentation.module.css'; +import TextValuePresentationTab from './shared/TextValuePresentationTab.module.css'; import { TextValueEditor } from './TextValueEditor'; import { TextValuePresentationService } from './TextValuePresentationService'; import { TextValueTruncatedMessage } from './TextValueTruncatedMessage'; diff --git a/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/TextValue/shared/TextValuePresentation.m.css b/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/TextValue/shared/TextValuePresentation.module.css similarity index 100% rename from webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/TextValue/shared/TextValuePresentation.m.css rename to webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/TextValue/shared/TextValuePresentation.module.css diff --git a/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/TextValue/shared/TextValuePresentationTab.m.css b/webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/TextValue/shared/TextValuePresentationTab.module.css similarity index 100% rename from webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/TextValue/shared/TextValuePresentationTab.m.css rename to webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/TextValue/shared/TextValuePresentationTab.module.css diff --git a/webapp/packages/plugin-datasource-context-switch/src/ConnectionSchemaManager/ConnectionSelector/ConnectionIcon.m.css b/webapp/packages/plugin-datasource-context-switch/src/ConnectionSchemaManager/ConnectionSelector/ConnectionIcon.m.css deleted file mode 100644 index 585aefe4bb..0000000000 --- a/webapp/packages/plugin-datasource-context-switch/src/ConnectionSchemaManager/ConnectionSelector/ConnectionIcon.m.css +++ /dev/null @@ -1,11 +0,0 @@ -.connectionIcon { - position: relative; - display: flex; -} -.connectionImageWithMask { - border-radius: var(--theme-form-element-radius); - - &.small { - box-sizing: border-box; - } -} diff --git a/webapp/packages/plugin-datasource-context-switch/src/ConnectionSchemaManager/ConnectionSelector/ConnectionIcon.module.css b/webapp/packages/plugin-datasource-context-switch/src/ConnectionSchemaManager/ConnectionSelector/ConnectionIcon.module.css new file mode 100644 index 0000000000..6b61e8851a --- /dev/null +++ b/webapp/packages/plugin-datasource-context-switch/src/ConnectionSchemaManager/ConnectionSelector/ConnectionIcon.module.css @@ -0,0 +1,18 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.connectionIcon { + position: relative; + display: flex; +} +.connectionImageWithMask { + border-radius: var(--theme-form-element-radius); + + &.small { + box-sizing: border-box; + } +} diff --git a/webapp/packages/plugin-datasource-context-switch/src/ConnectionSchemaManager/ConnectionSelector/ConnectionIcon.tsx b/webapp/packages/plugin-datasource-context-switch/src/ConnectionSchemaManager/ConnectionSelector/ConnectionIcon.tsx index 837246200d..d0d90d3ca6 100644 --- a/webapp/packages/plugin-datasource-context-switch/src/ConnectionSchemaManager/ConnectionSelector/ConnectionIcon.tsx +++ b/webapp/packages/plugin-datasource-context-switch/src/ConnectionSchemaManager/ConnectionSelector/ConnectionIcon.tsx @@ -11,8 +11,8 @@ import { ConnectionImageWithMask, ConnectionImageWithMaskSvgStyles, s, SContext, import { ConnectionInfoResource, DBDriverResource } from '@cloudbeaver/core-connections'; import { CachedMapAllKey } from '@cloudbeaver/core-resource'; -import styles from './ConnectionIcon.m.css'; -import ConnectionImageWithMaskSvgBackgroundStyles from './ConnectionImageWithMask.m.css'; +import styles from './ConnectionIcon.module.css'; +import ConnectionImageWithMaskSvgBackgroundStyles from './ConnectionImageWithMask.module.css'; import type { IConnectionSelectorExtraProps } from './IConnectionSelectorExtraProps'; export interface ConnectionIconProps extends IConnectionSelectorExtraProps { diff --git a/webapp/packages/plugin-datasource-context-switch/src/ConnectionSchemaManager/ConnectionSelector/ConnectionImageWithMask.m.css b/webapp/packages/plugin-datasource-context-switch/src/ConnectionSchemaManager/ConnectionSelector/ConnectionImageWithMask.m.css deleted file mode 100644 index 8f5c63106a..0000000000 --- a/webapp/packages/plugin-datasource-context-switch/src/ConnectionSchemaManager/ConnectionSelector/ConnectionImageWithMask.m.css +++ /dev/null @@ -1,3 +0,0 @@ -.connectionIcon .background { - fill: #fff; -} diff --git a/webapp/packages/plugin-datasource-context-switch/src/ConnectionSchemaManager/ConnectionSelector/ConnectionImageWithMask.module.css b/webapp/packages/plugin-datasource-context-switch/src/ConnectionSchemaManager/ConnectionSelector/ConnectionImageWithMask.module.css new file mode 100644 index 0000000000..9f76a7ceaf --- /dev/null +++ b/webapp/packages/plugin-datasource-context-switch/src/ConnectionSchemaManager/ConnectionSelector/ConnectionImageWithMask.module.css @@ -0,0 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.connectionIcon .background { + fill: #fff; +} diff --git a/webapp/packages/plugin-ddl-viewer/src/DdlViewer/DDLViewerTabPanel.m.css b/webapp/packages/plugin-ddl-viewer/src/DdlViewer/DDLViewerTabPanel.module.css similarity index 54% rename from webapp/packages/plugin-ddl-viewer/src/DdlViewer/DDLViewerTabPanel.m.css rename to webapp/packages/plugin-ddl-viewer/src/DdlViewer/DDLViewerTabPanel.module.css index 5e763e22d4..6e49ce4fda 100644 --- a/webapp/packages/plugin-ddl-viewer/src/DdlViewer/DDLViewerTabPanel.m.css +++ b/webapp/packages/plugin-ddl-viewer/src/DdlViewer/DDLViewerTabPanel.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .wrapper { composes: theme-typography--body1 from global; flex: 1; diff --git a/webapp/packages/plugin-ddl-viewer/src/DdlViewer/DDLViewerTabPanel.tsx b/webapp/packages/plugin-ddl-viewer/src/DdlViewer/DDLViewerTabPanel.tsx index 57b6e82dc9..537c39c5bf 100644 --- a/webapp/packages/plugin-ddl-viewer/src/DdlViewer/DDLViewerTabPanel.tsx +++ b/webapp/packages/plugin-ddl-viewer/src/DdlViewer/DDLViewerTabPanel.tsx @@ -23,7 +23,7 @@ import { SQLCodeEditorLoader, useSqlDialectExtension } from '@cloudbeaver/plugin import { DATA_CONTEXT_DDL_VIEWER_NODE } from './DATA_CONTEXT_DDL_VIEWER_NODE'; import { DATA_CONTEXT_DDL_VIEWER_VALUE } from './DATA_CONTEXT_DDL_VIEWER_VALUE'; import { DdlResource } from './DdlResource'; -import style from './DDLViewerTabPanel.m.css'; +import style from './DDLViewerTabPanel.module.css'; import { MENU_DDL_VIEWER_FOOTER } from './MENU_DDL_VIEWER_FOOTER'; export const DDLViewerTabPanel: NavNodeTransformViewComponent = observer(function DDLViewerTabPanel({ nodeId, folderId }) { diff --git a/webapp/packages/plugin-ddl-viewer/src/ExtendedDDLViewer/ExtendedDDLViewerTabPanel.tsx b/webapp/packages/plugin-ddl-viewer/src/ExtendedDDLViewer/ExtendedDDLViewerTabPanel.tsx index a2547550ab..2e44200199 100644 --- a/webapp/packages/plugin-ddl-viewer/src/ExtendedDDLViewer/ExtendedDDLViewerTabPanel.tsx +++ b/webapp/packages/plugin-ddl-viewer/src/ExtendedDDLViewer/ExtendedDDLViewerTabPanel.tsx @@ -22,7 +22,7 @@ import { SQLCodeEditorLoader, useSqlDialectExtension } from '@cloudbeaver/plugin import { DATA_CONTEXT_DDL_VIEWER_NODE } from '../DdlViewer/DATA_CONTEXT_DDL_VIEWER_NODE'; import { DATA_CONTEXT_DDL_VIEWER_VALUE } from '../DdlViewer/DATA_CONTEXT_DDL_VIEWER_VALUE'; -import style from '../DdlViewer/DDLViewerTabPanel.m.css'; +import style from '../DdlViewer/DDLViewerTabPanel.module.css'; import { MENU_DDL_VIEWER_FOOTER } from '../DdlViewer/MENU_DDL_VIEWER_FOOTER'; import { ExtendedDDLResource } from './ExtendedDDLResource'; diff --git a/webapp/packages/plugin-devtools/src/ContextMenu/SearchResourceMenuItemComponent.m.css b/webapp/packages/plugin-devtools/src/ContextMenu/SearchResourceMenuItemComponent.m.css deleted file mode 100644 index 1fad1e69ee..0000000000 --- a/webapp/packages/plugin-devtools/src/ContextMenu/SearchResourceMenuItemComponent.m.css +++ /dev/null @@ -1,3 +0,0 @@ -.searchBox { - padding: 8px 12px; -} diff --git a/webapp/packages/plugin-devtools/src/ContextMenu/SearchResourceMenuItemComponent.module.css b/webapp/packages/plugin-devtools/src/ContextMenu/SearchResourceMenuItemComponent.module.css new file mode 100644 index 0000000000..d8ef75b08d --- /dev/null +++ b/webapp/packages/plugin-devtools/src/ContextMenu/SearchResourceMenuItemComponent.module.css @@ -0,0 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.searchBox { + padding: 8px 12px; +} diff --git a/webapp/packages/plugin-devtools/src/ContextMenu/SearchResourceMenuItemComponent.tsx b/webapp/packages/plugin-devtools/src/ContextMenu/SearchResourceMenuItemComponent.tsx index 6c76a8351a..eec5e134df 100644 --- a/webapp/packages/plugin-devtools/src/ContextMenu/SearchResourceMenuItemComponent.tsx +++ b/webapp/packages/plugin-devtools/src/ContextMenu/SearchResourceMenuItemComponent.tsx @@ -12,7 +12,7 @@ import type { IContextMenuItemProps } from '@cloudbeaver/core-ui'; import type { ICustomMenuItemComponent } from '@cloudbeaver/core-view'; import { DATA_CONTEXT_MENU_SEARCH } from './DATA_CONTEXT_MENU_SEARCH'; -import styles from './SearchResourceMenuItemComponent.m.css'; +import styles from './SearchResourceMenuItemComponent.module.css'; export const SearchResourceMenuItemComponent: ICustomMenuItemComponent = observer(function SearchResourceMenuItemComponent({ item, diff --git a/webapp/packages/plugin-gis-viewer/src/CrsInput.m.css b/webapp/packages/plugin-gis-viewer/src/CrsInput.m.css deleted file mode 100644 index be2fb54a9d..0000000000 --- a/webapp/packages/plugin-gis-viewer/src/CrsInput.m.css +++ /dev/null @@ -1,10 +0,0 @@ -.root { - display: inline-flex; - align-items: center; - font-size: 12px; -} - -.combobox { - width: 120px; - flex: 0 0 auto; -} diff --git a/webapp/packages/plugin-gis-viewer/src/CrsInput.module.css b/webapp/packages/plugin-gis-viewer/src/CrsInput.module.css new file mode 100644 index 0000000000..d67346fcca --- /dev/null +++ b/webapp/packages/plugin-gis-viewer/src/CrsInput.module.css @@ -0,0 +1,17 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.root { + display: inline-flex; + align-items: center; + font-size: 12px; +} + +.combobox { + width: 120px; + flex: 0 0 auto; +} diff --git a/webapp/packages/plugin-gis-viewer/src/CrsInput.tsx b/webapp/packages/plugin-gis-viewer/src/CrsInput.tsx index 999f23b088..eaf545eef5 100644 --- a/webapp/packages/plugin-gis-viewer/src/CrsInput.tsx +++ b/webapp/packages/plugin-gis-viewer/src/CrsInput.tsx @@ -7,7 +7,7 @@ */ import { Combobox } from '@cloudbeaver/core-blocks'; -import classes from './CrsInput.m.css'; +import classes from './CrsInput.module.css'; import type { CrsKey } from './LeafletMap'; interface Props { diff --git a/webapp/packages/plugin-gis-viewer/src/GISValuePresentation.m.css b/webapp/packages/plugin-gis-viewer/src/GISValuePresentation.m.css deleted file mode 100644 index 383c3893fa..0000000000 --- a/webapp/packages/plugin-gis-viewer/src/GISValuePresentation.m.css +++ /dev/null @@ -1,16 +0,0 @@ -.root { - display: flex; - flex-direction: column; - width: 100%; -} - -.map { - flex: 1 1 auto; - border-radius: var(--theme-group-element-radius); - overflow: hidden; -} - -.toolbar { - margin-top: 8px; - flex: 0 0 auto; -} diff --git a/webapp/packages/plugin-gis-viewer/src/GISValuePresentation.module.css b/webapp/packages/plugin-gis-viewer/src/GISValuePresentation.module.css new file mode 100644 index 0000000000..fc6f88b888 --- /dev/null +++ b/webapp/packages/plugin-gis-viewer/src/GISValuePresentation.module.css @@ -0,0 +1,23 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.root { + display: flex; + flex-direction: column; + width: 100%; +} + +.map { + flex: 1 1 auto; + border-radius: var(--theme-group-element-radius); + overflow: hidden; +} + +.toolbar { + margin-top: 8px; + flex: 0 0 auto; +} diff --git a/webapp/packages/plugin-gis-viewer/src/GISValuePresentation.tsx b/webapp/packages/plugin-gis-viewer/src/GISValuePresentation.tsx index 09968cf155..dcf29a1e41 100644 --- a/webapp/packages/plugin-gis-viewer/src/GISValuePresentation.tsx +++ b/webapp/packages/plugin-gis-viewer/src/GISValuePresentation.tsx @@ -21,7 +21,7 @@ import { } from '@cloudbeaver/plugin-data-viewer'; import { CrsInput } from './CrsInput'; -import classes from './GISValuePresentation.m.css'; +import classes from './GISValuePresentation.module.css'; import { CrsKey, IAssociatedValue, IGeoJSONFeature, LeafletMap } from './LeafletMap'; import { ResultSetGISAction } from './ResultSetGISAction'; diff --git a/webapp/packages/plugin-gis-viewer/src/LeafletMap.m.css b/webapp/packages/plugin-gis-viewer/src/LeafletMap.module.css similarity index 100% rename from webapp/packages/plugin-gis-viewer/src/LeafletMap.m.css rename to webapp/packages/plugin-gis-viewer/src/LeafletMap.module.css diff --git a/webapp/packages/plugin-gis-viewer/src/LeafletMap.tsx b/webapp/packages/plugin-gis-viewer/src/LeafletMap.tsx index 18b0b98226..5e9058d810 100644 --- a/webapp/packages/plugin-gis-viewer/src/LeafletMap.tsx +++ b/webapp/packages/plugin-gis-viewer/src/LeafletMap.tsx @@ -15,7 +15,7 @@ import { GeoJSON, LayersControl, MapContainer, TileLayer, type TileLayerProps } import { s, useS, useSplit, useTranslate } from '@cloudbeaver/core-blocks'; import type { IResultSetElementKey, IResultSetValue } from '@cloudbeaver/plugin-data-viewer'; -import styles from './LeafletMap.m.css'; +import styles from './LeafletMap.module.css'; import './styles/base.scss'; export interface IAssociatedValue { diff --git a/webapp/packages/plugin-help/src/Shortcuts/Shortcut.m.css b/webapp/packages/plugin-help/src/Shortcuts/Shortcut.module.css similarity index 100% rename from webapp/packages/plugin-help/src/Shortcuts/Shortcut.m.css rename to webapp/packages/plugin-help/src/Shortcuts/Shortcut.module.css diff --git a/webapp/packages/plugin-help/src/Shortcuts/Shortcut.tsx b/webapp/packages/plugin-help/src/Shortcuts/Shortcut.tsx index 2911fa144e..d7591daa4e 100644 --- a/webapp/packages/plugin-help/src/Shortcuts/Shortcut.tsx +++ b/webapp/packages/plugin-help/src/Shortcuts/Shortcut.tsx @@ -10,7 +10,7 @@ import React from 'react'; import { s, useS, useTranslate } from '@cloudbeaver/core-blocks'; import type { IShortcut } from './IShortcut'; -import styles from './Shortcut.m.css'; +import styles from './Shortcut.module.css'; interface Props { shortcut: IShortcut; diff --git a/webapp/packages/plugin-help/src/Shortcuts/ShortcutsDialog.m.css b/webapp/packages/plugin-help/src/Shortcuts/ShortcutsDialog.module.css similarity index 100% rename from webapp/packages/plugin-help/src/Shortcuts/ShortcutsDialog.m.css rename to webapp/packages/plugin-help/src/Shortcuts/ShortcutsDialog.module.css diff --git a/webapp/packages/plugin-help/src/Shortcuts/ShortcutsDialog.tsx b/webapp/packages/plugin-help/src/Shortcuts/ShortcutsDialog.tsx index 5653079808..52d8ea856f 100644 --- a/webapp/packages/plugin-help/src/Shortcuts/ShortcutsDialog.tsx +++ b/webapp/packages/plugin-help/src/Shortcuts/ShortcutsDialog.tsx @@ -23,7 +23,7 @@ import type { DialogComponent } from '@cloudbeaver/core-dialogs'; import { Shortcut } from './Shortcut'; import { DATA_VIEWER_SHORTCUTS, NAVIGATION_TREE_SHORTCUTS, SQL_EDITOR_SHORTCUTS } from './SHORTCUTS_DATA'; -import style from './ShortcutsDialog.m.css'; +import style from './ShortcutsDialog.module.css'; export const ShortcutsDialog: DialogComponent = function ShortcutsDialog({ rejectDialog }) { const translate = useTranslate(); diff --git a/webapp/packages/plugin-log-viewer/src/LogViewer/LogEntry.m.css b/webapp/packages/plugin-log-viewer/src/LogViewer/LogEntry.module.css similarity index 100% rename from webapp/packages/plugin-log-viewer/src/LogViewer/LogEntry.m.css rename to webapp/packages/plugin-log-viewer/src/LogViewer/LogEntry.module.css diff --git a/webapp/packages/plugin-log-viewer/src/LogViewer/LogEntry.tsx b/webapp/packages/plugin-log-viewer/src/LogViewer/LogEntry.tsx index f75c9fd065..0e8cd1adf2 100644 --- a/webapp/packages/plugin-log-viewer/src/LogViewer/LogEntry.tsx +++ b/webapp/packages/plugin-log-viewer/src/LogViewer/LogEntry.tsx @@ -11,7 +11,7 @@ import { Container, IconOrImage, Link, s, TableColumnValue, TableItem, useS, use import { isSameDay } from '@cloudbeaver/core-utils'; import type { ILogEntry } from './ILogEntry'; -import classes from './LogEntry.m.css'; +import classes from './LogEntry.module.css'; interface Props { item: ILogEntry; diff --git a/webapp/packages/plugin-log-viewer/src/LogViewer/LogViewer.m.css b/webapp/packages/plugin-log-viewer/src/LogViewer/LogViewer.m.css deleted file mode 100644 index c228568491..0000000000 --- a/webapp/packages/plugin-log-viewer/src/LogViewer/LogViewer.m.css +++ /dev/null @@ -1,9 +0,0 @@ -.logViewWrapper, -.pane { - position: relative; - display: flex; - flex: 1; - flex-direction: column; - overflow: hidden; - composes: theme-background-surface theme-text-on-surface from global; -} diff --git a/webapp/packages/plugin-log-viewer/src/LogViewer/LogViewer.module.css b/webapp/packages/plugin-log-viewer/src/LogViewer/LogViewer.module.css new file mode 100644 index 0000000000..d5fa566da9 --- /dev/null +++ b/webapp/packages/plugin-log-viewer/src/LogViewer/LogViewer.module.css @@ -0,0 +1,16 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.logViewWrapper, +.pane { + position: relative; + display: flex; + flex: 1; + flex-direction: column; + overflow: hidden; + composes: theme-background-surface theme-text-on-surface from global; +} diff --git a/webapp/packages/plugin-log-viewer/src/LogViewer/LogViewer.tsx b/webapp/packages/plugin-log-viewer/src/LogViewer/LogViewer.tsx index b467c56adb..bb383e8c71 100644 --- a/webapp/packages/plugin-log-viewer/src/LogViewer/LogViewer.tsx +++ b/webapp/packages/plugin-log-viewer/src/LogViewer/LogViewer.tsx @@ -10,7 +10,7 @@ import { useCallback, useEffect } from 'react'; import { Pane, ResizerControls, s, Split, TextPlaceholder, useS, useSplitUserState, useTranslate } from '@cloudbeaver/core-blocks'; -import style from './LogViewer.m.css'; +import style from './LogViewer.module.css'; import { LogViewerInfoPanel } from './LogViewerInfoPanel'; import { LogViewerTable } from './LogViewerTable'; import { useLogViewer } from './useLogViewer'; @@ -35,12 +35,7 @@ export const LogViewer = observer(function LogViewer() { return (
- + ( forwardRef(function NavigationNodeProjectControl({ node, dndElement, dndPlaceholder, className }, ref) { diff --git a/webapp/packages/plugin-navigation-tree-rm/src/Tree/ProjectsRenderer/NavigationTreeProjectsRendererRenderer.m.css b/webapp/packages/plugin-navigation-tree-rm/src/Tree/ProjectsRenderer/NavigationTreeProjectsRendererRenderer.m.css deleted file mode 100644 index 0720a58bfa..0000000000 --- a/webapp/packages/plugin-navigation-tree-rm/src/Tree/ProjectsRenderer/NavigationTreeProjectsRendererRenderer.m.css +++ /dev/null @@ -1,11 +0,0 @@ -.projectNode { - margin-top: 8px; - - &.hideProjects { - margin-top: 0px; - } - - & > .navigationNodeNested { - padding-left: 0 !important; - } -} diff --git a/webapp/packages/plugin-navigation-tree-rm/src/Tree/ProjectsRenderer/NavigationTreeProjectsRendererRenderer.module.css b/webapp/packages/plugin-navigation-tree-rm/src/Tree/ProjectsRenderer/NavigationTreeProjectsRendererRenderer.module.css new file mode 100644 index 0000000000..fc5a859b7c --- /dev/null +++ b/webapp/packages/plugin-navigation-tree-rm/src/Tree/ProjectsRenderer/NavigationTreeProjectsRendererRenderer.module.css @@ -0,0 +1,18 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.projectNode { + margin-top: 8px; + + &.hideProjects { + margin-top: 0px; + } + + & > .navigationNodeNested { + padding-left: 0 !important; + } +} diff --git a/webapp/packages/plugin-navigation-tree-rm/src/Tree/ProjectsRenderer/navigationTreeProjectsRendererRenderer.tsx b/webapp/packages/plugin-navigation-tree-rm/src/Tree/ProjectsRenderer/navigationTreeProjectsRendererRenderer.tsx index 3a96d5fb22..2d1a0929f7 100644 --- a/webapp/packages/plugin-navigation-tree-rm/src/Tree/ProjectsRenderer/navigationTreeProjectsRendererRenderer.tsx +++ b/webapp/packages/plugin-navigation-tree-rm/src/Tree/ProjectsRenderer/navigationTreeProjectsRendererRenderer.tsx @@ -27,7 +27,7 @@ import { import type { ResourceManagerService } from '@cloudbeaver/plugin-resource-manager'; import { NavigationNodeProjectControl } from './NavigationNodeProjectControl'; -import style from './NavigationTreeProjectsRendererRenderer.m.css'; +import style from './NavigationTreeProjectsRendererRenderer.module.css'; const registry: StyleRegistry = [ [ diff --git a/webapp/packages/plugin-navigation-tree-rm/src/Tree/ResourceManagerTree.m.css b/webapp/packages/plugin-navigation-tree-rm/src/Tree/ResourceManagerTree.module.css similarity index 65% rename from webapp/packages/plugin-navigation-tree-rm/src/Tree/ResourceManagerTree.m.css rename to webapp/packages/plugin-navigation-tree-rm/src/Tree/ResourceManagerTree.module.css index 66a243a47c..1bb557b328 100644 --- a/webapp/packages/plugin-navigation-tree-rm/src/Tree/ResourceManagerTree.m.css +++ b/webapp/packages/plugin-navigation-tree-rm/src/Tree/ResourceManagerTree.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .captureView { outline: none; display: flex; diff --git a/webapp/packages/plugin-navigation-tree-rm/src/Tree/ResourceManagerTree.tsx b/webapp/packages/plugin-navigation-tree-rm/src/Tree/ResourceManagerTree.tsx index b708a6c4eb..a4d6077afc 100644 --- a/webapp/packages/plugin-navigation-tree-rm/src/Tree/ResourceManagerTree.tsx +++ b/webapp/packages/plugin-navigation-tree-rm/src/Tree/ResourceManagerTree.tsx @@ -33,7 +33,7 @@ import { navigationTreeProjectsRendererRenderer } from './ProjectsRenderer/navig import { navigationTreeResourceTypeFilter } from './ProjectsRenderer/navigationTreeResourceTypeFilter'; import { ProjectsSettingsPlaceholderElement } from './ProjectsRenderer/ProjectsSettingsForm'; import { navigationTreeResourceExpandStateGetter } from './ResourceFolderRenderer/navigationTreeResourceExpandStateGetter'; -import style from './ResourceManagerTree.m.css'; +import style from './ResourceManagerTree.module.css'; import { ResourceManagerTreeCaptureViewContext } from './ResourceManagerTreeCaptureViewContext'; import { transformResourceNodeInfo } from './ResourceRenderer/transformResourceNodeInfo'; diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ConnectionGroup/NavigationTreeConnectionGroupRenderer.m.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ConnectionGroup/NavigationTreeConnectionGroupRenderer.m.css deleted file mode 100644 index 88cfa82836..0000000000 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ConnectionGroup/NavigationTreeConnectionGroupRenderer.m.css +++ /dev/null @@ -1,8 +0,0 @@ -.connectionGroup { - composes: theme-text-text-hint-on-light theme-typography--caption from global; - padding: 4px 12px; - - &:not(:first-child) { - margin-top: 8px; - } -} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ConnectionGroup/NavigationTreeConnectionGroupRenderer.module.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ConnectionGroup/NavigationTreeConnectionGroupRenderer.module.css new file mode 100644 index 0000000000..1943b92717 --- /dev/null +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ConnectionGroup/NavigationTreeConnectionGroupRenderer.module.css @@ -0,0 +1,15 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.connectionGroup { + composes: theme-text-text-hint-on-light theme-typography--caption from global; + padding: 4px 12px; + + &:not(:first-child) { + margin-top: 8px; + } +} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ConnectionGroup/navigationTreeConnectionGroupRenderer.tsx b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ConnectionGroup/navigationTreeConnectionGroupRenderer.tsx index 0086f8bc03..4ff9858357 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ConnectionGroup/navigationTreeConnectionGroupRenderer.tsx +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ConnectionGroup/navigationTreeConnectionGroupRenderer.tsx @@ -9,7 +9,7 @@ import { s, Translate, useS } from '@cloudbeaver/core-blocks'; import type { NavigationNodeRendererComponent } from '../ElementsTree/NavigationNodeComponent'; import { NAVIGATION_TREE_CONNECTION_GROUPS } from './navigationTreeConnectionGroupFilter'; -import style from './NavigationTreeConnectionGroupRenderer.m.css'; +import style from './NavigationTreeConnectionGroupRenderer.module.css'; export function navigationTreeConnectionGroupRenderer(nodeId: string): NavigationNodeRendererComponent | undefined { if (nodeId !== NAVIGATION_TREE_CONNECTION_GROUPS.manageable && nodeId !== NAVIGATION_TREE_CONNECTION_GROUPS.unmanageable) { diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ConnectionsRenderer/ConnectionNavNodeControl.tsx b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ConnectionsRenderer/ConnectionNavNodeControl.tsx index 07c34dec3b..8c9540db0c 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ConnectionsRenderer/ConnectionNavNodeControl.tsx +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ConnectionsRenderer/ConnectionNavNodeControl.tsx @@ -25,7 +25,7 @@ import { EventContext, EventStopPropagationFlag } from '@cloudbeaver/core-events import { EObjectFeature, NavNodeInfoResource, NavTreeResource } from '@cloudbeaver/core-navigation-tree'; import type { NavTreeControlComponent, NavTreeControlProps } from '../ElementsTree/NavigationNodeComponent'; -import style from '../ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeControl.m.css'; +import style from '../ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeControl.module.css'; import { NavigationNodeExpand } from '../ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeExpand'; import { TreeNodeMenuLoader } from '../ElementsTree/NavigationTreeNode/TreeNodeMenu/TreeNodeMenuLoader'; diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTree.m.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTree.module.css similarity index 79% rename from webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTree.m.css rename to webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTree.module.css index f45f074db7..2dab4f2e89 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTree.m.css +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTree.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .box { display: flex; flex-direction: column; diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTree.tsx b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTree.tsx index 944ce47391..c4874de907 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTree.tsx +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTree.tsx @@ -26,7 +26,7 @@ import { EventContext, EventStopPropagationFlag } from '@cloudbeaver/core-events import { EObjectFeature, type NavNode, NavNodeInfoResource, NavTreeResource, ROOT_NODE_PATH } from '@cloudbeaver/core-navigation-tree'; import { useNavTreeDropBox } from '../useNavTreeDropBox'; -import style from './ElementsTree.m.css'; +import style from './ElementsTree.module.css'; import { ElementsTreeContentLoader } from './ElementsTreeContentLoader'; import { ElementsTreeContext, IElementsTreeContext } from './ElementsTreeContext'; import { elementsTreeNameFilter } from './elementsTreeNameFilter'; diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeFilter.m.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeFilter.m.css deleted file mode 100644 index 7475b27d9a..0000000000 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeFilter.m.css +++ /dev/null @@ -1,5 +0,0 @@ -.filterBox { - composes: theme-background-surface from global; - padding: 8px 12px; - flex: 0 0 auto; -} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeFilter.module.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeFilter.module.css new file mode 100644 index 0000000000..e16e5149f6 --- /dev/null +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeFilter.module.css @@ -0,0 +1,12 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.filterBox { + composes: theme-background-surface from global; + padding: 8px 12px; + flex: 0 0 auto; +} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeFilter.tsx b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeFilter.tsx index e012c346ab..141196e6f5 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeFilter.tsx +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeFilter.tsx @@ -10,7 +10,7 @@ import { observer } from 'mobx-react-lite'; import { Filter, s, useFocus, useS, useTranslate } from '@cloudbeaver/core-blocks'; import type { IElementsTree } from '../useElementsTree'; -import styles from './ElementsTreeFilter.m.css'; +import styles from './ElementsTreeFilter.module.css'; interface Props { tree: IElementsTree; diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeMenuBarItem.m.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeMenuBarItem.m.css deleted file mode 100644 index 22e78f4ff8..0000000000 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeMenuBarItem.m.css +++ /dev/null @@ -1,5 +0,0 @@ -.toolsMenu .menuBarItem { - & .menuBarItemLabel { - display: none; - } -} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeMenuBarItem.module.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeMenuBarItem.module.css new file mode 100644 index 0000000000..237d3ca9e3 --- /dev/null +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeMenuBarItem.module.css @@ -0,0 +1,12 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.toolsMenu .menuBarItem { + & .menuBarItemLabel { + display: none; + } +} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeTools.m.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeTools.module.css similarity index 53% rename from webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeTools.m.css rename to webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeTools.module.css index c7585635a6..ea32443a99 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeTools.m.css +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeTools.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .primary { composes: theme-text-primary from global; } diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeTools.tsx b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeTools.tsx index c46664c3b5..fed7cc29aa 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeTools.tsx +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeTools.tsx @@ -24,8 +24,8 @@ import { useCaptureViewContext } from '@cloudbeaver/core-view'; import { DATA_CONTEXT_ELEMENTS_TREE } from '../DATA_CONTEXT_ELEMENTS_TREE'; import type { IElementsTree } from '../useElementsTree'; import { ElementsTreeFilter } from './ElementsTreeFilter'; -import ElementsTreeToolsStyles from './ElementsTreeTools.m.css'; -import ElementsTreeToolsIconButtonStyles from './ElementsTreeToolsIconButton.m.css'; +import ElementsTreeToolsStyles from './ElementsTreeTools.module.css'; +import ElementsTreeToolsIconButtonStyles from './ElementsTreeToolsIconButton.module.css'; import { ElementsTreeToolsMenu } from './ElementsTreeToolsMenu'; import { DATA_CONTEXT_NAV_TREE_ROOT } from './NavigationTreeSettings/DATA_CONTEXT_NAV_TREE_ROOT'; import type { IElementsTreeSettingsProps } from './NavigationTreeSettings/ElementsTreeSettingsService'; diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeToolsIconButton.m.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeToolsIconButton.module.css similarity index 64% rename from webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeToolsIconButton.m.css rename to webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeToolsIconButton.module.css index 9f1c59ca68..cead1fe120 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeToolsIconButton.m.css +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeToolsIconButton.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .iconButton { & .icon, & .staticImage { @@ -26,4 +33,4 @@ to { transform: rotate(360deg); } -} \ No newline at end of file +} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeToolsMenu.m.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeToolsMenu.m.css deleted file mode 100644 index ec052c096f..0000000000 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeToolsMenu.m.css +++ /dev/null @@ -1,4 +0,0 @@ -.wrapper { - display: flex; - height: 100%; -} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeToolsMenu.module.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeToolsMenu.module.css new file mode 100644 index 0000000000..294039e523 --- /dev/null +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeToolsMenu.module.css @@ -0,0 +1,11 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.wrapper { + display: flex; + height: 100%; +} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeToolsMenu.tsx b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeToolsMenu.tsx index 85dbbc3e1e..955bf5bf9a 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeToolsMenu.tsx +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeToolsMenu.tsx @@ -13,8 +13,8 @@ import { useMenu } from '@cloudbeaver/core-view'; import { DATA_CONTEXT_ELEMENTS_TREE } from '../DATA_CONTEXT_ELEMENTS_TREE'; import type { IElementsTree } from '../useElementsTree'; -import elementsTreeMenuBarItemStyles from './ElementsTreeMenuBarItem.m.css'; -import style from './ElementsTreeToolsMenu.m.css'; +import elementsTreeMenuBarItemStyles from './ElementsTreeMenuBarItem.module.css'; +import style from './ElementsTreeToolsMenu.module.css'; import { MENU_ELEMENTS_TREE_TOOLS } from './MENU_ELEMENTS_TREE_TOOLS'; interface Props { diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/NavigationTreeSettings/NavigationTreeSettings.m.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/NavigationTreeSettings/NavigationTreeSettings.m.css deleted file mode 100644 index 33de9b3468..0000000000 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/NavigationTreeSettings/NavigationTreeSettings.m.css +++ /dev/null @@ -1,15 +0,0 @@ -.settings { - display: flex; - flex-direction: row; - overflow: auto; -} - -.group { - min-width: fit-content; - margin-right: 0; - width: 100%; -} - -.settings > .groupPadding { - padding: 12px; -} \ No newline at end of file diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/NavigationTreeSettings/NavigationTreeSettings.module.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/NavigationTreeSettings/NavigationTreeSettings.module.css new file mode 100644 index 0000000000..7fe14acf57 --- /dev/null +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/NavigationTreeSettings/NavigationTreeSettings.module.css @@ -0,0 +1,22 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.settings { + display: flex; + flex-direction: row; + overflow: auto; +} + +.group { + min-width: fit-content; + margin-right: 0; + width: 100%; +} + +.settings > .groupPadding { + padding: 12px; +} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/NavigationTreeSettings/NavigationTreeSettings.tsx b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/NavigationTreeSettings/NavigationTreeSettings.tsx index 61d62cdc94..30cc694339 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/NavigationTreeSettings/NavigationTreeSettings.tsx +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/ElementsTreeTools/NavigationTreeSettings/NavigationTreeSettings.tsx @@ -11,7 +11,7 @@ import { Group, Loader, Placeholder, PlaceholderElement, s, useS } from '@cloudb import { useService } from '@cloudbeaver/core-di'; import { ElementsTreeSettingsService, IElementsTreeSettingsProps } from './ElementsTreeSettingsService'; -import NavigationTreeSettingsStyles from './NavigationTreeSettings.m.css'; +import NavigationTreeSettingsStyles from './NavigationTreeSettings.module.css'; interface Props extends IElementsTreeSettingsProps { elements?: PlaceholderElement[]; diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavTreeLimitFilter/elementsTreeLimitRenderer.m.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavTreeLimitFilter/elementsTreeLimitRenderer.m.css deleted file mode 100644 index 408cfbe7ce..0000000000 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavTreeLimitFilter/elementsTreeLimitRenderer.m.css +++ /dev/null @@ -1,4 +0,0 @@ -.loadMoreBox { - composes: theme-text-text-hint-on-light theme-typography--caption from global; - padding: 4px 24px; -} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavTreeLimitFilter/elementsTreeLimitRenderer.module.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavTreeLimitFilter/elementsTreeLimitRenderer.module.css new file mode 100644 index 0000000000..852eeb7802 --- /dev/null +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavTreeLimitFilter/elementsTreeLimitRenderer.module.css @@ -0,0 +1,11 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.loadMoreBox { + composes: theme-text-text-hint-on-light theme-typography--caption from global; + padding: 4px 24px; +} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavTreeLimitFilter/elementsTreeLimitRenderer.tsx b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavTreeLimitFilter/elementsTreeLimitRenderer.tsx index 0c0e2146e7..fa19d63236 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavTreeLimitFilter/elementsTreeLimitRenderer.tsx +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavTreeLimitFilter/elementsTreeLimitRenderer.tsx @@ -14,7 +14,7 @@ import { CachedResourceOffsetPageKey, getNextPageOffset } from '@cloudbeaver/cor import type { NavigationNodeRendererComponent } from '../NavigationNodeComponent'; import { NAVIGATION_TREE_LIMIT } from './elementsTreeLimitFilter'; -import styles from './elementsTreeLimitRenderer.m.css'; +import styles from './elementsTreeLimitRenderer.module.css'; export function elementsTreeLimitRenderer(nodeId: string): NavigationNodeRendererComponent | undefined { if (nodeId === NAVIGATION_TREE_LIMIT.limit) { diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode.m.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode.m.css deleted file mode 100644 index 7e88c8bf76..0000000000 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode.m.css +++ /dev/null @@ -1,9 +0,0 @@ -.treeNode { - &.hovered ::before { - opacity: 0.16; - } - - &.expanded > .navNodeNested { - display: block; - } -} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode.module.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode.module.css new file mode 100644 index 0000000000..b7a580de03 --- /dev/null +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode.module.css @@ -0,0 +1,16 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.treeNode { + &.hovered ::before { + opacity: 0.16; + } + + &.expanded > .navNodeNested { + display: block; + } +} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode.tsx b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode.tsx index 05cd399c37..50e62d8165 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode.tsx +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode.tsx @@ -16,7 +16,7 @@ import { useDNDData } from '@cloudbeaver/core-ui'; import { useNavTreeDropBox } from '../../useNavTreeDropBox'; import type { NavigationNodeComponent } from '../NavigationNodeComponent'; -import style from './NavigationNode.m.css'; +import style from './NavigationNode.module.css'; import { DATA_ATTRIBUTE_NODE_EDITING } from './NavigationNode/DATA_ATTRIBUTE_NODE_EDITING'; import { NavigationNodeNested } from './NavigationNode/NavigationNodeNested'; import { NavigationNodeControlRenderer } from './NavigationNodeControlRenderer'; diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeControl.m.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeControl.module.css similarity index 74% rename from webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeControl.m.css rename to webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeControl.module.css index b797938948..7e6b16fc93 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeControl.m.css +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeControl.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .treeNodeControl.dragging { opacity: 0.6; } diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeControl.tsx b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeControl.tsx index 63802256a7..6c9ee61770 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeControl.tsx +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeControl.tsx @@ -29,7 +29,7 @@ import { getNodePlainName, type INodeActions, NavNodeInfoResource, NavTreeResour import type { NavTreeControlComponent } from '../../NavigationNodeComponent'; import { TreeNodeMenuLoader } from '../TreeNodeMenu/TreeNodeMenuLoader'; import { DATA_ATTRIBUTE_NODE_EDITING } from './DATA_ATTRIBUTE_NODE_EDITING'; -import style from './NavigationNodeControl.m.css'; +import style from './NavigationNodeControl.module.css'; import { NavigationNodeExpand } from './NavigationNodeExpand'; import { NavigationNodeEditorLoader } from './NavigationNodeLoaders'; diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeEditor.m.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeEditor.m.css deleted file mode 100644 index 25c4e1f70d..0000000000 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeEditor.m.css +++ /dev/null @@ -1,9 +0,0 @@ -.inlineEditor { - height: 22px !important; - - & input, - & input[disabled], - & input[readonly] { - padding: 1px !important; - } -} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeEditor.module.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeEditor.module.css new file mode 100644 index 0000000000..6ad82197d5 --- /dev/null +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeEditor.module.css @@ -0,0 +1,16 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.inlineEditor { + height: 22px !important; + + & input, + & input[disabled], + & input[readonly] { + padding: 1px !important; + } +} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeEditor.tsx b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeEditor.tsx index 60b7391215..2db7a987cc 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeEditor.tsx +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeEditor.tsx @@ -12,7 +12,7 @@ import { s, useS } from '@cloudbeaver/core-blocks'; import { EventContext, EventStopPropagationFlag } from '@cloudbeaver/core-events'; import { InlineEditor } from '@cloudbeaver/core-ui'; -import style from './NavigationNodeEditor.m.css'; +import style from './NavigationNodeEditor.module.css'; export interface NavigationNodeEditorProps { name: string; diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeNested.m.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeNested.m.css deleted file mode 100644 index 8a14ad8e13..0000000000 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeNested.m.css +++ /dev/null @@ -1,3 +0,0 @@ -.navigationNodeNested { - box-sizing: border-box; -} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeNested.module.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeNested.module.css new file mode 100644 index 0000000000..5baee7d60f --- /dev/null +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeNested.module.css @@ -0,0 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.navigationNodeNested { + box-sizing: border-box; +} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeNested.tsx b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeNested.tsx index 75c4ca6eba..40ca95731e 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeNested.tsx +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeNested.tsx @@ -13,7 +13,7 @@ import { isArraysEqual } from '@cloudbeaver/core-utils'; import { ElementsTreeContext } from '../../ElementsTreeContext'; import type { NavTreeNodeComponent } from '../../NavigationNodeComponent'; -import style from './NavigationNodeNested.m.css'; +import style from './NavigationNodeNested.module.css'; interface Props { nodeId?: string; diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNodeControlRenderer.m.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNodeControlRenderer.m.css deleted file mode 100644 index d961153eff..0000000000 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNodeControlRenderer.m.css +++ /dev/null @@ -1,8 +0,0 @@ -.control { - transition: opacity 0.3s ease; - opacity: 1; - - &.outdated { - opacity: 0.5; - } -} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNodeControlRenderer.module.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNodeControlRenderer.module.css new file mode 100644 index 0000000000..1f93d4dfff --- /dev/null +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNodeControlRenderer.module.css @@ -0,0 +1,15 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.control { + transition: opacity 0.3s ease; + opacity: 1; + + &.outdated { + opacity: 0.5; + } +} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNodeControlRenderer.tsx b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNodeControlRenderer.tsx index 97658785d4..86a3e3a51f 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNodeControlRenderer.tsx +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNodeControlRenderer.tsx @@ -15,7 +15,7 @@ import { type NavNode, NavNodeInfoResource } from '@cloudbeaver/core-navigation- import { ElementsTreeContext } from '../ElementsTreeContext'; import type { NavTreeControlComponent } from '../NavigationNodeComponent'; import { NavigationNodeControlLoader } from './NavigationNode/NavigationNodeLoaders'; -import style from './NavigationNodeControlRenderer.m.css'; +import style from './NavigationNodeControlRenderer.module.css'; import type { INavigationNode } from './useNavigationNode'; interface Props { diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/TreeNodeMenu/TreeNodeMenu.m.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/TreeNodeMenu/TreeNodeMenu.module.css similarity index 51% rename from webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/TreeNodeMenu/TreeNodeMenu.m.css rename to webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/TreeNodeMenu/TreeNodeMenu.module.css index e1af2b641b..606542bb53 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/TreeNodeMenu/TreeNodeMenu.m.css +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/TreeNodeMenu/TreeNodeMenu.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .contextMenu { padding: 0; height: 16px; diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/TreeNodeMenu/TreeNodeMenu.tsx b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/TreeNodeMenu/TreeNodeMenu.tsx index 9905554692..ee68062669 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/TreeNodeMenu/TreeNodeMenu.tsx +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTree/NavigationTreeNode/TreeNodeMenu/TreeNodeMenu.tsx @@ -16,7 +16,7 @@ import { useMenu } from '@cloudbeaver/core-view'; import { MENU_NAV_TREE } from '../../MENU_NAV_TREE'; import { DATA_CONTEXT_NAV_NODE_ACTIONS } from './DATA_CONTEXT_NAV_NODE_ACTIONS'; -import style from './TreeNodeMenu.m.css'; +import style from './TreeNodeMenu.module.css'; export interface TreeNodeMenuProps { node: NavNode; diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTreeTools.m.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTreeTools.m.css deleted file mode 100644 index 7c85cee449..0000000000 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTreeTools.m.css +++ /dev/null @@ -1,8 +0,0 @@ -.tools { - composes: theme-border-color-background from global; -} - -.tools > *:last-child:not(:first-child) { - border-bottom: solid 1px; - border-color: inherit; -} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTreeTools.module.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTreeTools.module.css new file mode 100644 index 0000000000..d58256e134 --- /dev/null +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ElementsTreeTools.module.css @@ -0,0 +1,15 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.tools { + composes: theme-border-color-background from global; +} + +.tools > *:last-child:not(:first-child) { + border-bottom: solid 1px; + border-color: inherit; +} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/NavigationTree.m.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/NavigationTree.module.css similarity index 62% rename from webapp/packages/plugin-navigation-tree/src/NavigationTree/NavigationTree.m.css rename to webapp/packages/plugin-navigation-tree/src/NavigationTree/NavigationTree.module.css index 320bb982f0..d4cc886562 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/NavigationTree.m.css +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/NavigationTree.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .captureView { outline: none; display: flex; diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/NavigationTree.tsx b/webapp/packages/plugin-navigation-tree/src/NavigationTree/NavigationTree.tsx index 892bc947c6..f772433c0e 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/NavigationTree.tsx +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/NavigationTree.tsx @@ -26,9 +26,9 @@ import { } from './ElementsTree/ElementsTreeTools/NavigationTreeSettings/createElementsTreeSettings'; import { transformFilteredNodeInfo } from './ElementsTree/transformFilteredNodeInfo'; import type { IElementsTreeSettings } from './ElementsTree/useElementsTree'; -import elementsTreeToolsStyles from './ElementsTreeTools.m.css'; +import elementsTreeToolsStyles from './ElementsTreeTools.module.css'; import { getNavigationTreeUserSettingsId } from './getNavigationTreeUserSettingsId'; -import style from './NavigationTree.m.css'; +import style from './NavigationTree.module.css'; import { navigationTreeDuplicateFilter } from './navigationTreeDuplicateIdFilter'; import { NavigationTreeService } from './NavigationTreeService'; import { navigationTreeProjectFilter } from './ProjectsRenderer/navigationTreeProjectFilter'; diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/NavigationTreePanel.m.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/NavigationTreePanel.m.css deleted file mode 100644 index 2a2885034c..0000000000 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/NavigationTreePanel.m.css +++ /dev/null @@ -1,6 +0,0 @@ -.container { - display: flex; - flex-direction: column; - flex: 1; - overflow: auto; -} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/NavigationTreePanel.module.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/NavigationTreePanel.module.css new file mode 100644 index 0000000000..f4992dc712 --- /dev/null +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/NavigationTreePanel.module.css @@ -0,0 +1,13 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.container { + display: flex; + flex-direction: column; + flex: 1; + overflow: auto; +} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/NavigationTreePanel.tsx b/webapp/packages/plugin-navigation-tree/src/NavigationTree/NavigationTreePanel.tsx index d94d2c8b1a..c99d0eae02 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/NavigationTreePanel.tsx +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/NavigationTreePanel.tsx @@ -11,7 +11,7 @@ import { s, useS } from '@cloudbeaver/core-blocks'; import type { TabContainerPanelComponent } from '@cloudbeaver/core-ui'; import { NavigationTreeLoader } from './NavigationTreeLoader'; -import style from './NavigationTreePanel.m.css'; +import style from './NavigationTreePanel.module.css'; export const NavigationTreePanel: TabContainerPanelComponent = observer(function NavigationTreePanel() { const styles = useS(style); diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ProjectsRenderer/NavigationNodeProjectControl.m.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ProjectsRenderer/NavigationNodeProjectControl.module.css similarity index 74% rename from webapp/packages/plugin-navigation-tree/src/NavigationTree/ProjectsRenderer/NavigationNodeProjectControl.m.css rename to webapp/packages/plugin-navigation-tree/src/NavigationTree/ProjectsRenderer/NavigationNodeProjectControl.module.css index ca25ed8676..20ff21a9e0 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ProjectsRenderer/NavigationNodeProjectControl.m.css +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ProjectsRenderer/NavigationNodeProjectControl.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .treeNodeControl { transition: opacity 0.3s ease; opacity: 1; diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ProjectsRenderer/NavigationNodeProjectControl.tsx b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ProjectsRenderer/NavigationNodeProjectControl.tsx index ad82f8ee08..533c33062f 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ProjectsRenderer/NavigationNodeProjectControl.tsx +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ProjectsRenderer/NavigationNodeProjectControl.tsx @@ -17,7 +17,7 @@ import { ElementsTreeContext } from '../ElementsTree/ElementsTreeContext'; import type { NavTreeControlComponent, NavTreeControlProps } from '../ElementsTree/NavigationNodeComponent'; import { isDraggingInsideProject } from '../ElementsTree/NavigationTreeNode/isDraggingInsideProject'; import { TreeNodeMenuLoader } from '../ElementsTree/NavigationTreeNode/TreeNodeMenu/TreeNodeMenuLoader'; -import style from './NavigationNodeProjectControl.m.css'; +import style from './NavigationNodeProjectControl.module.css'; export const NavigationNodeProjectControl: NavTreeControlComponent = observer( forwardRef(function NavigationNodeProjectControl({ node, dndElement, dndPlaceholder, className }, ref) { diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ProjectsRenderer/NavigationTreeProjectsRendererRenderer.m.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ProjectsRenderer/NavigationTreeProjectsRendererRenderer.m.css deleted file mode 100644 index 0720a58bfa..0000000000 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ProjectsRenderer/NavigationTreeProjectsRendererRenderer.m.css +++ /dev/null @@ -1,11 +0,0 @@ -.projectNode { - margin-top: 8px; - - &.hideProjects { - margin-top: 0px; - } - - & > .navigationNodeNested { - padding-left: 0 !important; - } -} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ProjectsRenderer/NavigationTreeProjectsRendererRenderer.module.css b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ProjectsRenderer/NavigationTreeProjectsRendererRenderer.module.css new file mode 100644 index 0000000000..fc5a859b7c --- /dev/null +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ProjectsRenderer/NavigationTreeProjectsRendererRenderer.module.css @@ -0,0 +1,18 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.projectNode { + margin-top: 8px; + + &.hideProjects { + margin-top: 0px; + } + + & > .navigationNodeNested { + padding-left: 0 !important; + } +} diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ProjectsRenderer/navigationTreeProjectsRendererRenderer.tsx b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ProjectsRenderer/navigationTreeProjectsRendererRenderer.tsx index e46f78f4f7..a97e38853c 100644 --- a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ProjectsRenderer/navigationTreeProjectsRendererRenderer.tsx +++ b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ProjectsRenderer/navigationTreeProjectsRendererRenderer.tsx @@ -21,7 +21,7 @@ import { isDraggingInsideProject } from '../ElementsTree/NavigationTreeNode/isDr import { NavigationNodeRendererLoader } from '../ElementsTree/NavigationTreeNode/NavigationNodeRendererLoader'; import type { IElementsTreeCustomRenderer } from '../ElementsTree/useElementsTree'; import { NavigationNodeProjectControl } from './NavigationNodeProjectControl'; -import style from './NavigationTreeProjectsRendererRenderer.m.css'; +import style from './NavigationTreeProjectsRendererRenderer.module.css'; const registry: StyleRegistry = [ [ diff --git a/webapp/packages/plugin-navigation-tree/src/NodesManager/NodeLink.m.css b/webapp/packages/plugin-navigation-tree/src/NodesManager/NodeLink.module.css similarity index 100% rename from webapp/packages/plugin-navigation-tree/src/NodesManager/NodeLink.m.css rename to webapp/packages/plugin-navigation-tree/src/NodesManager/NodeLink.module.css diff --git a/webapp/packages/plugin-navigation-tree/src/NodesManager/NodeLink.tsx b/webapp/packages/plugin-navigation-tree/src/NodesManager/NodeLink.tsx index 3563403961..a707cb5cb8 100644 --- a/webapp/packages/plugin-navigation-tree/src/NodesManager/NodeLink.tsx +++ b/webapp/packages/plugin-navigation-tree/src/NodesManager/NodeLink.tsx @@ -12,7 +12,7 @@ import { useService } from '@cloudbeaver/core-di'; import { parseNodeParentId } from '@cloudbeaver/core-navigation-tree'; import { NavigationTreeService } from '../NavigationTree/NavigationTreeService'; -import styles from './NodeLink.m.css'; +import styles from './NodeLink.module.css'; export interface NodeLinkProps { name: string; diff --git a/webapp/packages/plugin-navigation-tree/src/index.ts b/webapp/packages/plugin-navigation-tree/src/index.ts index aa7a48e5da..7dfb774086 100644 --- a/webapp/packages/plugin-navigation-tree/src/index.ts +++ b/webapp/packages/plugin-navigation-tree/src/index.ts @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ export * from './manifest'; export * from './NavigationTree/ElementsTree/ElementsTreeTools/NavigationTreeSettings/createElementsTreeSettings'; @@ -29,11 +36,11 @@ export * from './NavigationTree/ElementsTree/elementsTreeNameFilter'; export * from './NavigationTree/ElementsTree/ElementsTreeService'; export * from './NavigationTree/NavigationTreeBootstrap'; export * from './NavigationTree/NavigationTreeService'; -export { default as ElementsTreeToolsStyles } from './NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeTools.m.css'; -export { default as ElementsTreeFilterStyles } from './NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeFilter.m.css'; -export { default as NavigationNodeNestedStyles } from './NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeNested.m.css'; -export { default as NavigationNodeControlRendererStyles } from './NavigationTree/ElementsTree/NavigationTreeNode/NavigationNodeControlRenderer.m.css'; -export { default as NavigationNodeControlStyles } from './NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeControl.m.css'; +export { default as ElementsTreeToolsStyles } from './NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeTools.module.css'; +export { default as ElementsTreeFilterStyles } from './NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeFilter.module.css'; +export { default as NavigationNodeNestedStyles } from './NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeNested.module.css'; +export { default as NavigationNodeControlRendererStyles } from './NavigationTree/ElementsTree/NavigationTreeNode/NavigationNodeControlRenderer.module.css'; +export { default as NavigationNodeControlStyles } from './NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeControl.module.css'; export * from './NavigationTree/NavigationTreeLoader'; export * from './TreeNew/INodeRenderer'; diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/NavNodeTab.m.css b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/NavNodeTab.module.css similarity index 100% rename from webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/NavNodeTab.m.css rename to webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/NavNodeTab.module.css diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/NavNodeTab.tsx b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/NavNodeTab.tsx index 34a9d0c10f..f5dcd31113 100644 --- a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/NavNodeTab.tsx +++ b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/NavNodeTab.tsx @@ -14,7 +14,7 @@ import { resourceKeyList } from '@cloudbeaver/core-resource'; import { Tab, TabIcon, TabTitle } from '@cloudbeaver/core-ui'; import { useChildren, useNode } from '@cloudbeaver/plugin-navigation-tree'; -import style from './NavNodeTab.m.css'; +import style from './NavNodeTab.module.css'; interface INavNodeTabProps { nodeId: string; diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/NavNodeView/VirtualFolder/VirtualFolderPanel.m.css b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/NavNodeView/VirtualFolder/VirtualFolderPanel.module.css similarity index 100% rename from webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/NavNodeView/VirtualFolder/VirtualFolderPanel.m.css rename to webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/NavNodeView/VirtualFolder/VirtualFolderPanel.module.css diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/NavNodeView/VirtualFolder/VirtualFolderPanel.tsx b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/NavNodeView/VirtualFolder/VirtualFolderPanel.tsx index cfa4786068..2ab08908e1 100644 --- a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/NavNodeView/VirtualFolder/VirtualFolderPanel.tsx +++ b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/NavNodeView/VirtualFolder/VirtualFolderPanel.tsx @@ -15,7 +15,7 @@ import { isDefined } from '@cloudbeaver/core-utils'; import { type NavNodeTransformViewComponent, NavNodeViewService } from '@cloudbeaver/plugin-navigation-tree'; import { TableLoader } from '../../ObjectPropertyTable/Table/TableLoader'; -import classes from './VirtualFolderPanel.m.css'; +import classes from './VirtualFolderPanel.module.css'; import { VirtualFolderUtils } from './VirtualFolderUtils'; export const VirtualFolderPanel: NavNodeTransformViewComponent = observer(function VirtualFolderPanel({ folderId, nodeId }) { diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectFolders.tsx b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectFolders.tsx index 18dacdf2f4..c5cb82b953 100644 --- a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectFolders.tsx +++ b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectFolders.tsx @@ -29,12 +29,12 @@ import { NavNodeViewService } from '@cloudbeaver/plugin-navigation-tree'; import type { IObjectViewerTabState } from '../IObjectViewerTabState'; import { FolderPanelRenderer } from './FolderPanelRenderer'; import { FolderTabRenderer } from './FolderTabRenderer'; -import NavNodeTabStyle from './NavNodeTab.m.css'; -import ObjectFoldersNavNodeTab from './shared/ObjectFoldersNavNodeTab.m.css'; -import ObjectFoldersTab from './shared/ObjectFoldersTab.m.css'; -import ObjectFoldersTabList from './shared/ObjectFoldersTabList.m.css'; -import ObjectFoldersTabPanel from './shared/ObjectFoldersTabPanel.m.css'; -import ObjectFoldersTabTitle from './shared/ObjectFoldersTabTitle.m.css'; +import NavNodeTabStyle from './NavNodeTab.module.css'; +import ObjectFoldersNavNodeTab from './shared/ObjectFoldersNavNodeTab.module.css'; +import ObjectFoldersTab from './shared/ObjectFoldersTab.module.css'; +import ObjectFoldersTabList from './shared/ObjectFoldersTabList.module.css'; +import ObjectFoldersTabPanel from './shared/ObjectFoldersTabPanel.module.css'; +import ObjectFoldersTabTitle from './shared/ObjectFoldersTabTitle.module.css'; interface IProps { tab: ITab; diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertiesPagePanel.m.css b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertiesPagePanel.m.css deleted file mode 100644 index 8225a1d152..0000000000 --- a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertiesPagePanel.m.css +++ /dev/null @@ -1,7 +0,0 @@ -.wrapper { - composes: theme-background-surface from global; - display: flex; - width: 100%; - flex: 1 1 auto; - padding-top: 16px; -} diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertiesPagePanel.module.css b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertiesPagePanel.module.css new file mode 100644 index 0000000000..7770828c82 --- /dev/null +++ b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertiesPagePanel.module.css @@ -0,0 +1,14 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.wrapper { + composes: theme-background-surface from global; + display: flex; + width: 100%; + flex: 1 1 auto; + padding-top: 16px; +} diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertiesPagePanel.tsx b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertiesPagePanel.tsx index 77105a41bc..090862090d 100644 --- a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertiesPagePanel.tsx +++ b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertiesPagePanel.tsx @@ -11,7 +11,7 @@ import { s, useS } from '@cloudbeaver/core-blocks'; import type { ObjectPagePanelComponent } from '../ObjectPage/ObjectPage'; import { ObjectFolders } from './ObjectFolders'; -import classes from './ObjectPropertiesPagePanel.m.css'; +import classes from './ObjectPropertiesPagePanel.module.css'; export const ObjectPropertiesPagePanel: ObjectPagePanelComponent = observer(function ObjectPropertiesPagePanel({ tab }) { const styles = useS(classes); diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/ObjectPropertyTable.m.css b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/ObjectPropertyTable.m.css deleted file mode 100644 index f65636f963..0000000000 --- a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/ObjectPropertyTable.m.css +++ /dev/null @@ -1,6 +0,0 @@ -.box { - flex: auto; - overflow: hidden; - display: flex; - flex-direction: column; -} diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/ObjectPropertyTable.module.css b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/ObjectPropertyTable.module.css new file mode 100644 index 0000000000..92be0a471e --- /dev/null +++ b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/ObjectPropertyTable.module.css @@ -0,0 +1,13 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.box { + flex: auto; + overflow: hidden; + display: flex; + flex-direction: column; +} diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/ObjectPropertyTable.tsx b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/ObjectPropertyTable.tsx index 02c594797a..5a5fa9e73d 100644 --- a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/ObjectPropertyTable.tsx +++ b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/ObjectPropertyTable.tsx @@ -14,7 +14,7 @@ import { type DBObject, DBObjectParentKey, DBObjectResource, NavTreeResource } f import { isDefined } from '@cloudbeaver/core-utils'; import { NavNodeViewService } from '@cloudbeaver/plugin-navigation-tree'; -import styles from './ObjectPropertyTable.m.css'; +import styles from './ObjectPropertyTable.module.css'; import { TableLoader } from './Table/TableLoader'; interface ObjectPropertyTableProps { diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/CellFormatter.m.css b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/CellFormatter.module.css similarity index 53% rename from webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/CellFormatter.m.css rename to webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/CellFormatter.module.css index 723b6e76cb..6c9190f206 100644 --- a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/CellFormatter.m.css +++ b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/CellFormatter.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .container { cursor: pointer; width: 100%; diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/CellFormatter.tsx b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/CellFormatter.tsx index e3eff1fd6a..081255767c 100644 --- a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/CellFormatter.tsx +++ b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/CellFormatter.tsx @@ -18,7 +18,7 @@ import { MENU_NAV_TREE, useNode } from '@cloudbeaver/plugin-navigation-tree'; import type { RenderCellProps } from '@cloudbeaver/plugin-react-data-grid'; import { getValue } from '../../helpers'; -import classes from './CellFormatter.m.css'; +import classes from './CellFormatter.module.css'; import { TableContext } from './TableContext'; interface Props { diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Columns/ColumnIcon/IconFormatter.m.css b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Columns/ColumnIcon/IconFormatter.module.css similarity index 100% rename from webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Columns/ColumnIcon/IconFormatter.m.css rename to webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Columns/ColumnIcon/IconFormatter.module.css diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Columns/ColumnIcon/IconFormatter.tsx b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Columns/ColumnIcon/IconFormatter.tsx index 8a5c7d03da..64d2715bc0 100644 --- a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Columns/ColumnIcon/IconFormatter.tsx +++ b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Columns/ColumnIcon/IconFormatter.tsx @@ -12,7 +12,7 @@ import type { DBObject } from '@cloudbeaver/core-navigation-tree'; import { useNode } from '@cloudbeaver/plugin-navigation-tree'; import type { RenderCellProps } from '@cloudbeaver/plugin-react-data-grid'; -import style from './IconFormatter.m.css'; +import style from './IconFormatter.module.css'; export const IconFormatter = observer>(function IconFormatter(props) { const { node } = useNode(props.row.id); diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Columns/ColumnSelect/SelectorFormatter.m.css b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Columns/ColumnSelect/SelectorFormatter.module.css similarity index 100% rename from webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Columns/ColumnSelect/SelectorFormatter.m.css rename to webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Columns/ColumnSelect/SelectorFormatter.module.css diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Columns/ColumnSelect/SelectorFormatter.tsx b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Columns/ColumnSelect/SelectorFormatter.tsx index 80465c3d34..84f62061be 100644 --- a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Columns/ColumnSelect/SelectorFormatter.tsx +++ b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Columns/ColumnSelect/SelectorFormatter.tsx @@ -13,7 +13,7 @@ import type { DBObject } from '@cloudbeaver/core-navigation-tree'; import type { RenderCellProps } from '@cloudbeaver/plugin-react-data-grid'; import { TableContext } from '../../TableContext'; -import style from './SelectorFormatter.m.css'; +import style from './SelectorFormatter.module.css'; export const SelectorFormatter = observer>(function SelectorFormatter(props) { const context = useContext(TableContext); diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Table.m.css b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Table.module.css similarity index 64% rename from webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Table.m.css rename to webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Table.module.css index 391a2f7a0e..43cd1b2dbd 100644 --- a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Table.m.css +++ b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Table.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .container { composes: theme-typography--body2 from global; height: 100%; diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Table.tsx b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Table.tsx index 8033973bb1..44fe2a7a3b 100644 --- a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Table.tsx +++ b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Table.tsx @@ -26,7 +26,7 @@ import { ColumnSelect } from './Columns/ColumnSelect/ColumnSelect'; import { HeaderRenderer } from './HeaderRenderer'; import './styles/base.scss'; import { tableStyles } from './styles/styles'; -import classes from './Table.m.css'; +import classes from './Table.module.css'; import { TableContext } from './TableContext'; import { useTableData } from './useTableData'; diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/ObjectFoldersNavNodeTab.m.css b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/ObjectFoldersNavNodeTab.module.css similarity index 100% rename from webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/ObjectFoldersNavNodeTab.m.css rename to webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/ObjectFoldersNavNodeTab.module.css diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/ObjectFoldersTab.m.css b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/ObjectFoldersTab.module.css similarity index 100% rename from webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/ObjectFoldersTab.m.css rename to webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/ObjectFoldersTab.module.css diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/ObjectFoldersTabList.m.css b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/ObjectFoldersTabList.module.css similarity index 100% rename from webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/ObjectFoldersTabList.m.css rename to webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/ObjectFoldersTabList.module.css diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/ObjectFoldersTabPanel.m.css b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/ObjectFoldersTabPanel.module.css similarity index 100% rename from webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/ObjectFoldersTabPanel.m.css rename to webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/ObjectFoldersTabPanel.module.css diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/ObjectFoldersTabTitle.m.css b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/ObjectFoldersTabTitle.module.css similarity index 100% rename from webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/ObjectFoldersTabTitle.m.css rename to webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/shared/ObjectFoldersTabTitle.module.css diff --git a/webapp/packages/plugin-object-viewer/src/ObjectViewerPanel/ObjectViewerPanel.tsx b/webapp/packages/plugin-object-viewer/src/ObjectViewerPanel/ObjectViewerPanel.tsx index c63db74f72..67ebecb23f 100644 --- a/webapp/packages/plugin-object-viewer/src/ObjectViewerPanel/ObjectViewerPanel.tsx +++ b/webapp/packages/plugin-object-viewer/src/ObjectViewerPanel/ObjectViewerPanel.tsx @@ -21,8 +21,8 @@ import type { IObjectViewerTabState } from '../IObjectViewerTabState'; import { DBObjectPagePanel } from '../ObjectPage/DBObjectPagePanel'; import { DBObjectPageService } from '../ObjectPage/DBObjectPageService'; import { DBObjectPageTab } from '../ObjectPage/DBObjectPageTab'; -import styles from './shared/ObjectViewerPanel.m.css'; -import ObjectViewerPanelTab from './shared/ObjectViewerPanelTab.m.css'; +import styles from './shared/ObjectViewerPanel.module.css'; +import ObjectViewerPanelTab from './shared/ObjectViewerPanelTab.module.css'; const tabsRegistry: StyleRegistry = [ [ diff --git a/webapp/packages/plugin-object-viewer/src/ObjectViewerPanel/shared/ObjectViewerPanel.m.css b/webapp/packages/plugin-object-viewer/src/ObjectViewerPanel/shared/ObjectViewerPanel.module.css similarity index 100% rename from webapp/packages/plugin-object-viewer/src/ObjectViewerPanel/shared/ObjectViewerPanel.m.css rename to webapp/packages/plugin-object-viewer/src/ObjectViewerPanel/shared/ObjectViewerPanel.module.css diff --git a/webapp/packages/plugin-object-viewer/src/ObjectViewerPanel/shared/ObjectViewerPanelTab.m.css b/webapp/packages/plugin-object-viewer/src/ObjectViewerPanel/shared/ObjectViewerPanelTab.module.css similarity index 100% rename from webapp/packages/plugin-object-viewer/src/ObjectViewerPanel/shared/ObjectViewerPanelTab.m.css rename to webapp/packages/plugin-object-viewer/src/ObjectViewerPanel/shared/ObjectViewerPanelTab.module.css diff --git a/webapp/packages/plugin-product/src/ProductInfoDialog.m.css b/webapp/packages/plugin-product/src/ProductInfoDialog.module.css similarity index 52% rename from webapp/packages/plugin-product/src/ProductInfoDialog.m.css rename to webapp/packages/plugin-product/src/ProductInfoDialog.module.css index 5cf177e7d8..46fe595a19 100644 --- a/webapp/packages/plugin-product/src/ProductInfoDialog.m.css +++ b/webapp/packages/plugin-product/src/ProductInfoDialog.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .contactsInfo { display: flex; white-space: pre-wrap; diff --git a/webapp/packages/plugin-product/src/ProductInfoDialog.tsx b/webapp/packages/plugin-product/src/ProductInfoDialog.tsx index 5208922a46..e189b08e62 100644 --- a/webapp/packages/plugin-product/src/ProductInfoDialog.tsx +++ b/webapp/packages/plugin-product/src/ProductInfoDialog.tsx @@ -29,7 +29,7 @@ import { ServerConfigResource } from '@cloudbeaver/core-root'; import { ThemeService } from '@cloudbeaver/core-theming'; import { useAppVersion } from '@cloudbeaver/core-version'; -import ProductInfoDialogStyles from './ProductInfoDialog.m.css'; +import ProductInfoDialogStyles from './ProductInfoDialog.module.css'; export const ProductInfoDialog = observer>(function ProductInfoDialog(props) { const translate = useTranslate(); diff --git a/webapp/packages/plugin-product/src/index.ts b/webapp/packages/plugin-product/src/index.ts index 20d0f4999d..edab3b0c68 100644 --- a/webapp/packages/plugin-product/src/index.ts +++ b/webapp/packages/plugin-product/src/index.ts @@ -1,4 +1,12 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ import { productPlugin } from './manifest'; -export { default as ProductInfoDialogStyles } from './ProductInfoDialog.m.css'; + +export { default as ProductInfoDialogStyles } from './ProductInfoDialog.module.css'; export default productPlugin; diff --git a/webapp/packages/plugin-projects/src/FolderDialog.m.css b/webapp/packages/plugin-projects/src/FolderDialog.m.css deleted file mode 100644 index 060df06e60..0000000000 --- a/webapp/packages/plugin-projects/src/FolderDialog.m.css +++ /dev/null @@ -1,3 +0,0 @@ -.footer { - align-items: center; -} diff --git a/webapp/packages/plugin-projects/src/FolderDialog.module.css b/webapp/packages/plugin-projects/src/FolderDialog.module.css new file mode 100644 index 0000000000..045c22bdcc --- /dev/null +++ b/webapp/packages/plugin-projects/src/FolderDialog.module.css @@ -0,0 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.footer { + align-items: center; +} diff --git a/webapp/packages/plugin-projects/src/FolderDialog.tsx b/webapp/packages/plugin-projects/src/FolderDialog.tsx index d47c500488..14dd162f07 100644 --- a/webapp/packages/plugin-projects/src/FolderDialog.tsx +++ b/webapp/packages/plugin-projects/src/FolderDialog.tsx @@ -31,7 +31,7 @@ import type { DialogComponent } from '@cloudbeaver/core-dialogs'; import { ProjectInfo, ProjectInfoResource } from '@cloudbeaver/core-projects'; import { createPath, throttleAsync } from '@cloudbeaver/core-utils'; -import style from './FolderDialog.m.css'; +import style from './FolderDialog.module.css'; import { ProjectSelect } from './ProjectSelect'; interface IFolderDialogState { diff --git a/webapp/packages/plugin-root/src/DataSynchronization/DataSynchronizationNotification.m.css b/webapp/packages/plugin-root/src/DataSynchronization/DataSynchronizationNotification.m.css deleted file mode 100644 index 0dfef9493b..0000000000 --- a/webapp/packages/plugin-root/src/DataSynchronization/DataSynchronizationNotification.m.css +++ /dev/null @@ -1,10 +0,0 @@ -.message { - composes: theme-typography--caption from global; - opacity: 0.8; - overflow: auto; - max-height: 100px; - margin-top: 8px; - display: flex; - flex-direction: column; - gap: 8px; -} \ No newline at end of file diff --git a/webapp/packages/plugin-root/src/DataSynchronization/DataSynchronizationNotification.module.css b/webapp/packages/plugin-root/src/DataSynchronization/DataSynchronizationNotification.module.css new file mode 100644 index 0000000000..1755ee4806 --- /dev/null +++ b/webapp/packages/plugin-root/src/DataSynchronization/DataSynchronizationNotification.module.css @@ -0,0 +1,17 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.message { + composes: theme-typography--caption from global; + opacity: 0.8; + overflow: auto; + max-height: 100px; + margin-top: 8px; + display: flex; + flex-direction: column; + gap: 8px; +} diff --git a/webapp/packages/plugin-root/src/DataSynchronization/DataSynchronizationNotification.tsx b/webapp/packages/plugin-root/src/DataSynchronization/DataSynchronizationNotification.tsx index dbbfe3f6fc..3d8f524099 100644 --- a/webapp/packages/plugin-root/src/DataSynchronization/DataSynchronizationNotification.tsx +++ b/webapp/packages/plugin-root/src/DataSynchronization/DataSynchronizationNotification.tsx @@ -7,13 +7,24 @@ */ import { observer } from 'mobx-react-lite'; -import { Button, SnackbarBody, SnackbarContent, SnackbarFooter, SnackbarStatus, SnackbarWrapper, s, useS, useTranslate } from '@cloudbeaver/core-blocks'; +import { + Button, + s, + SnackbarBody, + SnackbarContent, + SnackbarFooter, + SnackbarStatus, + SnackbarWrapper, + useS, + useTranslate, +} from '@cloudbeaver/core-blocks'; import { useService } from '@cloudbeaver/core-di'; import { ENotificationType, NotificationComponentProps } from '@cloudbeaver/core-events'; import { DataSynchronizationService } from '@cloudbeaver/core-root'; import { groupBy, objectValues } from '@cloudbeaver/core-utils'; + +import styles from './DataSynchronizationNotification.module.css'; import { DataSynchronizationNotificationMessages } from './DataSynchronizationNotificationMessages'; -import styles from './DataSynchronizationNotification.m.css'; export const DataSynchronizationNotification = observer(function DataSynchronizationNotification({ notification }) { const dataSynchronizationService = useService(DataSynchronizationService); @@ -37,7 +48,9 @@ export const DataSynchronizationNotification = observer {notification.message && translate(notification.message)}
- {groups.map((messages, index) => )} + {groups.map((messages, index) => ( + + ))}
diff --git a/webapp/packages/plugin-root/src/DataSynchronization/DataSynchronizationNotificationMessages.m.css b/webapp/packages/plugin-root/src/DataSynchronization/DataSynchronizationNotificationMessages.m.css deleted file mode 100644 index 3256e05b7a..0000000000 --- a/webapp/packages/plugin-root/src/DataSynchronization/DataSynchronizationNotificationMessages.m.css +++ /dev/null @@ -1,8 +0,0 @@ -.messageContent { - word-break: break-word; - white-space: pre-line; -} - -.messageContent:empty { - display: none; -} \ No newline at end of file diff --git a/webapp/packages/plugin-root/src/DataSynchronization/DataSynchronizationNotificationMessages.module.css b/webapp/packages/plugin-root/src/DataSynchronization/DataSynchronizationNotificationMessages.module.css new file mode 100644 index 0000000000..ce901d1cd8 --- /dev/null +++ b/webapp/packages/plugin-root/src/DataSynchronization/DataSynchronizationNotificationMessages.module.css @@ -0,0 +1,15 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.messageContent { + word-break: break-word; + white-space: pre-line; +} + +.messageContent:empty { + display: none; +} diff --git a/webapp/packages/plugin-root/src/DataSynchronization/DataSynchronizationNotificationMessages.tsx b/webapp/packages/plugin-root/src/DataSynchronization/DataSynchronizationNotificationMessages.tsx index 97cae28d58..049b09e2de 100644 --- a/webapp/packages/plugin-root/src/DataSynchronization/DataSynchronizationNotificationMessages.tsx +++ b/webapp/packages/plugin-root/src/DataSynchronization/DataSynchronizationNotificationMessages.tsx @@ -5,21 +5,28 @@ * Licensed under the Apache License, Version 2.0. * you may not use this file except in compliance with the License. */ +import { observer } from 'mobx-react-lite'; import { s, useS, useTranslate } from '@cloudbeaver/core-blocks'; import type { ISynchronizationMessage } from '@cloudbeaver/core-root'; import { uniq } from '@cloudbeaver/core-utils'; -import { observer } from 'mobx-react-lite'; -import styles from './DataSynchronizationNotificationMessages.m.css'; + +import styles from './DataSynchronizationNotificationMessages.module.css'; type DataSynchronizationNotificationMessagesProps = { messages: ISynchronizationMessage[]; }; -export const DataSynchronizationNotificationMessages = observer(function DataSynchronizationNotificationMessages({ messages }) { - const translate = useTranslate(); - const message = uniq(messages.map(m => translate(m.message))).join('\n'); - const style = useS(styles); +export const DataSynchronizationNotificationMessages = observer( + function DataSynchronizationNotificationMessages({ messages }) { + const translate = useTranslate(); + const message = uniq(messages.map(m => translate(m.message))).join('\n'); + const style = useS(styles); - return
{message}
; -}); \ No newline at end of file + return ( +
+ {message} +
+ ); + }, +); diff --git a/webapp/packages/plugin-root/src/ServerNodeChangedDialog/ServerNodeChangedDialog.m.css b/webapp/packages/plugin-root/src/ServerNodeChangedDialog/ServerNodeChangedDialog.m.css deleted file mode 100644 index b0d20ce7ec..0000000000 --- a/webapp/packages/plugin-root/src/ServerNodeChangedDialog/ServerNodeChangedDialog.m.css +++ /dev/null @@ -1,8 +0,0 @@ -.text { - margin: 0; -} -.footer { - align-items: center; - justify-content: flex-end; - gap: 24px; -} diff --git a/webapp/packages/plugin-root/src/ServerNodeChangedDialog/ServerNodeChangedDialog.module.css b/webapp/packages/plugin-root/src/ServerNodeChangedDialog/ServerNodeChangedDialog.module.css new file mode 100644 index 0000000000..848b6ede04 --- /dev/null +++ b/webapp/packages/plugin-root/src/ServerNodeChangedDialog/ServerNodeChangedDialog.module.css @@ -0,0 +1,15 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.text { + margin: 0; +} +.footer { + align-items: center; + justify-content: flex-end; + gap: 24px; +} diff --git a/webapp/packages/plugin-root/src/ServerNodeChangedDialog/ServerNodeChangedDialog.tsx b/webapp/packages/plugin-root/src/ServerNodeChangedDialog/ServerNodeChangedDialog.tsx index 9d458eee7c..05bb9f0d5f 100644 --- a/webapp/packages/plugin-root/src/ServerNodeChangedDialog/ServerNodeChangedDialog.tsx +++ b/webapp/packages/plugin-root/src/ServerNodeChangedDialog/ServerNodeChangedDialog.tsx @@ -21,7 +21,7 @@ import { useService } from '@cloudbeaver/core-di'; import type { DialogComponent } from '@cloudbeaver/core-dialogs'; import { RouterService } from '@cloudbeaver/core-routing'; -import style from './ServerNodeChangedDialog.m.css'; +import style from './ServerNodeChangedDialog.module.css'; export const ServerNodeChangedDialog: DialogComponent = observer(function ServerNodeChangedDialog({ rejectDialog }) { const styles = useS(style); diff --git a/webapp/packages/plugin-root/src/index.ts b/webapp/packages/plugin-root/src/index.ts index e7028d4b09..ca6138db41 100644 --- a/webapp/packages/plugin-root/src/index.ts +++ b/webapp/packages/plugin-root/src/index.ts @@ -1,5 +1,12 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ import { rootPlugin } from './manifest'; -export { default as ServerNodeChangedDialogStyles } from './ServerNodeChangedDialog/ServerNodeChangedDialog.m.css'; +export { default as ServerNodeChangedDialogStyles } from './ServerNodeChangedDialog/ServerNodeChangedDialog.module.css'; export default rootPlugin; diff --git a/webapp/packages/plugin-settings-administration/src/SettingsAdministration.m.css b/webapp/packages/plugin-settings-administration/src/SettingsAdministration.module.css similarity index 100% rename from webapp/packages/plugin-settings-administration/src/SettingsAdministration.m.css rename to webapp/packages/plugin-settings-administration/src/SettingsAdministration.module.css diff --git a/webapp/packages/plugin-settings-administration/src/SettingsAdministration.tsx b/webapp/packages/plugin-settings-administration/src/SettingsAdministration.tsx index 4b645ded78..1c6df19e3c 100644 --- a/webapp/packages/plugin-settings-administration/src/SettingsAdministration.tsx +++ b/webapp/packages/plugin-settings-administration/src/SettingsAdministration.tsx @@ -14,7 +14,7 @@ import { NotificationService } from '@cloudbeaver/core-events'; import { ServerSettingsService } from '@cloudbeaver/core-root'; import { Settings } from '@cloudbeaver/plugin-settings-panel'; -import style from './SettingsAdministration.m.css'; +import style from './SettingsAdministration.module.css'; const clientScope = ['server']; diff --git a/webapp/packages/plugin-settings-panel/src/SettingsPanel/SettingsGroupTitle.m.css b/webapp/packages/plugin-settings-panel/src/SettingsPanel/SettingsGroupTitle.module.css similarity index 100% rename from webapp/packages/plugin-settings-panel/src/SettingsPanel/SettingsGroupTitle.m.css rename to webapp/packages/plugin-settings-panel/src/SettingsPanel/SettingsGroupTitle.module.css diff --git a/webapp/packages/plugin-settings-panel/src/SettingsPanel/SettingsGroupTitle.tsx b/webapp/packages/plugin-settings-panel/src/SettingsPanel/SettingsGroupTitle.tsx index 0673078577..07ad968996 100644 --- a/webapp/packages/plugin-settings-panel/src/SettingsPanel/SettingsGroupTitle.tsx +++ b/webapp/packages/plugin-settings-panel/src/SettingsPanel/SettingsGroupTitle.tsx @@ -10,7 +10,7 @@ import { observer } from 'mobx-react-lite'; import { Icon, s, useS, useTranslate } from '@cloudbeaver/core-blocks'; import { ROOT_SETTINGS_GROUP, type SettingsGroup } from '@cloudbeaver/core-settings'; -import style from './SettingsGroupTitle.m.css'; +import style from './SettingsGroupTitle.module.css'; interface Props { group: SettingsGroup; diff --git a/webapp/packages/plugin-sql-editor-navigation-tab/src/SqlEditorTab.m.css b/webapp/packages/plugin-sql-editor-navigation-tab/src/SqlEditorTab.module.css similarity index 55% rename from webapp/packages/plugin-sql-editor-navigation-tab/src/SqlEditorTab.m.css rename to webapp/packages/plugin-sql-editor-navigation-tab/src/SqlEditorTab.module.css index 0f85ef253f..5457f168c9 100644 --- a/webapp/packages/plugin-sql-editor-navigation-tab/src/SqlEditorTab.m.css +++ b/webapp/packages/plugin-sql-editor-navigation-tab/src/SqlEditorTab.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .unsavedMark { background-color: var(--theme-primary); width: 8px; diff --git a/webapp/packages/plugin-sql-editor-navigation-tab/src/SqlEditorTab.tsx b/webapp/packages/plugin-sql-editor-navigation-tab/src/SqlEditorTab.tsx index 3f1959e405..7d42d29807 100644 --- a/webapp/packages/plugin-sql-editor-navigation-tab/src/SqlEditorTab.tsx +++ b/webapp/packages/plugin-sql-editor-navigation-tab/src/SqlEditorTab.tsx @@ -12,7 +12,7 @@ import { IconOrImage, s, useTranslate } from '@cloudbeaver/core-blocks'; import { Connection, ConnectionInfoResource, createConnectionParam } from '@cloudbeaver/core-connections'; import { useDataContext } from '@cloudbeaver/core-data-context'; import { useService } from '@cloudbeaver/core-di'; -import { ITabData, TabIcon, Tab, TabTitle } from '@cloudbeaver/core-ui'; +import { ITabData, Tab, TabIcon, TabTitle } from '@cloudbeaver/core-ui'; import { CaptureViewContext } from '@cloudbeaver/core-view'; import type { TabHandlerTabComponent } from '@cloudbeaver/plugin-navigation-tabs'; import { @@ -24,7 +24,7 @@ import { } from '@cloudbeaver/plugin-sql-editor'; import { DATA_CONTEXT_SQL_EDITOR_TAB } from './DATA_CONTEXT_SQL_EDITOR_TAB'; -import sqlEditorTabStyles from './SqlEditorTab.m.css'; +import sqlEditorTabStyles from './SqlEditorTab.module.css'; export const SqlEditorTab: TabHandlerTabComponent = observer(function SqlEditorTab({ tab, onSelect, onClose }) { const viewContext = useContext(CaptureViewContext); diff --git a/webapp/packages/plugin-sql-editor-new/src/SQLEditor/SQLCodeEditorPanel/SQLCodeEditorPanel.m.css b/webapp/packages/plugin-sql-editor-new/src/SQLEditor/SQLCodeEditorPanel/SQLCodeEditorPanel.m.css deleted file mode 100644 index 71a4d47d6d..0000000000 --- a/webapp/packages/plugin-sql-editor-new/src/SQLEditor/SQLCodeEditorPanel/SQLCodeEditorPanel.m.css +++ /dev/null @@ -1,10 +0,0 @@ -.reactCodemirrorPanel { - composes: theme-typography--caption from global; - display: flex; - padding: 2px; -} -.box { - display: flex; - flex: 1; - overflow: auto; -} diff --git a/webapp/packages/plugin-sql-editor-new/src/SQLEditor/SQLCodeEditorPanel/SQLCodeEditorPanel.module.css b/webapp/packages/plugin-sql-editor-new/src/SQLEditor/SQLCodeEditorPanel/SQLCodeEditorPanel.module.css new file mode 100644 index 0000000000..a73ee4def4 --- /dev/null +++ b/webapp/packages/plugin-sql-editor-new/src/SQLEditor/SQLCodeEditorPanel/SQLCodeEditorPanel.module.css @@ -0,0 +1,17 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.reactCodemirrorPanel { + composes: theme-typography--caption from global; + display: flex; + padding: 2px; +} +.box { + display: flex; + flex: 1; + overflow: auto; +} diff --git a/webapp/packages/plugin-sql-editor-new/src/SQLEditor/SQLCodeEditorPanel/SQLCodeEditorPanel.tsx b/webapp/packages/plugin-sql-editor-new/src/SQLEditor/SQLCodeEditorPanel/SQLCodeEditorPanel.tsx index ce4ff3f9d6..f682806598 100644 --- a/webapp/packages/plugin-sql-editor-new/src/SQLEditor/SQLCodeEditorPanel/SQLCodeEditorPanel.tsx +++ b/webapp/packages/plugin-sql-editor-new/src/SQLEditor/SQLCodeEditorPanel/SQLCodeEditorPanel.tsx @@ -22,7 +22,7 @@ import { SQLCodeEditorLoader } from '../SQLCodeEditor/SQLCodeEditorLoader'; import { useSQLCodeEditor } from '../SQLCodeEditor/useSQLCodeEditor'; import { useSqlDialectAutocompletion } from '../useSqlDialectAutocompletion'; import { useSqlDialectExtension } from '../useSqlDialectExtension'; -import style from './SQLCodeEditorPanel.m.css'; +import style from './SQLCodeEditorPanel.module.css'; import { SqlEditorInfoBar } from './SqlEditorInfoBar'; import { useSQLCodeEditorPanel } from './useSQLCodeEditorPanel'; diff --git a/webapp/packages/plugin-sql-editor-new/src/SQLEditor/SQLCodeEditorPanel/SqlEditorInfoBar.m.css b/webapp/packages/plugin-sql-editor-new/src/SQLEditor/SQLCodeEditorPanel/SqlEditorInfoBar.m.css deleted file mode 100644 index b28cc182ef..0000000000 --- a/webapp/packages/plugin-sql-editor-new/src/SQLEditor/SQLCodeEditorPanel/SqlEditorInfoBar.m.css +++ /dev/null @@ -1,9 +0,0 @@ -.container { - display: flex; - align-items: center; - padding: 0 6px; -} -.info { - composes: theme-typography--caption from global; - margin-left: auto; -} diff --git a/webapp/packages/plugin-sql-editor-new/src/SQLEditor/SQLCodeEditorPanel/SqlEditorInfoBar.module.css b/webapp/packages/plugin-sql-editor-new/src/SQLEditor/SQLCodeEditorPanel/SqlEditorInfoBar.module.css new file mode 100644 index 0000000000..734a498fbe --- /dev/null +++ b/webapp/packages/plugin-sql-editor-new/src/SQLEditor/SQLCodeEditorPanel/SqlEditorInfoBar.module.css @@ -0,0 +1,16 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.container { + display: flex; + align-items: center; + padding: 0 6px; +} +.info { + composes: theme-typography--caption from global; + margin-left: auto; +} diff --git a/webapp/packages/plugin-sql-editor-new/src/SQLEditor/SQLCodeEditorPanel/SqlEditorInfoBar.tsx b/webapp/packages/plugin-sql-editor-new/src/SQLEditor/SQLCodeEditorPanel/SqlEditorInfoBar.tsx index be2e642c4b..ebc3a5c8b0 100644 --- a/webapp/packages/plugin-sql-editor-new/src/SQLEditor/SQLCodeEditorPanel/SqlEditorInfoBar.tsx +++ b/webapp/packages/plugin-sql-editor-new/src/SQLEditor/SQLCodeEditorPanel/SqlEditorInfoBar.tsx @@ -10,7 +10,7 @@ import { observer } from 'mobx-react-lite'; import { s, useS } from '@cloudbeaver/core-blocks'; import type { EditorState } from '@cloudbeaver/plugin-codemirror6'; -import classes from './SqlEditorInfoBar.m.css'; +import classes from './SqlEditorInfoBar.module.css'; interface Props { state: EditorState; diff --git a/webapp/packages/plugin-sql-editor/src/SqlEditor.m.css b/webapp/packages/plugin-sql-editor/src/SqlEditor.module.css similarity index 100% rename from webapp/packages/plugin-sql-editor/src/SqlEditor.m.css rename to webapp/packages/plugin-sql-editor/src/SqlEditor.module.css diff --git a/webapp/packages/plugin-sql-editor/src/SqlEditor.tsx b/webapp/packages/plugin-sql-editor/src/SqlEditor.tsx index 50b38bfbc4..1d5c2c70ea 100644 --- a/webapp/packages/plugin-sql-editor/src/SqlEditor.tsx +++ b/webapp/packages/plugin-sql-editor/src/SqlEditor.tsx @@ -13,7 +13,7 @@ import { CaptureView } from '@cloudbeaver/core-view'; import type { ISqlEditorTabState } from './ISqlEditorTabState'; import { SqlDataSourceService } from './SqlDataSource/SqlDataSourceService'; -import style from './SqlEditor.m.css'; +import style from './SqlEditor.module.css'; import { SqlEditorLoader } from './SqlEditor/SqlEditorLoader'; import { SqlEditorOpenOverlay } from './SqlEditorOpenOverlay'; import { SqlEditorOverlay } from './SqlEditorOverlay'; diff --git a/webapp/packages/plugin-sql-editor/src/SqlEditor/SQLEditorActions.m.css b/webapp/packages/plugin-sql-editor/src/SqlEditor/SQLEditorActions.module.css similarity index 100% rename from webapp/packages/plugin-sql-editor/src/SqlEditor/SQLEditorActions.m.css rename to webapp/packages/plugin-sql-editor/src/SqlEditor/SQLEditorActions.module.css diff --git a/webapp/packages/plugin-sql-editor/src/SqlEditor/SQLEditorActions.tsx b/webapp/packages/plugin-sql-editor/src/SqlEditor/SQLEditorActions.tsx index 59ba5fd917..64f8421231 100644 --- a/webapp/packages/plugin-sql-editor/src/SqlEditor/SQLEditorActions.tsx +++ b/webapp/packages/plugin-sql-editor/src/SqlEditor/SQLEditorActions.tsx @@ -12,7 +12,7 @@ import { ActionIconButton, getComputed, preventFocusHandler, s, useS, useTransla import type { ISqlEditorTabState } from '../ISqlEditorTabState'; import { ESqlDataSourceFeatures } from '../SqlDataSource/ESqlDataSourceFeatures'; import type { ISQLEditorData } from './ISQLEditorData'; -import style from './SQLEditorActions.m.css'; +import style from './SQLEditorActions.module.css'; import { SqlEditorActionsMenu } from './SqlEditorActionsMenu'; import { SqlEditorTools } from './SqlEditorTools'; diff --git a/webapp/packages/plugin-sql-editor/src/SqlEditor/ScriptImportDialog.m.css b/webapp/packages/plugin-sql-editor/src/SqlEditor/ScriptImportDialog.module.css similarity index 100% rename from webapp/packages/plugin-sql-editor/src/SqlEditor/ScriptImportDialog.m.css rename to webapp/packages/plugin-sql-editor/src/SqlEditor/ScriptImportDialog.module.css diff --git a/webapp/packages/plugin-sql-editor/src/SqlEditor/ScriptImportDialog.tsx b/webapp/packages/plugin-sql-editor/src/SqlEditor/ScriptImportDialog.tsx index 3a1e17e245..ad71f075a4 100644 --- a/webapp/packages/plugin-sql-editor/src/SqlEditor/ScriptImportDialog.tsx +++ b/webapp/packages/plugin-sql-editor/src/SqlEditor/ScriptImportDialog.tsx @@ -18,7 +18,7 @@ import { } from '@cloudbeaver/core-blocks'; import type { DialogComponent } from '@cloudbeaver/core-dialogs'; -import style from './ScriptImportDialog.m.css'; +import style from './ScriptImportDialog.module.css'; export const ScriptImportDialog: DialogComponent = function ScriptImportDialog({ resolveDialog, rejectDialog, className }) { const styles = useS(style); diff --git a/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditor.tsx b/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditor.tsx index b40dbd78fe..c1147773cc 100644 --- a/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditor.tsx +++ b/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditor.tsx @@ -17,9 +17,9 @@ import { useCaptureViewContext } from '@cloudbeaver/core-view'; import { ISqlEditorModeProps, SqlEditorModeService } from '../SqlEditorModeService'; import { DATA_CONTEXT_SQL_EDITOR_DATA } from './DATA_CONTEXT_SQL_EDITOR_DATA'; import type { ISqlEditorProps } from './ISqlEditorProps'; -import styles from './shared/SqlEditor.m.css'; -import SqlEditorTab from './shared/SqlEditorTab.m.css'; -import SqlEditorTabList from './shared/SqlEditorTabList.m.css'; +import styles from './shared/SqlEditor.module.css'; +import SqlEditorTab from './shared/SqlEditorTab.module.css'; +import SqlEditorTabList from './shared/SqlEditorTabList.module.css'; import { SQLEditorActions } from './SQLEditorActions'; import { useSqlEditor } from './useSqlEditor'; diff --git a/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditorActionsMenu.tsx b/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditorActionsMenu.tsx index 95eb830899..f99c35482d 100644 --- a/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditorActionsMenu.tsx +++ b/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditorActionsMenu.tsx @@ -14,8 +14,8 @@ import { useMenu } from '@cloudbeaver/core-view'; import type { ISqlEditorTabState } from '../ISqlEditorTabState'; import { SQL_EDITOR_ACTIONS_MENU } from './SQL_EDITOR_ACTIONS_MENU'; -import SqlEditorActionsMenuBarStyles from './SqlEditorActionsMenuBar.m.css'; -import SqlEditorActionsMenuBarItemStyles from './SqlEditorActionsMenuBarItem.m.css'; +import SqlEditorActionsMenuBarStyles from './SqlEditorActionsMenuBar.module.css'; +import SqlEditorActionsMenuBarItemStyles from './SqlEditorActionsMenuBarItem.module.css'; interface Props { state: ISqlEditorTabState; diff --git a/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditorActionsMenuBar.m.css b/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditorActionsMenuBar.module.css similarity index 100% rename from webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditorActionsMenuBar.m.css rename to webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditorActionsMenuBar.module.css diff --git a/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditorActionsMenuBarItem.m.css b/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditorActionsMenuBarItem.module.css similarity index 100% rename from webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditorActionsMenuBarItem.m.css rename to webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditorActionsMenuBarItem.module.css diff --git a/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditorTools.m.css b/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditorTools.module.css similarity index 100% rename from webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditorTools.m.css rename to webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditorTools.module.css diff --git a/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditorTools.tsx b/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditorTools.tsx index 1f6f12d573..d7eae36191 100644 --- a/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditorTools.tsx +++ b/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditorTools.tsx @@ -12,7 +12,7 @@ import { ActionIconButton, getComputed, preventFocusHandler, s, UploadArea, useS import type { ISqlEditorTabState } from '../ISqlEditorTabState'; import { ESqlDataSourceFeatures } from '../SqlDataSource/ESqlDataSourceFeatures'; import type { ISQLEditorData } from './ISQLEditorData'; -import style from './SqlEditorTools.m.css'; +import style from './SqlEditorTools.module.css'; import { SqlEditorToolsMenu } from './SqlEditorToolsMenu'; import { useTools } from './useTools'; diff --git a/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditorToolsMenu.tsx b/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditorToolsMenu.tsx index 3cf53835d8..a3e3915125 100644 --- a/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditorToolsMenu.tsx +++ b/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditorToolsMenu.tsx @@ -17,8 +17,8 @@ import type { ISqlEditorTabState } from '../ISqlEditorTabState'; import { DATA_CONTEXT_SQL_EDITOR_DATA } from './DATA_CONTEXT_SQL_EDITOR_DATA'; import type { ISQLEditorData } from './ISQLEditorData'; import { SQL_EDITOR_TOOLS_MENU } from './SQL_EDITOR_TOOLS_MENU'; -import SqlEditorActionsMenuBarStyles from './SqlEditorActionsMenuBar.m.css'; -import SqlEditorActionsMenuBarItemStyles from './SqlEditorActionsMenuBarItem.m.css'; +import SqlEditorActionsMenuBarStyles from './SqlEditorActionsMenuBar.module.css'; +import SqlEditorActionsMenuBarItemStyles from './SqlEditorActionsMenuBarItem.module.css'; interface Props { data: ISQLEditorData; diff --git a/webapp/packages/plugin-sql-editor/src/SqlEditor/shared/SqlEditor.m.css b/webapp/packages/plugin-sql-editor/src/SqlEditor/shared/SqlEditor.module.css similarity index 100% rename from webapp/packages/plugin-sql-editor/src/SqlEditor/shared/SqlEditor.m.css rename to webapp/packages/plugin-sql-editor/src/SqlEditor/shared/SqlEditor.module.css diff --git a/webapp/packages/plugin-sql-editor/src/SqlEditor/shared/SqlEditorTab.m.css b/webapp/packages/plugin-sql-editor/src/SqlEditor/shared/SqlEditorTab.module.css similarity index 100% rename from webapp/packages/plugin-sql-editor/src/SqlEditor/shared/SqlEditorTab.m.css rename to webapp/packages/plugin-sql-editor/src/SqlEditor/shared/SqlEditorTab.module.css diff --git a/webapp/packages/plugin-sql-editor/src/SqlEditor/shared/SqlEditorTabList.m.css b/webapp/packages/plugin-sql-editor/src/SqlEditor/shared/SqlEditorTabList.module.css similarity index 100% rename from webapp/packages/plugin-sql-editor/src/SqlEditor/shared/SqlEditorTabList.m.css rename to webapp/packages/plugin-sql-editor/src/SqlEditor/shared/SqlEditorTabList.module.css diff --git a/webapp/packages/plugin-sql-editor/src/SqlEditorOverlay.m.css b/webapp/packages/plugin-sql-editor/src/SqlEditorOverlay.m.css deleted file mode 100644 index 55f3d279e9..0000000000 --- a/webapp/packages/plugin-sql-editor/src/SqlEditorOverlay.m.css +++ /dev/null @@ -1,3 +0,0 @@ -.overlayActions { - justify-content: space-between; -} diff --git a/webapp/packages/plugin-sql-editor/src/SqlEditorOverlay.module.css b/webapp/packages/plugin-sql-editor/src/SqlEditorOverlay.module.css new file mode 100644 index 0000000000..0627dc093a --- /dev/null +++ b/webapp/packages/plugin-sql-editor/src/SqlEditorOverlay.module.css @@ -0,0 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.overlayActions { + justify-content: space-between; +} diff --git a/webapp/packages/plugin-sql-editor/src/SqlEditorOverlay.tsx b/webapp/packages/plugin-sql-editor/src/SqlEditorOverlay.tsx index a047f60738..7764a7c885 100644 --- a/webapp/packages/plugin-sql-editor/src/SqlEditorOverlay.tsx +++ b/webapp/packages/plugin-sql-editor/src/SqlEditorOverlay.tsx @@ -36,7 +36,7 @@ import { NodeManagerUtils } from '@cloudbeaver/core-navigation-tree'; import type { ISqlEditorTabState } from './ISqlEditorTabState'; import { SqlDataSourceService } from './SqlDataSource/SqlDataSourceService'; -import style from './SqlEditorOverlay.m.css'; +import style from './SqlEditorOverlay.module.css'; import { SqlEditorService } from './SqlEditorService'; interface Props { diff --git a/webapp/packages/plugin-sql-editor/src/SqlEditorStatusBar.m.css b/webapp/packages/plugin-sql-editor/src/SqlEditorStatusBar.module.css similarity index 100% rename from webapp/packages/plugin-sql-editor/src/SqlEditorStatusBar.m.css rename to webapp/packages/plugin-sql-editor/src/SqlEditorStatusBar.module.css diff --git a/webapp/packages/plugin-sql-editor/src/SqlEditorStatusBar.tsx b/webapp/packages/plugin-sql-editor/src/SqlEditorStatusBar.tsx index 2456c45f24..c06feb3294 100644 --- a/webapp/packages/plugin-sql-editor/src/SqlEditorStatusBar.tsx +++ b/webapp/packages/plugin-sql-editor/src/SqlEditorStatusBar.tsx @@ -10,7 +10,7 @@ import { observer } from 'mobx-react-lite'; import { Loader, s, useS } from '@cloudbeaver/core-blocks'; import type { ISqlDataSource } from './SqlDataSource/ISqlDataSource'; -import classes from './SqlEditorStatusBar.m.css'; +import classes from './SqlEditorStatusBar.module.css'; interface Props { dataSource: ISqlDataSource | undefined; diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/ExecutionPlanTreeBlock.m.css b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/ExecutionPlanTreeBlock.module.css similarity index 100% rename from webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/ExecutionPlanTreeBlock.m.css rename to webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/ExecutionPlanTreeBlock.module.css diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/ExecutionPlanTreeBlock.tsx b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/ExecutionPlanTreeBlock.tsx index a7d9e452a2..10f53e1c19 100644 --- a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/ExecutionPlanTreeBlock.tsx +++ b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/ExecutionPlanTreeBlock.tsx @@ -24,7 +24,7 @@ import { } from '@cloudbeaver/core-blocks'; import type { SqlExecutionPlanNode } from '@cloudbeaver/core-sdk'; -import style from './ExecutionPlanTreeBlock.m.css'; +import style from './ExecutionPlanTreeBlock.module.css'; import { NestedNode } from './NestedNode'; import { useExecutionPlanTreeState } from './useExecutionPlanTreeState'; diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/Expand.m.css b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/Expand.module.css similarity index 100% rename from webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/Expand.m.css rename to webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/Expand.module.css diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/Expand.tsx b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/Expand.tsx index 5488b29a29..c646066d67 100644 --- a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/Expand.tsx +++ b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/Expand.tsx @@ -7,7 +7,7 @@ */ import { Icon, s, useS } from '@cloudbeaver/core-blocks'; -import classes from './Expand.m.css'; +import classes from './Expand.module.css'; interface Props { expanded: boolean; diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/NestedNode.m.css b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/NestedNode.module.css similarity index 100% rename from webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/NestedNode.m.css rename to webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/NestedNode.module.css diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/NestedNode.tsx b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/NestedNode.tsx index 4d227f6c02..21de13c590 100644 --- a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/NestedNode.tsx +++ b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/NestedNode.tsx @@ -14,7 +14,7 @@ import type { ObjectPropertyInfo } from '@cloudbeaver/core-sdk'; import type { IExecutionPlanNode } from './ExecutionPlanTreeContext'; import { Expand } from './Expand'; import { getPropertyValue } from './getPropertyValue'; -import classes from './NestedNode.m.css'; +import classes from './NestedNode.module.css'; interface Props { columns: ObjectPropertyInfo[]; diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/PropertiesPanel/PropertiesPanelItemsGroup.m.css b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/PropertiesPanel/PropertiesPanelItemsGroup.module.css similarity index 100% rename from webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/PropertiesPanel/PropertiesPanelItemsGroup.m.css rename to webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/PropertiesPanel/PropertiesPanelItemsGroup.module.css diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/PropertiesPanel/PropertiesPanelItemsGroup.tsx b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/PropertiesPanel/PropertiesPanelItemsGroup.tsx index 3d290b0bac..3bf3f9ebf6 100644 --- a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/PropertiesPanel/PropertiesPanelItemsGroup.tsx +++ b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/PropertiesPanel/PropertiesPanelItemsGroup.tsx @@ -12,7 +12,7 @@ import type { ObjectPropertyInfo } from '@cloudbeaver/core-sdk'; import { Expand } from '../Expand'; import { getPropertyValue } from '../getPropertyValue'; -import classes from './PropertiesPanelItemsGroup.m.css'; +import classes from './PropertiesPanelItemsGroup.module.css'; interface Props { properties: ObjectPropertyInfo[]; diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/SqlExecutionPlanPanel.m.css b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/SqlExecutionPlanPanel.module.css similarity index 100% rename from webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/SqlExecutionPlanPanel.m.css rename to webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/SqlExecutionPlanPanel.module.css diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/SqlExecutionPlanPanel.tsx b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/SqlExecutionPlanPanel.tsx index eefdb8c2a2..7e4914475f 100644 --- a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/SqlExecutionPlanPanel.tsx +++ b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/SqlExecutionPlanPanel.tsx @@ -14,7 +14,7 @@ import { useService } from '@cloudbeaver/core-di'; import type { IExecutionPlanTab } from '../../ISqlEditorTabState'; import { ExecutionPlanTreeBlock } from './ExecutionPlanTreeBlock'; import { PropertiesPanel } from './PropertiesPanel/PropertiesPanel'; -import style from './SqlExecutionPlanPanel.m.css'; +import style from './SqlExecutionPlanPanel.module.css'; import { SqlExecutionPlanService } from './SqlExecutionPlanService'; interface Props { diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/OutputLogs/OutputLogsMenu.m.css b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/OutputLogs/OutputLogsMenu.module.css similarity index 100% rename from webapp/packages/plugin-sql-editor/src/SqlResultTabs/OutputLogs/OutputLogsMenu.m.css rename to webapp/packages/plugin-sql-editor/src/SqlResultTabs/OutputLogs/OutputLogsMenu.module.css diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/OutputLogs/OutputLogsMenu.tsx b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/OutputLogs/OutputLogsMenu.tsx index fb0a554036..0a7ba240ae 100644 --- a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/OutputLogs/OutputLogsMenu.tsx +++ b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/OutputLogs/OutputLogsMenu.tsx @@ -15,7 +15,7 @@ import { useMenu } from '@cloudbeaver/core-view'; import { DATA_CONTEXT_SQL_EDITOR_STATE } from '../../DATA_CONTEXT_SQL_EDITOR_STATE'; import type { ISqlEditorTabState } from '../../ISqlEditorTabState'; import { OUTPUT_LOGS_MENU } from './OUTPUT_LOGS_MENU'; -import styles from './OutputLogsMenu.m.css'; +import styles from './OutputLogsMenu.module.css'; interface Props { sqlEditorTabState: ISqlEditorTabState; diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlResultPanel.m.css b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlResultPanel.module.css similarity index 100% rename from webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlResultPanel.m.css rename to webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlResultPanel.module.css diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlResultPanel.tsx b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlResultPanel.tsx index 23bdd379b5..f9dfbc18b0 100644 --- a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlResultPanel.tsx +++ b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlResultPanel.tsx @@ -11,7 +11,7 @@ import React from 'react'; import { importLazyComponent } from '@cloudbeaver/core-blocks'; import type { ISqlEditorTabState } from '../ISqlEditorTabState'; -import classes from './SqlResultPanel.m.css'; +import classes from './SqlResultPanel.module.css'; const SqlExecutionPlanPanel = importLazyComponent(() => import('./ExecutionPlan/SqlExecutionPlanPanel').then(module => module.SqlExecutionPlanPanel)); const OutputLogsPanel = importLazyComponent(() => import('./OutputLogs/OutputLogsPanel').then(module => module.OutputLogsPanel)); diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlResultSetPanel.m.css b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlResultSetPanel.module.css similarity index 100% rename from webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlResultSetPanel.m.css rename to webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlResultSetPanel.module.css diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlResultSetPanel.tsx b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlResultSetPanel.tsx index 788c5d36fa..8d91043569 100644 --- a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlResultSetPanel.tsx +++ b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlResultSetPanel.tsx @@ -12,7 +12,7 @@ import { TableViewerLoader } from '@cloudbeaver/plugin-data-viewer'; import type { IResultTab, ISqlEditorTabState } from '../ISqlEditorTabState'; import { SqlQueryResultService } from './SqlQueryResultService'; -import style from './SqlResultSetPanel.m.css'; +import style from './SqlResultSetPanel.module.css'; interface Props { state: ISqlEditorTabState; diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlResultTabs.tsx b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlResultTabs.tsx index 47a294282f..663e98906e 100644 --- a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlResultTabs.tsx +++ b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlResultTabs.tsx @@ -14,10 +14,10 @@ import { ITabData, TabIconStyles, TabList, TabListStyles, TabPanel, TabsState, T import type { ISqlEditorTabState } from '../ISqlEditorTabState'; import { ESqlDataSourceFeatures } from '../SqlDataSource/ESqlDataSourceFeatures'; import { SqlDataSourceService } from '../SqlDataSource/SqlDataSourceService'; -import styles from './shared/SqlResultTabs.m.css'; -import SqlResultTabsTab from './shared/SqlResultTabsTab.m.css'; -import TabIconModuleStyles from './shared/SqlResultTabsTabIcon.m.css'; -import SqlResultTabsTabList from './shared/SqlResultTabsTabList.m.css'; +import styles from './shared/SqlResultTabs.module.css'; +import SqlResultTabsTab from './shared/SqlResultTabsTab.module.css'; +import TabIconModuleStyles from './shared/SqlResultTabsTabIcon.module.css'; +import SqlResultTabsTabList from './shared/SqlResultTabsTabList.module.css'; import { SqlResultPanel } from './SqlResultPanel'; import { SqlResultTab } from './SqlResultTab'; import { SqlResultTabsService } from './SqlResultTabsService'; diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlScriptStatisticsPanel.m.css b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlScriptStatisticsPanel.module.css similarity index 100% rename from webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlScriptStatisticsPanel.m.css rename to webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlScriptStatisticsPanel.module.css diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlScriptStatisticsPanel.tsx b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlScriptStatisticsPanel.tsx index b6ffa56be7..1d7c7b32e8 100644 --- a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlScriptStatisticsPanel.tsx +++ b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlScriptStatisticsPanel.tsx @@ -14,7 +14,7 @@ import { TableViewerStorageService } from '@cloudbeaver/plugin-data-viewer'; import type { IStatisticsTab } from '../ISqlEditorTabState'; import type { QueryDataSource } from '../QueryDataSource'; import { SqlQueryService } from './SqlQueryService'; -import classes from './SqlScriptStatisticsPanel.m.css'; +import classes from './SqlScriptStatisticsPanel.module.css'; interface IProps { tab: IStatisticsTab; diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/shared/SqlResultTabs.m.css b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/shared/SqlResultTabs.module.css similarity index 100% rename from webapp/packages/plugin-sql-editor/src/SqlResultTabs/shared/SqlResultTabs.m.css rename to webapp/packages/plugin-sql-editor/src/SqlResultTabs/shared/SqlResultTabs.module.css diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/shared/SqlResultTabsTab.m.css b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/shared/SqlResultTabsTab.module.css similarity index 100% rename from webapp/packages/plugin-sql-editor/src/SqlResultTabs/shared/SqlResultTabsTab.m.css rename to webapp/packages/plugin-sql-editor/src/SqlResultTabs/shared/SqlResultTabsTab.module.css diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/shared/SqlResultTabsTabIcon.m.css b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/shared/SqlResultTabsTabIcon.module.css similarity index 100% rename from webapp/packages/plugin-sql-editor/src/SqlResultTabs/shared/SqlResultTabsTabIcon.m.css rename to webapp/packages/plugin-sql-editor/src/SqlResultTabs/shared/SqlResultTabsTabIcon.module.css diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/shared/SqlResultTabsTabList.m.css b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/shared/SqlResultTabsTabList.module.css similarity index 100% rename from webapp/packages/plugin-sql-editor/src/SqlResultTabs/shared/SqlResultTabsTabList.m.css rename to webapp/packages/plugin-sql-editor/src/SqlResultTabs/shared/SqlResultTabsTabList.module.css diff --git a/webapp/packages/plugin-sql-generator/src/ScriptPreview/ScriptPreviewDialog.m.css b/webapp/packages/plugin-sql-generator/src/ScriptPreview/ScriptPreviewDialog.m.css deleted file mode 100644 index eeed774332..0000000000 --- a/webapp/packages/plugin-sql-generator/src/ScriptPreview/ScriptPreviewDialog.m.css +++ /dev/null @@ -1,14 +0,0 @@ -.wrapper { - display: flex; - align-items: center; - height: 100%; - width: 100%; - overflow: auto; -} -.sqlCodeEditorLoader { - height: 100%; - width: 100%; -} -.footer { - gap: 24px; -} diff --git a/webapp/packages/plugin-sql-generator/src/ScriptPreview/ScriptPreviewDialog.module.css b/webapp/packages/plugin-sql-generator/src/ScriptPreview/ScriptPreviewDialog.module.css new file mode 100644 index 0000000000..0d16f619ed --- /dev/null +++ b/webapp/packages/plugin-sql-generator/src/ScriptPreview/ScriptPreviewDialog.module.css @@ -0,0 +1,21 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.wrapper { + display: flex; + align-items: center; + height: 100%; + width: 100%; + overflow: auto; +} +.sqlCodeEditorLoader { + height: 100%; + width: 100%; +} +.footer { + gap: 24px; +} diff --git a/webapp/packages/plugin-sql-generator/src/ScriptPreview/ScriptPreviewDialog.tsx b/webapp/packages/plugin-sql-generator/src/ScriptPreview/ScriptPreviewDialog.tsx index f00aab2b20..5319bf662b 100644 --- a/webapp/packages/plugin-sql-generator/src/ScriptPreview/ScriptPreviewDialog.tsx +++ b/webapp/packages/plugin-sql-generator/src/ScriptPreview/ScriptPreviewDialog.tsx @@ -27,7 +27,7 @@ import { useCodemirrorExtensions } from '@cloudbeaver/plugin-codemirror6'; import type { IDatabaseDataModel } from '@cloudbeaver/plugin-data-viewer'; import { SQLCodeEditorLoader, useSqlDialectExtension } from '@cloudbeaver/plugin-sql-editor-new'; -import style from './ScriptPreviewDialog.m.css'; +import style from './ScriptPreviewDialog.module.css'; interface Payload { script: string; diff --git a/webapp/packages/plugin-sql-generator/src/SqlGenerators/GeneratedSqlDialog.m.css b/webapp/packages/plugin-sql-generator/src/SqlGenerators/GeneratedSqlDialog.module.css similarity index 67% rename from webapp/packages/plugin-sql-generator/src/SqlGenerators/GeneratedSqlDialog.m.css rename to webapp/packages/plugin-sql-generator/src/SqlGenerators/GeneratedSqlDialog.module.css index dd41f9f44a..7751956336 100644 --- a/webapp/packages/plugin-sql-generator/src/SqlGenerators/GeneratedSqlDialog.m.css +++ b/webapp/packages/plugin-sql-generator/src/SqlGenerators/GeneratedSqlDialog.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .footerContainer { display: flex; width: min-content; diff --git a/webapp/packages/plugin-sql-generator/src/SqlGenerators/GeneratedSqlDialog.tsx b/webapp/packages/plugin-sql-generator/src/SqlGenerators/GeneratedSqlDialog.tsx index 2a30b4c3b2..82a62547ae 100644 --- a/webapp/packages/plugin-sql-generator/src/SqlGenerators/GeneratedSqlDialog.tsx +++ b/webapp/packages/plugin-sql-generator/src/SqlGenerators/GeneratedSqlDialog.tsx @@ -32,7 +32,7 @@ import { useCodemirrorExtensions } from '@cloudbeaver/plugin-codemirror6'; import { SqlDialectInfoService } from '@cloudbeaver/plugin-sql-editor'; import { SQLCodeEditorLoader, useSqlDialectExtension } from '@cloudbeaver/plugin-sql-editor-new'; -import style from './GeneratedSqlDialog.m.css'; +import style from './GeneratedSqlDialog.module.css'; import { SqlGeneratorsResource } from './SqlGeneratorsResource'; interface Payload { diff --git a/webapp/packages/plugin-tools-panel/src/ToolsPanel/ToolsPanel.m.css b/webapp/packages/plugin-tools-panel/src/ToolsPanel/ToolsPanel.module.css similarity index 66% rename from webapp/packages/plugin-tools-panel/src/ToolsPanel/ToolsPanel.m.css rename to webapp/packages/plugin-tools-panel/src/ToolsPanel/ToolsPanel.module.css index 0c61d9ded3..58a3efa4d1 100644 --- a/webapp/packages/plugin-tools-panel/src/ToolsPanel/ToolsPanel.m.css +++ b/webapp/packages/plugin-tools-panel/src/ToolsPanel/ToolsPanel.module.css @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ .tabList { display: flex; position: relative; diff --git a/webapp/packages/plugin-tools-panel/src/ToolsPanel/ToolsPanel.tsx b/webapp/packages/plugin-tools-panel/src/ToolsPanel/ToolsPanel.tsx index 5441a95891..7c0ca0ed63 100644 --- a/webapp/packages/plugin-tools-panel/src/ToolsPanel/ToolsPanel.tsx +++ b/webapp/packages/plugin-tools-panel/src/ToolsPanel/ToolsPanel.tsx @@ -14,7 +14,7 @@ import { useService } from '@cloudbeaver/core-di'; import { ITabData, TabList, TabPanelList, TabsState } from '@cloudbeaver/core-ui'; import { isArraysEqual } from '@cloudbeaver/core-utils'; -import styles from './ToolsPanel.m.css'; +import styles from './ToolsPanel.module.css'; import { ToolsPanelService } from './ToolsPanelService'; interface IToolsState { diff --git a/webapp/packages/plugin-top-app-bar/src/TopNavBar/AppStateMenu/AppStateMenu.m.css b/webapp/packages/plugin-top-app-bar/src/TopNavBar/AppStateMenu/AppStateMenu.module.css similarity index 100% rename from webapp/packages/plugin-top-app-bar/src/TopNavBar/AppStateMenu/AppStateMenu.m.css rename to webapp/packages/plugin-top-app-bar/src/TopNavBar/AppStateMenu/AppStateMenu.module.css diff --git a/webapp/packages/plugin-top-app-bar/src/TopNavBar/AppStateMenu/AppStateMenu.tsx b/webapp/packages/plugin-top-app-bar/src/TopNavBar/AppStateMenu/AppStateMenu.tsx index 30aca88eeb..469a1ddb18 100644 --- a/webapp/packages/plugin-top-app-bar/src/TopNavBar/AppStateMenu/AppStateMenu.tsx +++ b/webapp/packages/plugin-top-app-bar/src/TopNavBar/AppStateMenu/AppStateMenu.tsx @@ -13,8 +13,8 @@ import { useService } from '@cloudbeaver/core-di'; import { MenuBar, MenuBarItemStyles, MenuBarStyles } from '@cloudbeaver/core-ui'; import { useMenu } from '@cloudbeaver/core-view'; -import style from '../shared/TopMenuWrapper.m.css'; -import AppMenuBarItemStyles from './AppStateMenu.m.css'; +import style from '../shared/TopMenuWrapper.module.css'; +import AppMenuBarItemStyles from './AppStateMenu.module.css'; import { MENU_APP_STATE } from './MENU_APP_STATE'; const registry: StyleRegistry = [ diff --git a/webapp/packages/plugin-top-app-bar/src/TopNavBar/MainMenu/MainMenu.tsx b/webapp/packages/plugin-top-app-bar/src/TopNavBar/MainMenu/MainMenu.tsx index 2345f9e07c..2bf474208f 100644 --- a/webapp/packages/plugin-top-app-bar/src/TopNavBar/MainMenu/MainMenu.tsx +++ b/webapp/packages/plugin-top-app-bar/src/TopNavBar/MainMenu/MainMenu.tsx @@ -13,7 +13,7 @@ import { useService } from '@cloudbeaver/core-di'; import { MenuBar } from '@cloudbeaver/core-ui'; import { useMenu } from '@cloudbeaver/core-view'; -import style from '../shared/TopMenuWrapper.m.css'; +import style from '../shared/TopMenuWrapper.module.css'; import { MENU_APP_ACTIONS } from './MENU_APP_ACTIONS'; export const MainMenu = observer(function MainMenu() { diff --git a/webapp/packages/plugin-top-app-bar/src/TopNavBar/TopNavBar.tsx b/webapp/packages/plugin-top-app-bar/src/TopNavBar/TopNavBar.tsx index 5d6d5e9b5c..3fa1172267 100644 --- a/webapp/packages/plugin-top-app-bar/src/TopNavBar/TopNavBar.tsx +++ b/webapp/packages/plugin-top-app-bar/src/TopNavBar/TopNavBar.tsx @@ -24,14 +24,14 @@ import { } from '@cloudbeaver/core-blocks'; import { MenuBarItemStyles, MenuBarStyles } from '@cloudbeaver/core-ui'; -import TopMenuStyles from './shared/TopMenu.m.css'; -import TopMenuBarStyles from './shared/TopMenuBar.m.css'; -import TopMenuBarItemStyles from './shared/TopMenuBarItem.m.css'; -import TopMenuCheckboxStyles from './shared/TopMenuCheckbox.m.css'; -import TopMenuItemStyles from './shared/TopMenuItem.m.css'; -import TopMenuItemElementStyles from './shared/TopMenuItemElement.m.css'; -import TopMenuPanelStyles from './shared/TopMenuPanel.m.css'; -import TopMenuSeparatorStyles from './shared/TopMenuSeparator.m.css'; +import TopMenuStyles from './shared/TopMenu.module.css'; +import TopMenuBarStyles from './shared/TopMenuBar.module.css'; +import TopMenuBarItemStyles from './shared/TopMenuBarItem.module.css'; +import TopMenuCheckboxStyles from './shared/TopMenuCheckbox.module.css'; +import TopMenuItemStyles from './shared/TopMenuItem.module.css'; +import TopMenuItemElementStyles from './shared/TopMenuItemElement.module.css'; +import TopMenuPanelStyles from './shared/TopMenuPanel.module.css'; +import TopMenuSeparatorStyles from './shared/TopMenuSeparator.module.css'; interface Props { container: PlaceholderContainer>; diff --git a/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenu.m.css b/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenu.module.css similarity index 100% rename from webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenu.m.css rename to webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenu.module.css diff --git a/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuBar.m.css b/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuBar.module.css similarity index 100% rename from webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuBar.m.css rename to webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuBar.module.css diff --git a/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuBarItem.m.css b/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuBarItem.module.css similarity index 100% rename from webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuBarItem.m.css rename to webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuBarItem.module.css diff --git a/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuCheckbox.m.css b/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuCheckbox.m.css deleted file mode 100644 index e6840ddb11..0000000000 --- a/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuCheckbox.m.css +++ /dev/null @@ -1,3 +0,0 @@ -.checkbox { - composes: theme-checkbox_surface from global; -} diff --git a/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuCheckbox.module.css b/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuCheckbox.module.css new file mode 100644 index 0000000000..aefe2a8efd --- /dev/null +++ b/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuCheckbox.module.css @@ -0,0 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.checkbox { + composes: theme-checkbox_surface from global; +} diff --git a/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuItem.m.css b/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuItem.module.css similarity index 100% rename from webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuItem.m.css rename to webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuItem.module.css diff --git a/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuItemElement.m.css b/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuItemElement.m.css deleted file mode 100644 index c32ab37466..0000000000 --- a/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuItemElement.m.css +++ /dev/null @@ -1,3 +0,0 @@ -.loader { - composes: secondary from global; -} diff --git a/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuItemElement.module.css b/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuItemElement.module.css new file mode 100644 index 0000000000..b992ae4fdc --- /dev/null +++ b/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuItemElement.module.css @@ -0,0 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.loader { + composes: secondary from global; +} diff --git a/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuPanel.m.css b/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuPanel.module.css similarity index 100% rename from webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuPanel.m.css rename to webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuPanel.module.css diff --git a/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuSeparator.m.css b/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuSeparator.m.css deleted file mode 100644 index e3e57e1be0..0000000000 --- a/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuSeparator.m.css +++ /dev/null @@ -1,3 +0,0 @@ -.menuBox .menuSeparator { - border-color: #236ea0 !important; -} diff --git a/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuSeparator.module.css b/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuSeparator.module.css new file mode 100644 index 0000000000..63cf482243 --- /dev/null +++ b/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuSeparator.module.css @@ -0,0 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.menuBox .menuSeparator { + border-color: #236ea0 !important; +} diff --git a/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuWrapper.m.css b/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuWrapper.m.css deleted file mode 100644 index c47d60d05f..0000000000 --- a/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuWrapper.m.css +++ /dev/null @@ -1,4 +0,0 @@ -.menuWrapper { - display: flex; - height: 100%; -} diff --git a/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuWrapper.module.css b/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuWrapper.module.css new file mode 100644 index 0000000000..5b363f1b79 --- /dev/null +++ b/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuWrapper.module.css @@ -0,0 +1,11 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.menuWrapper { + display: flex; + height: 100%; +} diff --git a/webapp/packages/plugin-top-app-bar/src/index.ts b/webapp/packages/plugin-top-app-bar/src/index.ts index e9f4ae3fea..391d4d64d0 100644 --- a/webapp/packages/plugin-top-app-bar/src/index.ts +++ b/webapp/packages/plugin-top-app-bar/src/index.ts @@ -1,3 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ import { topAppBarPlugin } from './manifest'; export * from './TopNavBar/AppStateMenu/AppStateMenu'; @@ -6,6 +13,6 @@ export * from './TopNavBar/MainMenu/MENU_APP_ACTIONS'; export * from './TopNavBar/TopNavService'; export * from './TopNavBar/Logo'; export * from './TopNavBar/TopNavBar'; -export { default as TopMenuWrapperStyles } from './TopNavBar/shared/TopMenuWrapper.m.css'; +export { default as TopMenuWrapperStyles } from './TopNavBar/shared/TopMenuWrapper.module.css'; export default topAppBarPlugin; diff --git a/webapp/packages/plugin-user-profile/src/UserInfo.m.css b/webapp/packages/plugin-user-profile/src/UserInfo.module.css similarity index 100% rename from webapp/packages/plugin-user-profile/src/UserInfo.m.css rename to webapp/packages/plugin-user-profile/src/UserInfo.module.css diff --git a/webapp/packages/plugin-user-profile/src/UserInfo.tsx b/webapp/packages/plugin-user-profile/src/UserInfo.tsx index 52d99860df..0b87dc85d9 100644 --- a/webapp/packages/plugin-user-profile/src/UserInfo.tsx +++ b/webapp/packages/plugin-user-profile/src/UserInfo.tsx @@ -11,7 +11,7 @@ import { Clickable, IconOrImage, s, useS, useTranslate } from '@cloudbeaver/core import { useService } from '@cloudbeaver/core-di'; import type { UserInfo as IUserInfo } from '@cloudbeaver/core-sdk'; -import styles from './UserInfo.m.css'; +import styles from './UserInfo.module.css'; import { UserProfileOptionsPanelService } from './UserProfileOptionsPanelService'; interface Props { diff --git a/webapp/packages/plugin-user-profile/src/UserMenu/UserMenu.m.css b/webapp/packages/plugin-user-profile/src/UserMenu/UserMenu.m.css deleted file mode 100644 index 1000b127c5..0000000000 --- a/webapp/packages/plugin-user-profile/src/UserMenu/UserMenu.m.css +++ /dev/null @@ -1,10 +0,0 @@ -.contextMenu { - height: 100%; - padding: 0; - - & .icon { - width: 16px; - height: 100%; - padding: 0 8px; - } -} diff --git a/webapp/packages/plugin-user-profile/src/UserMenu/UserMenu.module.css b/webapp/packages/plugin-user-profile/src/UserMenu/UserMenu.module.css new file mode 100644 index 0000000000..92d282acf5 --- /dev/null +++ b/webapp/packages/plugin-user-profile/src/UserMenu/UserMenu.module.css @@ -0,0 +1,17 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.contextMenu { + height: 100%; + padding: 0; + + & .icon { + width: 16px; + height: 100%; + padding: 0 8px; + } +} diff --git a/webapp/packages/plugin-user-profile/src/UserMenu/UserMenu.tsx b/webapp/packages/plugin-user-profile/src/UserMenu/UserMenu.tsx index 6e41d271a7..311f8d3c0d 100644 --- a/webapp/packages/plugin-user-profile/src/UserMenu/UserMenu.tsx +++ b/webapp/packages/plugin-user-profile/src/UserMenu/UserMenu.tsx @@ -15,7 +15,7 @@ import { useMenu } from '@cloudbeaver/core-view'; import { UserInfo } from '../UserInfo'; import { MENU_USER_PROFILE } from './MENU_USER_PROFILE'; -import style from './UserMenu.m.css'; +import style from './UserMenu.module.css'; export const UserMenu = observer(function UserMenu() { const styles = useS(style); diff --git a/webapp/packages/plugin-user-profile/src/UserProfileForm/UserInfoPart/UserActiveAuthMethods/UserActiveAuthMethods.m.css b/webapp/packages/plugin-user-profile/src/UserProfileForm/UserInfoPart/UserActiveAuthMethods/UserActiveAuthMethods.module.css similarity index 100% rename from webapp/packages/plugin-user-profile/src/UserProfileForm/UserInfoPart/UserActiveAuthMethods/UserActiveAuthMethods.m.css rename to webapp/packages/plugin-user-profile/src/UserProfileForm/UserInfoPart/UserActiveAuthMethods/UserActiveAuthMethods.module.css diff --git a/webapp/packages/plugin-user-profile/src/UserProfileForm/UserInfoPart/UserActiveAuthMethods/UserActiveAuthMethods.tsx b/webapp/packages/plugin-user-profile/src/UserProfileForm/UserInfoPart/UserActiveAuthMethods/UserActiveAuthMethods.tsx index 1d9d94459e..f7123c1e1b 100644 --- a/webapp/packages/plugin-user-profile/src/UserProfileForm/UserInfoPart/UserActiveAuthMethods/UserActiveAuthMethods.tsx +++ b/webapp/packages/plugin-user-profile/src/UserProfileForm/UserInfoPart/UserActiveAuthMethods/UserActiveAuthMethods.tsx @@ -13,7 +13,7 @@ import { useService } from '@cloudbeaver/core-di'; import { CachedMapAllKey } from '@cloudbeaver/core-resource'; import { AuthenticationService } from '@cloudbeaver/plugin-authentication'; -import styles from './UserActiveAuthMethods.m.css'; +import styles from './UserActiveAuthMethods.module.css'; interface Props { className?: string; diff --git a/webapp/packages/plugin-user-profile/src/UserProfileOptionsPanel.m.css b/webapp/packages/plugin-user-profile/src/UserProfileOptionsPanel.module.css similarity index 100% rename from webapp/packages/plugin-user-profile/src/UserProfileOptionsPanel.m.css rename to webapp/packages/plugin-user-profile/src/UserProfileOptionsPanel.module.css diff --git a/webapp/packages/plugin-user-profile/src/UserProfileOptionsPanel.tsx b/webapp/packages/plugin-user-profile/src/UserProfileOptionsPanel.tsx index ec36248eaf..b4e76321b2 100644 --- a/webapp/packages/plugin-user-profile/src/UserProfileOptionsPanel.tsx +++ b/webapp/packages/plugin-user-profile/src/UserProfileOptionsPanel.tsx @@ -11,8 +11,8 @@ import { ColoredContainer, Container, Group, s, SContext, StyleRegistry, useS } import { useService } from '@cloudbeaver/core-di'; import { TabList, TabPanelList, TabsState, TabStyles } from '@cloudbeaver/core-ui'; -import style from './UserProfileOptionsPanel.m.css'; -import UserProfileTabStyles from './UserProfileTab.m.css'; +import style from './UserProfileOptionsPanel.module.css'; +import UserProfileTabStyles from './UserProfileTab.module.css'; import { UserProfileTabsService } from './UserProfileTabsService'; export const tabsStyleRegistry: StyleRegistry = [[TabStyles, { mode: 'append', styles: [UserProfileTabStyles] }]]; diff --git a/webapp/packages/plugin-user-profile/src/UserProfileTab.m.css b/webapp/packages/plugin-user-profile/src/UserProfileTab.module.css similarity index 100% rename from webapp/packages/plugin-user-profile/src/UserProfileTab.m.css rename to webapp/packages/plugin-user-profile/src/UserProfileTab.module.css diff --git a/webapp/packages/plugin-version-update-administration/src/DockerUpdateInstructions.m.css b/webapp/packages/plugin-version-update-administration/src/DockerUpdateInstructions.m.css deleted file mode 100644 index c763699e51..0000000000 --- a/webapp/packages/plugin-version-update-administration/src/DockerUpdateInstructions.m.css +++ /dev/null @@ -1,12 +0,0 @@ -.groupItem { - white-space: pre-line; -} - -.h4 { - margin-top: 0; -} - -.ol { - margin: 0; - padding: 0; -} diff --git a/webapp/packages/plugin-version-update-administration/src/DockerUpdateInstructions.module.css b/webapp/packages/plugin-version-update-administration/src/DockerUpdateInstructions.module.css new file mode 100644 index 0000000000..cd76643014 --- /dev/null +++ b/webapp/packages/plugin-version-update-administration/src/DockerUpdateInstructions.module.css @@ -0,0 +1,19 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.groupItem { + white-space: pre-line; +} + +.h4 { + margin-top: 0; +} + +.ol { + margin: 0; + padding: 0; +} diff --git a/webapp/packages/plugin-version-update-administration/src/DockerUpdateInstructions.tsx b/webapp/packages/plugin-version-update-administration/src/DockerUpdateInstructions.tsx index 2e54ff6fda..3981f79d22 100644 --- a/webapp/packages/plugin-version-update-administration/src/DockerUpdateInstructions.tsx +++ b/webapp/packages/plugin-version-update-administration/src/DockerUpdateInstructions.tsx @@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite'; import { Group, GroupItem, GroupTitle, s, useS, useTranslate } from '@cloudbeaver/core-blocks'; -import styles from './DockerUpdateInstructions.m.css'; +import styles from './DockerUpdateInstructions.module.css'; export const DockerUpdateInstructions = observer(function DockerUpdateInstructions() { const translate = useTranslate(); diff --git a/webapp/packages/plugin-version-update-administration/src/Version.m.css b/webapp/packages/plugin-version-update-administration/src/Version.m.css deleted file mode 100644 index e84f0294ab..0000000000 --- a/webapp/packages/plugin-version-update-administration/src/Version.m.css +++ /dev/null @@ -1,3 +0,0 @@ -.tableColumnValueExpand { - cursor: pointer; -} diff --git a/webapp/packages/plugin-version-update-administration/src/Version.module.css b/webapp/packages/plugin-version-update-administration/src/Version.module.css new file mode 100644 index 0000000000..ab2721cf6f --- /dev/null +++ b/webapp/packages/plugin-version-update-administration/src/Version.module.css @@ -0,0 +1,10 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.tableColumnValueExpand { + cursor: pointer; +} diff --git a/webapp/packages/plugin-version-update-administration/src/Version.tsx b/webapp/packages/plugin-version-update-administration/src/Version.tsx index da6ecf42be..e1cd93172f 100644 --- a/webapp/packages/plugin-version-update-administration/src/Version.tsx +++ b/webapp/packages/plugin-version-update-administration/src/Version.tsx @@ -10,7 +10,7 @@ import { observer } from 'mobx-react-lite'; import { s, TableColumnValue, TableItem, TableItemExpand, useS } from '@cloudbeaver/core-blocks'; import type { IVersion } from '@cloudbeaver/core-version'; -import styles from './Version.m.css'; +import styles from './Version.module.css'; import { VersionInfo } from './VersionInfo'; interface Props { diff --git a/webapp/packages/plugin-version-update-administration/src/VersionChecker.tsx b/webapp/packages/plugin-version-update-administration/src/VersionChecker.tsx index 949a9f77dd..37545b8946 100644 --- a/webapp/packages/plugin-version-update-administration/src/VersionChecker.tsx +++ b/webapp/packages/plugin-version-update-administration/src/VersionChecker.tsx @@ -12,7 +12,7 @@ import { useService } from '@cloudbeaver/core-di'; import { VersionResource, VersionService } from '@cloudbeaver/core-version'; import { VersionUpdateService } from '@cloudbeaver/core-version-update'; -import VersionCheckerCellStyles from './VersionCheckerCellStyles.m.css'; +import VersionCheckerCellStyles from './VersionCheckerCellStyles.module.css'; const registry: StyleRegistry = [ [ diff --git a/webapp/packages/plugin-version-update-administration/src/VersionCheckerCellStyles.m.css b/webapp/packages/plugin-version-update-administration/src/VersionCheckerCellStyles.m.css deleted file mode 100644 index 70e16b37a1..0000000000 --- a/webapp/packages/plugin-version-update-administration/src/VersionCheckerCellStyles.m.css +++ /dev/null @@ -1,4 +0,0 @@ -.before { - width: 40px; - height: 40px; -} diff --git a/webapp/packages/plugin-version-update-administration/src/VersionCheckerCellStyles.module.css b/webapp/packages/plugin-version-update-administration/src/VersionCheckerCellStyles.module.css new file mode 100644 index 0000000000..d8a5c908d5 --- /dev/null +++ b/webapp/packages/plugin-version-update-administration/src/VersionCheckerCellStyles.module.css @@ -0,0 +1,11 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.before { + width: 40px; + height: 40px; +} diff --git a/webapp/packages/plugin-version-update-administration/src/VersionInfo.m.css b/webapp/packages/plugin-version-update-administration/src/VersionInfo.m.css deleted file mode 100644 index d1feb88d47..0000000000 --- a/webapp/packages/plugin-version-update-administration/src/VersionInfo.m.css +++ /dev/null @@ -1,10 +0,0 @@ -.group { - list-style-position: inside; - height: 100%; - max-height: 300px; -} - -.reactMarkdown > * { - margin: 0; - padding: 0; -} \ No newline at end of file diff --git a/webapp/packages/plugin-version-update-administration/src/VersionInfo.module.css b/webapp/packages/plugin-version-update-administration/src/VersionInfo.module.css new file mode 100644 index 0000000000..d21c0a2bee --- /dev/null +++ b/webapp/packages/plugin-version-update-administration/src/VersionInfo.module.css @@ -0,0 +1,17 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.group { + list-style-position: inside; + height: 100%; + max-height: 300px; +} + +.reactMarkdown > * { + margin: 0; + padding: 0; +} diff --git a/webapp/packages/plugin-version-update-administration/src/VersionInfo.tsx b/webapp/packages/plugin-version-update-administration/src/VersionInfo.tsx index 790bd3dbea..3f1b496630 100644 --- a/webapp/packages/plugin-version-update-administration/src/VersionInfo.tsx +++ b/webapp/packages/plugin-version-update-administration/src/VersionInfo.tsx @@ -10,7 +10,8 @@ import ReactMarkdown from 'react-markdown'; import { Container, Group, GroupItem, GroupTitle, s, useResource, useS, useTranslate } from '@cloudbeaver/core-blocks'; import { VersionResource } from '@cloudbeaver/core-version'; -import styles from './VersionInfo.m.css'; + +import styles from './VersionInfo.module.css'; interface Props { item: string; diff --git a/webapp/packages/plugin-version-update-administration/src/VersionSelector.m.css b/webapp/packages/plugin-version-update-administration/src/VersionSelector.m.css deleted file mode 100644 index e4c42472b4..0000000000 --- a/webapp/packages/plugin-version-update-administration/src/VersionSelector.m.css +++ /dev/null @@ -1,11 +0,0 @@ -.group { - list-style-position: inside; -} - -.instruction { - white-space: pre-line; -} - -.h4 { - margin: 0; -} \ No newline at end of file diff --git a/webapp/packages/plugin-version-update-administration/src/VersionSelector.module.css b/webapp/packages/plugin-version-update-administration/src/VersionSelector.module.css new file mode 100644 index 0000000000..34fc6a3506 --- /dev/null +++ b/webapp/packages/plugin-version-update-administration/src/VersionSelector.module.css @@ -0,0 +1,18 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.group { + list-style-position: inside; +} + +.instruction { + white-space: pre-line; +} + +.h4 { + margin: 0; +} diff --git a/webapp/packages/plugin-version-update-administration/src/VersionSelector.tsx b/webapp/packages/plugin-version-update-administration/src/VersionSelector.tsx index f37ee634d2..53f71fc099 100644 --- a/webapp/packages/plugin-version-update-administration/src/VersionSelector.tsx +++ b/webapp/packages/plugin-version-update-administration/src/VersionSelector.tsx @@ -15,7 +15,7 @@ import { IVersion, VersionResource } from '@cloudbeaver/core-version'; import { VersionUpdateService } from '@cloudbeaver/core-version-update'; import { VersionInfo } from './VersionInfo'; -import styles from './VersionSelector.m.css'; +import styles from './VersionSelector.module.css'; interface Props { versions: IVersion[]; diff --git a/webapp/packages/plugin-version-update-administration/src/VersionUpdate.m.css b/webapp/packages/plugin-version-update-administration/src/VersionUpdate.m.css deleted file mode 100644 index 9228375c4e..0000000000 --- a/webapp/packages/plugin-version-update-administration/src/VersionUpdate.m.css +++ /dev/null @@ -1,4 +0,0 @@ -.coloredContainer { - composes: theme-typography--body2 from global; - list-style-position: inside; -} \ No newline at end of file diff --git a/webapp/packages/plugin-version-update-administration/src/VersionUpdate.module.css b/webapp/packages/plugin-version-update-administration/src/VersionUpdate.module.css new file mode 100644 index 0000000000..5f7707ac93 --- /dev/null +++ b/webapp/packages/plugin-version-update-administration/src/VersionUpdate.module.css @@ -0,0 +1,11 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.coloredContainer { + composes: theme-typography--body2 from global; + list-style-position: inside; +} diff --git a/webapp/packages/plugin-version-update-administration/src/VersionUpdate.tsx b/webapp/packages/plugin-version-update-administration/src/VersionUpdate.tsx index f28a564099..fbb971fb89 100644 --- a/webapp/packages/plugin-version-update-administration/src/VersionUpdate.tsx +++ b/webapp/packages/plugin-version-update-administration/src/VersionUpdate.tsx @@ -16,7 +16,7 @@ import { VersionUpdateService } from '@cloudbeaver/core-version-update'; import { VersionChecker } from './VersionChecker'; import { VersionSelector } from './VersionSelector'; -import styles from './VersionUpdate.m.css'; +import styles from './VersionUpdate.module.css'; export const VersionUpdate: AdministrationItemContentComponent = observer(function VersionUpdate() { const style = useS(styles); diff --git a/webapp/packages/plugin-version-update-administration/src/VersionUpdateDrawerItem.m.css b/webapp/packages/plugin-version-update-administration/src/VersionUpdateDrawerItem.m.css deleted file mode 100644 index 10d4111945..0000000000 --- a/webapp/packages/plugin-version-update-administration/src/VersionUpdateDrawerItem.m.css +++ /dev/null @@ -1,16 +0,0 @@ -.tabTitle { - flex: 1; -} - -.icon { - composes: theme-background-primary from global; - width: 8px; - height: 8px; - border-radius: 50%; - flex-shrink: 0; - margin-right: 12px; -} - -.iconOrImage { - width: 16px; -} diff --git a/webapp/packages/plugin-version-update-administration/src/VersionUpdateDrawerItem.module.css b/webapp/packages/plugin-version-update-administration/src/VersionUpdateDrawerItem.module.css new file mode 100644 index 0000000000..2530516db1 --- /dev/null +++ b/webapp/packages/plugin-version-update-administration/src/VersionUpdateDrawerItem.module.css @@ -0,0 +1,23 @@ +/* + * CloudBeaver - Cloud Database Manager + * Copyright (C) 2020-2024 DBeaver Corp and others + * + * Licensed under the Apache License, Version 2.0. + * you may not use this file except in compliance with the License. + */ +.tabTitle { + flex: 1; +} + +.icon { + composes: theme-background-primary from global; + width: 8px; + height: 8px; + border-radius: 50%; + flex-shrink: 0; + margin-right: 12px; +} + +.iconOrImage { + width: 16px; +} diff --git a/webapp/packages/plugin-version-update-administration/src/VersionUpdateDrawerItem.tsx b/webapp/packages/plugin-version-update-administration/src/VersionUpdateDrawerItem.tsx index 438d422ad7..55513906ce 100644 --- a/webapp/packages/plugin-version-update-administration/src/VersionUpdateDrawerItem.tsx +++ b/webapp/packages/plugin-version-update-administration/src/VersionUpdateDrawerItem.tsx @@ -11,11 +11,11 @@ import type { AdministrationItemDrawerProps } from '@cloudbeaver/core-administra import { s, Translate, useResource, useS, useTranslate } from '@cloudbeaver/core-blocks'; import { useService } from '@cloudbeaver/core-di'; import { CachedMapAllKey } from '@cloudbeaver/core-resource'; -import { TabIcon, Tab, TabTitle } from '@cloudbeaver/core-ui'; +import { Tab, TabIcon, TabTitle } from '@cloudbeaver/core-ui'; import { VersionResource } from '@cloudbeaver/core-version'; import { VersionUpdateService } from '@cloudbeaver/core-version-update'; -import moduleStyles from './VersionUpdateDrawerItem.m.css'; +import moduleStyles from './VersionUpdateDrawerItem.module.css'; export const VersionUpdateDrawerItem = observer(function VersionUpdateDrawerItem({ item, onSelect, disabled }) { const translate = useTranslate(); diff --git a/webapp/tsconfig.base.json b/webapp/tsconfig.base.json index 60518cc54c..742f4d4372 100644 --- a/webapp/tsconfig.base.json +++ b/webapp/tsconfig.base.json @@ -52,7 +52,6 @@ // https://github.com/mrmckeb/typescript-plugin-css-modules/issues/222 "name": "typescript-plugin-css-modules", "options": { - "customMatcher": "\\.m\\.(c|le|sa|sc)ss$", "goToDefinition": true } }