@backstage/plugin-catalog-import 0.8.0-next.0 → 0.8.2

package/CHANGELOG.md

@@ -1,5 +1,86 @@
 # @backstage/plugin-catalog-import
 
+## 0.8.2
+
+### Patch Changes
+
+- 1ed305728b: Bump `node-fetch` to version 2.6.7 and `cross-fetch` to version 3.1.5
+- c77c5c7eb6: Added `backstage.role` to `package.json`
+- deaf6065db: Adapt to the new `CatalogApi.getLocationByRef`
+- Updated dependencies
+  - @backstage/catalog-client@0.7.0
+  - @backstage/core-components@0.8.9
+  - @backstage/core-plugin-api@0.6.1
+  - @backstage/errors@0.2.1
+  - @backstage/integration@0.7.3
+  - @backstage/integration-react@0.1.22
+  - @backstage/plugin-catalog-react@0.6.15
+  - @backstage/catalog-model@0.10.0
+  - @backstage/config@0.1.14
+
+## 0.8.1
+
+### Patch Changes
+
+- 7bb1bde7f6: Minor API cleanups
+- Updated dependencies
+  - @backstage/catalog-client@0.6.0
+  - @backstage/core-components@0.8.8
+  - @backstage/plugin-catalog-react@0.6.14
+  - @backstage/integration-react@0.1.21
+
+## 0.8.1-next.0
+
+### Patch Changes
+
+- 7bb1bde7f6: Minor API cleanups
+- Updated dependencies
+  - @backstage/core-components@0.8.8-next.0
+  - @backstage/plugin-catalog-react@0.6.14-next.0
+  - @backstage/integration-react@0.1.21-next.0
+
+## 0.8.0
+
+### Minor Changes
+
+- 2e8764b95f: Make filename, branch name and examples URLs used in catalog import customizable.
+
+  Catalog backend ingestion loop can be already configured to fetch targets with custom catalog filename (other than `catalog-info.yaml`). It's now possible to customize said filename and branch name used in pull requests created by catalog import flow too. This allows organizations to further customize Backstage experience and to better reflect their branding.
+
+  Filename (default: `catalog-info.yaml`) and branch name (default: `backstage-integration`) used in pull requests can be configured in `app-config.yaml` as follows:
+
+  ```yaml
+  // app-config.yaml
+
+  catalog:
+    import:
+      entityFilename: anvil.yaml
+      pullRequestBranchName: anvil-integration
+  ```
+
+  Following React components have also been updated to accept optional props for providing example entity and repository paths:
+
+  ```tsx
+  <StepInitAnalyzeUrl
+    ...
+    exampleLocationUrl="https://github.com/acme-corp/our-awesome-api/blob/main/anvil.yaml"
+  />
+  ```
+
+  ```tsx
+  <ImportInfoCard
+    exampleLocationUrl="https://github.com/acme-corp/our-awesome-api/blob/main/anvil.yaml"
+    exampleRepositoryUrl="https://github.com/acme-corp/our-awesome-api"
+  />
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/core-components@0.8.7
+  - @backstage/plugin-catalog-react@0.6.13
+  - @backstage/integration-react@0.1.20
+
 ## 0.8.0-next.0
 
 ### Minor Changes

package/dist/esm/{index-ebc7277b.esm.js → index-577cd187.esm.js}

@@ -29,4 +29,4 @@ const ImportPage = () => {
 };
 
 export { ImportPage };
-//# sourceMappingURL=index-ebc7277b.esm.js.map
+//# sourceMappingURL=index-577cd187.esm.js.map

package/dist/esm/{index-ebc7277b.esm.js.map → index-577cd187.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-ebc7277b.esm.js","sources":["../../src/components/ImportPage/ImportPage.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { useOutlet } from 'react-router';\nimport { DefaultImportPage } from '../DefaultImportPage';\n\nexport const ImportPage = () => {\n  const outlet = useOutlet();\n\n  return outlet || <DefaultImportPage />;\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;MAoBa,aAAa,MAAM;AAC9B,QAAM,SAAS;AAEf,SAAO,8CAAW,mBAAD;AAAA;;;;"}
+{"version":3,"file":"index-577cd187.esm.js","sources":["../../src/components/ImportPage/ImportPage.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { useOutlet } from 'react-router';\nimport { DefaultImportPage } from '../DefaultImportPage';\n\n/**\n * The whole catalog import page.\n *\n * @public\n */\nexport const ImportPage = () => {\n  const outlet = useOutlet();\n\n  return outlet || <DefaultImportPage />;\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;MAyBa,aAAa,MAAM;AAC9B,QAAM,SAAS;AAEf,SAAO,8CAAW,mBAAD;AAAA;;;;"}

package/dist/index.d.ts

@@ -10,14 +10,35 @@ import { CatalogApi } from '@backstage/catalog-client';
 import { ScmIntegrationRegistry } from '@backstage/integration';
 import { ScmAuthApi } from '@backstage/integration-react';
 
+/**
+ * A plugin that helps the user in importing projects and YAML files into the
+ * catalog.
+ *
+ * @public
+ */
 declare const catalogImportPlugin: _backstage_core_plugin_api.BackstagePlugin<{
     importPage: _backstage_core_plugin_api.RouteRef<undefined>;
 }, {}>;
+/**
+ * The page for importing projects and YAML files into the catalog.
+ *
+ * @public
+ */
 declare const CatalogImportPage: () => JSX.Element;
 
+/**
+ * The default catalog import page.
+ *
+ * @public
+ */
 declare const DefaultImportPage: () => JSX.Element;
 
-declare type Props$8 = {
+/**
+ * Props for {@link EntityListComponent}.
+ *
+ * @public
+ */
+interface EntityListComponentProps {
     locations: Array<{
         target: string;
         entities: (Entity | EntityName)[];
@@ -27,21 +48,46 @@ declare type Props$8 = {
     firstListItem?: React.ReactElement;
     onItemClick?: (target: string) => void;
     withLinks?: boolean;
-};
-declare const EntityListComponent: ({ locations, collapsed, locationListItemIcon, onItemClick, firstListItem, withLinks, }: Props$8) => JSX.Element;
+}
+/**
+ * Shows a result list of entities.
+ *
+ * @public
+ */
+declare const EntityListComponent: (props: EntityListComponentProps) => JSX.Element;
 
-declare type Props$7 = {
+/**
+ * Props for {@link ImportInfoCard}.
+ *
+ * @public
+ */
+interface ImportInfoCardProps {
     exampleLocationUrl?: string;
     exampleRepositoryUrl?: string;
-};
-declare const ImportInfoCard: ({ exampleLocationUrl, exampleRepositoryUrl, }: Props$7) => JSX.Element;
+}
+/**
+ * Shows information about the import process.
+ *
+ * @public
+ */
+declare const ImportInfoCard: (props: ImportInfoCardProps) => JSX.Element;
 
 declare type RecursivePartial<T> = {
     [P in keyof T]?: T[P] extends (infer U)[] ? RecursivePartial<U>[] : T[P] extends object ? RecursivePartial<T[P]> : T[P];
 };
 declare type PartialEntity = RecursivePartial<Entity>;
 
+/**
+ * Utility API reference for the {@link CatalogImportApi}.
+ *
+ * @public
+ */
 declare const catalogImportApiRef: _backstage_core_plugin_api.ApiRef<CatalogImportApi>;
+/**
+ * Result of the analysis.
+ *
+ * @public
+ */
 declare type AnalyzeResult = {
     type: 'locations';
     locations: Array<{
@@ -55,6 +101,11 @@ declare type AnalyzeResult = {
     integrationType: string;
     generatedEntities: PartialEntity[];
 };
+/**
+ * API for driving catalog imports.
+ *
+ * @public
+ */
 interface CatalogImportApi {
     analyzeUrl(url: string): Promise<AnalyzeResult>;
     preparePullRequest?(): Promise<{
@@ -72,6 +123,11 @@ interface CatalogImportApi {
     }>;
 }
 
+/**
+ * The default implementation of the {@link CatalogImportApi}.
+ *
+ * @public
+ */
 declare class CatalogImportClient implements CatalogImportApi {
     private readonly discoveryApi;
     private readonly identityApi;
@@ -92,7 +148,7 @@ declare class CatalogImportClient implements CatalogImportApi {
         title: string;
         body: string;
     }>;
-    submitPullRequest({ repositoryUrl, fileContent, title, body, }: {
+    submitPullRequest(options: {
         repositoryUrl: string;
         fileContent: string;
         title: string;
@@ -106,7 +162,17 @@ declare class CatalogImportClient implements CatalogImportApi {
     private submitGitHubPrToRepo;
 }
 
+/**
+ * The configuration of the stepper.
+ *
+ * @public
+ */
 declare type ImportFlows = 'unknown' | 'single-location' | 'multiple-locations' | 'no-location';
+/**
+ * Result of the prepare state.
+ *
+ * @public
+ */
 declare type PrepareResult = {
     type: 'locations';
     locations: Array<{
@@ -189,7 +255,12 @@ declare type StepConfiguration = {
     stepLabel: React.ReactElement;
     content: React.ReactElement;
 };
-declare type StepperProvider = {
+/**
+ * Defines the details of the stepper.
+ *
+ * @public
+ */
+interface StepperProvider {
     analyze: (s: Extract<ImportState, {
         activeState: 'analyze';
     }>, opts: {
@@ -210,7 +281,7 @@ declare type StepperProvider = {
     }>, opts: {
         apis: StepperApis;
     }) => StepConfiguration;
-};
+}
 /**
  * The default stepper generation function.
  *
@@ -219,34 +290,56 @@ declare type StepperProvider = {
  *
  * @param flow - the name of the active flow
  * @param defaults - the default steps
+ * @public
  */
 declare function defaultGenerateStepper(flow: ImportFlows, defaults: StepperProvider): StepperProvider;
 
-declare type Props$6 = {
+/**
+ * Props for {@link ImportStepper}.
+ *
+ * @public
+ */
+interface ImportStepperProps {
     initialUrl?: string;
     generateStepper?: (flow: ImportFlows, defaults: StepperProvider) => StepperProvider;
     variant?: InfoCardVariants;
-};
-declare const ImportStepper: ({ initialUrl, generateStepper, variant, }: Props$6) => JSX.Element;
+}
+/**
+ * The stepper that holds the different import stages.
+ *
+ * @public
+ */
+declare const ImportStepper: (props: ImportStepperProps) => JSX.Element;
 
-declare type Props$5 = {
+/**
+ * Props for {@link StepInitAnalyzeUrl}.
+ *
+ * @public
+ */
+interface StepInitAnalyzeUrlProps {
     onAnalysis: (flow: ImportFlows, url: string, result: AnalyzeResult, opts?: {
         prepareResult?: PrepareResult;
     }) => void;
     disablePullRequest?: boolean;
     analysisUrl?: string;
     exampleLocationUrl?: string;
-};
+}
 /**
  * A form that lets the user input a url and analyze it for existing locations or potential entities.
  *
  * @param onAnalysis - is called when the analysis was successful
  * @param analysisUrl - a url that can be used as a default value
  * @param disablePullRequest - if true, repositories without entities will abort the wizard
+ * @public
  */
-declare const StepInitAnalyzeUrl: ({ onAnalysis, analysisUrl, disablePullRequest, exampleLocationUrl, }: Props$5) => JSX.Element;
+declare const StepInitAnalyzeUrl: (props: StepInitAnalyzeUrlProps) => JSX.Element;
 
-declare type Props$4<TFieldValue extends string> = {
+/**
+ * Props for {@link AutocompleteTextField}.
+ *
+ * @public
+ */
+interface AutocompleteTextFieldProps<TFieldValue extends string> {
     name: TFieldValue;
     options: string[];
     required?: boolean;
@@ -257,10 +350,20 @@ declare type Props$4<TFieldValue extends string> = {
     helperText?: React.ReactNode;
     errorHelperText?: string;
     textFieldProps?: Omit<TextFieldProps, 'required' | 'fullWidth'>;
-};
-declare const AutocompleteTextField: <TFieldValue extends string>({ name, options, required, errors, rules, loading, loadingText, helperText, errorHelperText, textFieldProps, }: Props$4<TFieldValue>) => JSX.Element;
+}
+/**
+ * An autocompletion text field for the catalog import flows.
+ *
+ * @public
+ */
+declare const AutocompleteTextField: <TFieldValue extends string>(props: AutocompleteTextFieldProps<TFieldValue>) => JSX.Element;
 
-declare type Props$3<TFieldValues extends Record<string, any>> = Pick<UseFormProps<TFieldValues>, 'defaultValues'> & {
+/**
+ * Props for {@link PreparePullRequestForm}.
+ *
+ * @public
+ */
+declare type PreparePullRequestFormProps<TFieldValues extends Record<string, any>> = Pick<UseFormProps<TFieldValues>, 'defaultValues'> & {
     onSubmit: SubmitHandler<TFieldValues>;
     render: (props: Pick<UseFormReturn<TFieldValues>, 'formState' | 'register' | 'control' | 'setValue'> & {
         values: UnpackNestedValue<TFieldValues>;
@@ -274,28 +377,49 @@ declare type Props$3<TFieldValues extends Record<string, any>> = Pick<UseFormPro
  * @param onSubmit - a callback that is executed when the form is submitted
  *   (initiated by a button of type="submit")
  * @param render - render the form elements
+ * @public
  */
-declare const PreparePullRequestForm: <TFieldValues extends Record<string, any>>({ defaultValues, onSubmit, render, }: Props$3<TFieldValues>) => JSX.Element;
+declare const PreparePullRequestForm: <TFieldValues extends Record<string, any>>(props: PreparePullRequestFormProps<TFieldValues>) => JSX.Element;
 
-declare type Props$2 = {
+/**
+ * Props for {@link PreviewCatalogInfoComponent}.
+ *
+ * @public
+ */
+interface PreviewCatalogInfoComponentProps {
     repositoryUrl: string;
     entities: Entity[];
     classes?: {
         card?: string;
         cardContent?: string;
     };
-};
-declare const PreviewCatalogInfoComponent: ({ repositoryUrl, entities, classes, }: Props$2) => JSX.Element;
+}
+/**
+ * Previews information about an entity to create.
+ *
+ * @public
+ */
+declare const PreviewCatalogInfoComponent: (props: PreviewCatalogInfoComponentProps) => JSX.Element;
 
-declare type Props$1 = {
+/**
+ * Props for {@link PreviewPullRequestComponent}.
+ *
+ * @public
+ */
+interface PreviewPullRequestComponentProps {
     title: string;
     description: string;
     classes?: {
         card?: string;
         cardContent?: string;
     };
-};
-declare const PreviewPullRequestComponent: ({ title, description, classes, }: Props$1) => JSX.Element;
+}
+/**
+ * Previews a pull request.
+ *
+ * @public
+ */
+declare const PreviewPullRequestComponent: (props: PreviewPullRequestComponentProps) => JSX.Element;
 
 declare type FormData = {
     title: string;
@@ -304,7 +428,12 @@ declare type FormData = {
     owner: string;
     useCodeowners: boolean;
 };
-declare type Props = {
+/**
+ * Props for {@link StepPrepareCreatePullRequest}.
+ *
+ * @public
+ */
+interface StepPrepareCreatePullRequestProps {
     analyzeResult: Extract<AnalyzeResult, {
         type: 'repository';
     }>;
@@ -317,7 +446,12 @@ declare type Props = {
         groups: string[];
         groupsLoading: boolean;
     }) => React.ReactNode;
-};
-declare const StepPrepareCreatePullRequest: ({ analyzeResult, onPrepare, onGoBack, renderFormFields, }: Props) => JSX.Element;
+}
+/**
+ * Prepares a pull request.
+ *
+ * @public
+ */
+declare const StepPrepareCreatePullRequest: (props: StepPrepareCreatePullRequestProps) => JSX.Element;
 
-export { AnalyzeResult, AutocompleteTextField, CatalogImportApi, CatalogImportClient, CatalogImportPage, DefaultImportPage, EntityListComponent, ImportInfoCard, ImportStepper, PreparePullRequestForm, PreviewCatalogInfoComponent, PreviewPullRequestComponent, StepInitAnalyzeUrl, StepPrepareCreatePullRequest, catalogImportApiRef, catalogImportPlugin, defaultGenerateStepper, catalogImportPlugin as plugin };
+export { AnalyzeResult, AutocompleteTextField, AutocompleteTextFieldProps, CatalogImportApi, CatalogImportClient, CatalogImportPage, DefaultImportPage, EntityListComponent, EntityListComponentProps, ImportFlows, ImportInfoCard, ImportInfoCardProps, ImportState, ImportStepper, ImportStepperProps, PreparePullRequestForm, PreparePullRequestFormProps, PrepareResult, PreviewCatalogInfoComponent, PreviewCatalogInfoComponentProps, PreviewPullRequestComponent, PreviewPullRequestComponentProps, StepInitAnalyzeUrl, StepInitAnalyzeUrlProps, StepPrepareCreatePullRequest, StepPrepareCreatePullRequestProps, catalogImportApiRef, catalogImportPlugin, defaultGenerateStepper, catalogImportPlugin as plugin };

package/dist/index.esm.js

@@ -131,12 +131,8 @@ After this pull request is merged, the component will become available.
 For more information, read an [overview of the Backstage software catalog](https://backstage.io/docs/features/software-catalog/software-catalog-overview).`
     };
   }
-  async submitPullRequest({
-    repositoryUrl,
-    fileContent,
-    title,
-    body
-  }) {
+  async submitPullRequest(options) {
+    const { repositoryUrl, fileContent, title, body } = options;
     const ghConfig = getGithubIntegrationConfig(this.scmIntegrationsApi, repositoryUrl);
     if (ghConfig) {
       return await this.submitGitHubPrToRepo({
@@ -149,9 +145,7 @@ For more information, read an [overview of the Backstage software catalog](https
     }
     throw new Error("unimplemented!");
   }
-  async generateEntityDefinitions({
-    repo
-  }) {
+  async generateEntityDefinitions(options) {
     const { token } = await this.identityApi.getCredentials();
     const response = await fetch(`${await this.discoveryApi.getBaseUrl("catalog")}/analyze-location`, {
       headers: {
@@ -160,7 +154,7 @@ For more information, read an [overview of the Backstage software catalog](https
       },
       method: "POST",
       body: JSON.stringify({
-        location: { type: "url", target: repo }
+        location: { type: "url", target: options.repo }
       })
     }).catch((e) => {
       throw new Error(`Failed to generate entity definitions, ${e.message}`);
@@ -171,12 +165,8 @@ For more information, read an [overview of the Backstage software catalog](https
     const payload = await response.json();
     return payload.generateEntities.map((x) => x.entity);
   }
-  async checkGitHubForExistingCatalogInfo({
-    url,
-    owner,
-    repo,
-    githubIntegrationConfig
-  }) {
+  async checkGitHubForExistingCatalogInfo(options) {
+    const { url, owner, repo, githubIntegrationConfig } = options;
     const { token } = await this.scmAuthApi.getCredentials({ url });
     const octo = new Octokit({
       auth: token,
@@ -215,15 +205,16 @@ For more information, read an [overview of the Backstage software catalog](https
     }
     return [];
   }
-  async submitGitHubPrToRepo({
-    owner,
-    repo,
-    title,
-    body,
-    fileContent,
-    repositoryUrl,
-    githubIntegrationConfig
-  }) {
+  async submitGitHubPrToRepo(options) {
+    const {
+      owner,
+      repo,
+      title,
+      body,
+      fileContent,
+      repositoryUrl,
+      githubIntegrationConfig
+    } = options;
     const { token } = await this.scmAuthApi.getCredentials({
       url: repositoryUrl,
       additionalScope: {
@@ -326,7 +317,7 @@ const catalogImportPlugin = createPlugin({
 });
 const CatalogImportPage = catalogImportPlugin.provide(createRoutableExtension({
   name: "CatalogImportPage",
-  component: () => import('./esm/index-ebc7277b.esm.js').then((m) => m.ImportPage),
+  component: () => import('./esm/index-577cd187.esm.js').then((m) => m.ImportPage),
   mountPoint: rootRouteRef
 }));
 
@@ -335,10 +326,11 @@ function useCatalogFilename() {
   return getCatalogFilename(config);
 }
 
-const ImportInfoCard = ({
-  exampleLocationUrl = "https://github.com/backstage/backstage/blob/master/catalog-info.yaml",
-  exampleRepositoryUrl = "https://github.com/backstage/backstage"
-}) => {
+const ImportInfoCard = (props) => {
+  const {
+    exampleLocationUrl = "https://github.com/backstage/backstage/blob/master/catalog-info.yaml",
+    exampleRepositoryUrl = "https://github.com/backstage/backstage"
+  } = props;
   const configApi = useApi(configApiRef);
   const appTitle = configApi.getOptional("app.title") || "Backstage";
   const catalogImportApi = useApi(catalogImportApiRef);
@@ -526,14 +518,15 @@ const useStyles$2 = makeStyles((theme) => ({
 function sortEntities(entities) {
   return entities.sort((a, b) => formatEntityRefTitle(a).localeCompare(formatEntityRefTitle(b)));
 }
-const EntityListComponent = ({
-  locations,
-  collapsed = false,
-  locationListItemIcon,
-  onItemClick,
-  firstListItem,
-  withLinks = false
-}) => {
+const EntityListComponent = (props) => {
+  const {
+    locations,
+    collapsed = false,
+    locationListItemIcon,
+    onItemClick,
+    firstListItem,
+    withLinks = false
+  } = props;
   const app = useApp();
   const classes = useStyles$2();
   const [expandedUrls, setExpandedUrls] = useState([]);
@@ -607,12 +600,13 @@ const StepFinishImportLocation = ({ prepareResult, onReset }) => {
   })), continueButton);
 };
 
-const StepInitAnalyzeUrl = ({
-  onAnalysis,
-  analysisUrl = "",
-  disablePullRequest = false,
-  exampleLocationUrl = "https://github.com/backstage/backstage/blob/master/catalog-info.yaml"
-}) => {
+const StepInitAnalyzeUrl = (props) => {
+  const {
+    onAnalysis,
+    analysisUrl = "",
+    disablePullRequest = false,
+    exampleLocationUrl = "https://github.com/backstage/backstage/blob/master/catalog-info.yaml"
+  } = props;
   const errorApi = useApi(errorApiRef);
   const catalogImportApi = useApi(catalogImportApiRef);
   const {
@@ -700,18 +694,19 @@ const StepInitAnalyzeUrl = ({
   }, "Analyze")));
 };
 
-const AutocompleteTextField = ({
-  name,
-  options,
-  required,
-  errors,
-  rules,
-  loading = false,
-  loadingText,
-  helperText,
-  errorHelperText,
-  textFieldProps = {}
-}) => {
+const AutocompleteTextField = (props) => {
+  const {
+    name,
+    options,
+    required,
+    errors,
+    rules,
+    loading = false,
+    loadingText,
+    helperText,
+    errorHelperText,
+    textFieldProps = {}
+  } = props;
   return /* @__PURE__ */ React.createElement(Controller, {
     name,
     rules,
@@ -742,11 +737,8 @@ const AutocompleteTextField = ({
   });
 };
 
-const PreparePullRequestForm = ({
-  defaultValues,
-  onSubmit,
-  render
-}) => {
+const PreparePullRequestForm = (props) => {
+  const { defaultValues, onSubmit, render } = props;
   const methods = useForm({ mode: "onTouched", defaultValues });
   const { handleSubmit, watch, control, register, formState, setValue } = methods;
   return /* @__PURE__ */ React.createElement(FormProvider, {
@@ -756,11 +748,8 @@ const PreparePullRequestForm = ({
   }, render({ values: watch(), formState, register, control, setValue })));
 };
 
-const PreviewCatalogInfoComponent = ({
-  repositoryUrl,
-  entities,
-  classes
-}) => {
+const PreviewCatalogInfoComponent = (props) => {
+  const { repositoryUrl, entities, classes } = props;
   const catalogFilename = useCatalogFilename();
   return /* @__PURE__ */ React.createElement(Card, {
     variant: "outlined",
@@ -775,11 +764,8 @@ const PreviewCatalogInfoComponent = ({
   })));
 };
 
-const PreviewPullRequestComponent = ({
-  title,
-  description,
-  classes
-}) => {
+const PreviewPullRequestComponent = (props) => {
+  const { title, description, classes } = props;
   return /* @__PURE__ */ React.createElement(Card, {
     variant: "outlined",
     className: classes == null ? void 0 : classes.card
@@ -816,13 +802,9 @@ function generateEntities(entities, componentName, owner) {
     }
   }));
 }
-const StepPrepareCreatePullRequest = ({
-  analyzeResult,
-  onPrepare,
-  onGoBack,
-  renderFormFields
-}) => {
+const StepPrepareCreatePullRequest = (props) => {
   var _a, _b, _c, _d, _e, _f;
+  const { analyzeResult, onPrepare, onGoBack, renderFormFields } = props;
   const classes = useStyles$1();
   const catalogApi = useApi(catalogApiRef);
   const catalogImportApi = useApi(catalogImportApiRef);
@@ -1251,11 +1233,12 @@ const useStyles = makeStyles(() => ({
     padding: 0
   }
 }));
-const ImportStepper = ({
-  initialUrl,
-  generateStepper = defaultGenerateStepper,
-  variant
-}) => {
+const ImportStepper = (props) => {
+  const {
+    initialUrl,
+    generateStepper = defaultGenerateStepper,
+    variant
+  } = props;
   const catalogImportApi = useApi(catalogImportApiRef);
   const classes = useStyles();
   const state = useImportState({ initialUrl });