Improvements (#75)

* Fixed background for code snippet in the guide
* Added option to "Select all services" for the services selector
* Allowed passing container element for injecting MUI styles
* Enhanced triggers for multi select with custom values

Author: jackcloudquery

.eslintrc.js

@@ -121,6 +121,7 @@ module.exports = {
     'unicorn/no-nested-ternary': 'off',
     'unicorn/no-null': 'off',
     'unicorn/no-useless-undefined': 'off',
+    'unicorn/prefer-global-this': 'off',
     'unicorn/prefer-string-replace-all': 'off',
     'unicorn/prevent-abbreviations': 'off',
   },

.github/workflows/ci.yml

@@ -7,10 +7,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-      - name: Use Node.js LTS
+      - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: 'lts/*'
+          node-version-file: '.nvmrc'
           cache: 'npm'
       - name: Install dependencies
         run: npm ci

.github/workflows/publish-rc.yml

@@ -16,7 +16,8 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '18.18.0'
+          node-version-file: '.nvmrc'
+          cache: 'npm'
           registry-url: 'https://registry.npmjs.org'
 
       - name: Get package name and current version from package.json

.github/workflows/publish.yml

@@ -18,7 +18,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '18.18.0'
+          node-version-file: '.nvmrc'
           registry-url: 'https://registry.npmjs.org'
 
       - name: Get package name and current version from package.json

.nvmrc

@@ -1 +1 @@
-18.18.0
+22.13.1

etc/plugin-config-ui-lib.api.md

@@ -77,10 +77,12 @@ export interface CodeSnippetProps {
 }
 
 // @public
-export function ConfigUIForm({ prepareSubmitValues }: ConfigUIFormProps): JSX_2.Element;
+export function ConfigUIForm({ prepareSubmitValues, container }: ConfigUIFormProps): JSX_2.Element;
 
 // @public (undocumented)
 export interface ConfigUIFormProps {
+    // (undocumented)
+    container?: HTMLElement | ShadowRoot;
     // (undocumented)
     prepareSubmitValues: (config: PluginConfig, values: Record<string, any>, tablesList?: PluginTable[]) => PluginUiMessagePayload['validation_passed']['values'];
 }
@@ -157,10 +159,12 @@ export interface ControlExclusiveToggleFieldProps {
 export { Controller }
 
 // @public
-export function ControlMultiSelectField({ name, helperText, label, }: ControlMultiSelectFieldProps): JSX_2.Element;
+export function ControlMultiSelectField({ name, helperText, label, codeSeparators, }: ControlMultiSelectFieldProps): JSX_2.Element;
 
 // @public (undocumented)
 export interface ControlMultiSelectFieldProps {
+    // (undocumented)
+    codeSeparators?: string[];
     // (undocumented)
     helperText?: ReactNode;
     // (undocumented)
@@ -243,10 +247,10 @@ export interface ControlServicesSelectorFieldProps {
     topServices?: string[];
 }
 
-// Warning: (ae-forgotten-export) The symbol "_PluginTableSelector" needs to be exported by the entry point index.d.ts
+// Warning: (ae-forgotten-export) The symbol "InternalPluginTableSelector" needs to be exported by the entry point index.d.ts
 //
 // @public
-export const ControlTableSelectorField: React_2.MemoExoticComponent<typeof _PluginTableSelector>;
+export const ControlTableSelectorField: React_2.MemoExoticComponent<typeof InternalPluginTableSelector>;
 
 // @public
 export function ControlTextField({ name, label, helperText, textFieldProps, }: ControlTextFieldProps): JSX_2.Element;
@@ -442,6 +446,15 @@ export function generatePluginTableList(tables?: PluginTable[]): PluginTableList
 // @public
 export const generateTablesFromJson: (tablesJson: CloudQueryTable[]) => PluginTable[];
 
+// @public
+export function getAppRootElements({ rootSelector, shadowRootWindowKey, }?: {
+    rootSelector?: string;
+    shadowRootWindowKey?: string;
+}): {
+    rootElement: HTMLElement;
+    shadowRootContainer: HTMLElement | undefined;
+};
+
 // @public
 export function getAuthenticateConnector({ connectorId, teamName, callApi, authPluginType, }: {
     connectorId: string;
@@ -526,7 +539,7 @@ export interface GuideConfig {
     // (undocumented)
     sections: GuideSection[];
     // (undocumented)
-    title: string;
+    title: string | ((values: any) => string);
 }
 
 // @public (undocumented)
@@ -587,6 +600,8 @@ export const MultiAutocomplete: React_2.ForwardRefExoticComponent<MultiAutocompl
 
 // @public (undocumented)
 export interface MultiAutocompleteProps {
+    // (undocumented)
+    codeSeparators?: string[];
     // (undocumented)
     disabled?: boolean | undefined;
     // (undocumented)