Export form components and utils in index.ts and change the imports

to '@console/shared'

frontend/packages/console-shared/src/components/formik-fields/index.ts

@@ -1,13 +1,16 @@
-export { default as InputField } from './InputField';
-export { default as TextAreaField } from './TextAreaField';
-export { default as DropdownField } from './DropdownField';
-export { default as NSDropdownField } from './NSDropdownField';
 export { default as CheckboxField } from './CheckboxField';
-export { default as NumberSpinnerField } from './NumberSpinnerField';
-export { default as EnvironmentField } from './EnvironmentField';
+export { default as DropdownField } from './DropdownField';
 export { default as DroppableFileInputField } from './DroppableFileInputField';
+export { default as EnvironmentField } from './EnvironmentField';
+export { default as InputField } from './InputField';
 export { default as InputSearchField } from './InputSearchField';
 export { default as MultiColumnField } from './multi-column-field/MultiColumnField';
-export { default as ResourceLimitField } from './ResourceLimitField';
+export { default as NSDropdownField } from './NSDropdownField';
+export { default as NumberSpinnerField } from './NumberSpinnerField';
 export { default as RadioButtonField } from './RadioButtonField';
+export { default as ResourceDropdownField } from './ResourceDropdownField';
+export { default as ResourceLimitField } from './ResourceLimitField';
 export { default as SwitchField } from './SwitchField';
+export { default as TextAreaField } from './TextAreaField';
+export * from './field-utils';
+export * from './field-types';

frontend/packages/console-shared/src/components/index.ts

@@ -1,6 +1,8 @@
 export * from './badges';
 export * from './contextMenu';
 export * from './dropdown';
+export * from './form-utils';
+export * from './formik-fields';
 export * from './status';
 export * from './pod';
 export * from './popper';

frontend/packages/dev-console/src/components/import/advanced/BuildConfigSection.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { CheckboxField, EnvironmentField } from '@console/shared/src/components/formik-fields';
+import { CheckboxField, EnvironmentField } from '@console/shared';
 import FormSection from '../section/FormSection';
 
 export interface BuildConfigSectionProps {

frontend/packages/dev-console/src/components/import/advanced/DeploymentConfigSection.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { CheckboxField, EnvironmentField } from '@console/shared/src/components/formik-fields';
+import { CheckboxField, EnvironmentField } from '@console/shared';
 import FormSection from '../section/FormSection';
 
 export interface DeploymentConfigSectionProps {

frontend/packages/dev-console/src/components/import/advanced/ResourceLimitSection.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ResourceLimitField } from '@console/shared/src/components/formik-fields';
+import { ResourceLimitField } from '@console/shared';
 import FormSection from '../section/FormSection';
 import { MemoryUnits, CPUUnits } from '../import-types';
 

frontend/packages/dev-console/src/components/import/advanced/ScalingSection.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { NumberSpinnerField } from '@console/shared/src/components/formik-fields';
+import { NumberSpinnerField } from '@console/shared';
 import FormSection from '../section/FormSection';
 
 const ScalingSection: React.FC = () => {

frontend/packages/dev-console/src/components/import/advanced/ServerlessScalingSection.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { NumberSpinnerField } from '@console/shared/src/components/formik-fields';
+import { NumberSpinnerField } from '@console/shared';
 import FormSection from '../section/FormSection';
 
 const ServerlessScalingSection: React.FC = () => {

frontend/packages/dev-console/src/components/import/app/AppSection.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useField } from 'formik';
 import { TextInputTypes } from '@patternfly/react-core';
-import { InputField, TextAreaField } from '@console/shared/src/components/formik-fields';
+import { InputField, TextAreaField } from '@console/shared';
 import { ProjectData } from '../import-types';
 import FormSection from '../section/FormSection';
 import ApplicationSelector from './ApplicationSelector';

frontend/packages/dev-console/src/components/import/app/ApplicationSelector.tsx

@@ -2,8 +2,7 @@ import * as React from 'react';
 import * as _ from 'lodash';
 import { useFormikContext, FormikValues, useField } from 'formik';
 import { FormGroup, TextInputTypes } from '@patternfly/react-core';
-import { InputField } from '@console/shared/src/components/formik-fields';
-import { getFieldId } from '@console/shared/src/components/formik-fields/field-utils';
+import { InputField, getFieldId } from '@console/shared';
 import ApplicationDropdown from '../../dropdown/ApplicationDropdown';
 
 export const CREATE_APPLICATION_KEY = '#CREATE_APPLICATION_KEY#';

frontend/packages/dev-console/src/components/import/builder/BuilderImageSelector.tsx

@@ -4,7 +4,7 @@ import { useField, useFormikContext, FormikValues } from 'formik';
 import { LoadingInline } from '@console/internal/components/utils';
 import { FormGroup, Alert } from '@patternfly/react-core';
 import { StarIcon } from '@patternfly/react-icons';
-import { getFieldId } from '@console/shared/src/components/formik-fields/field-utils';
+import { getFieldId } from '@console/shared';
 import { NormalizedBuilderImages } from '../../../utils/imagestream-utils';
 import BuilderImageCard from './BuilderImageCard';
 import './BuilderImageSelector.scss';

frontend/packages/dev-console/src/components/import/builder/BuilderImageTagSelector.tsx

@@ -4,7 +4,7 @@ import { useFormikContext, FormikValues } from 'formik';
 import { ResourceName } from '@console/internal/components/utils';
 import { K8sResourceKind } from '@console/internal/module/k8s';
 import { ImageStreamTagModel } from '@console/internal/models';
-import { DropdownField } from '@console/shared/src/components/formik-fields';
+import { DropdownField } from '@console/shared';
 import {
   BuilderImage,
   getTagDataWithDisplayName,

frontend/packages/dev-console/src/components/import/git/AdvancedGitOptions.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ExpandCollapse } from '@console/internal/components/utils';
 import { TextInputTypes } from '@patternfly/react-core';
-import { InputField } from '@console/shared/src/components/formik-fields';
+import { InputField } from '@console/shared';
 import FormSection from '../section/FormSection';
 import SourceSecretSelector from './SourceSecretSelector';
 

frontend/packages/dev-console/src/components/import/git/DockerSection.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TextInputTypes } from '@patternfly/react-core';
-import { InputField } from '@console/shared/src/components/formik-fields';
+import { InputField } from '@console/shared';
 import FormSection from '../section/FormSection';
 
 export interface DockerSectionProps {

frontend/packages/dev-console/src/components/import/git/GitSection.tsx

@@ -4,7 +4,7 @@ import { Alert, TextInputTypes } from '@patternfly/react-core';
 import { getGitService, GitProvider } from '@console/git-service';
 import { LoadingInline } from '@console/internal/components/utils';
 import { CheckCircleIcon } from '@patternfly/react-icons';
-import { InputField, DropdownField } from '@console/shared/src/components/formik-fields';
+import { InputField, DropdownField } from '@console/shared';
 import { GitReadableTypes, GitTypes } from '../import-types';
 import { detectGitType, detectGitRepoName } from '../import-validation-utils';
 import { getSampleRepo, getSampleRef, getSampleContextDir } from '../../../utils/imagestream-utils';

frontend/packages/dev-console/src/components/import/git/SourceSecretSelector.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { useFormikContext, FormikValues, useField } from 'formik';
 import { FormGroup } from '@patternfly/react-core';
 import { SecretTypeAbstraction } from '@console/internal/components/secrets/create-secret';
-import { getFieldId } from '@console/shared/src/components/formik-fields/field-utils';
+import { getFieldId } from '@console/shared';
 import SourceSecretDropdown from '../../dropdown/SourceSecretDropdown';
 import { secretModalLauncher } from '../CreateSecretModal';
 

frontend/packages/dev-console/src/components/import/image-search/ImageSearch.tsx

@@ -5,7 +5,7 @@ import { ImageStreamImportsModel } from '@console/internal/models';
 import { useFormikContext, FormikValues } from 'formik';
 import { TextInputTypes, Alert, AlertActionCloseButton, Button } from '@patternfly/react-core';
 import { SecretTypeAbstraction } from '@console/internal/components/secrets/create-secret';
-import { InputSearchField } from '@console/shared/src/components/formik-fields';
+import { InputSearchField } from '@console/shared';
 import { getSuggestedName, getPorts, makePortName } from '../../../utils/imagestream-utils';
 import { secretModalLauncher } from '../CreateSecretModal';
 

frontend/packages/dev-console/src/components/import/image-search/ImageSearchSection.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useFormikContext, FormikValues } from 'formik';
 import { K8sResourceKind } from '@console/internal/module/k8s';
-import { RadioButtonField } from '@console/shared/src/components/formik-fields';
+import { RadioButtonField } from '@console/shared';
 import FormSection from '../section/FormSection';
 import { imageRegistryType } from '../../../utils/imagestream-utils';
 import ImageStream from './ImageStream';

frontend/packages/dev-console/src/components/import/image-search/ImageStream.tsx

@@ -5,7 +5,7 @@ import { useFormikContext, FormikValues } from 'formik';
 import { k8sGet } from '@console/internal/module/k8s';
 import { ImageStreamTagModel, RoleBindingModel } from '@console/internal/models';
 import { useAccessReview } from '@console/internal/components/utils';
-import { DropdownField, CheckboxField } from '@console/shared/src/components/formik-fields';
+import { DropdownField, ResourceDropdownField, CheckboxField } from '@console/shared';
 import { ImageStreamProps } from '../import-types';
 import {
   getSuggestedName,
@@ -18,7 +18,6 @@ import {
   getImageStreamTags,
 } from '../../../utils/imagestream-utils';
 import './ImageStream.scss';
-import ResourceDropdownField from '../../../../../console-shared/src/components/formik-fields/ResourceDropdownField';
 
 const ImageStream: React.FC<ImageStreamProps> = ({ imageStreams }) => {
   const resources = getProjectResource();

frontend/packages/dev-console/src/components/import/import-types.ts

@@ -1,9 +1,6 @@
 import { K8sResourceKind, ContainerPort } from '@console/internal/module/k8s';
 import { LazyLoader } from '@console/plugin-sdk';
-import {
-  NameValuePair,
-  NameValueFromPair,
-} from '@console/shared/src/components/formik-fields/field-types';
+import { NameValuePair, NameValueFromPair } from '@console/shared';
 import { NormalizedBuilderImages } from '../../utils/imagestream-utils';
 
 export interface DeployImageFormProps {

frontend/packages/dev-console/src/components/import/pipeline/PipelineTemplate.tsx

@@ -3,7 +3,7 @@ import { LoadingInline } from '@console/internal/components/utils';
 import { k8sList } from '@console/internal/module/k8s';
 import { useFormikContext, FormikValues } from 'formik';
 import { Alert, Expandable } from '@patternfly/react-core';
-import { CheckboxField } from '@console/shared/src/components/formik-fields';
+import { CheckboxField } from '@console/shared';
 import { PipelineModel } from '../../../models';
 import { PipelineVisualization } from '../../pipelines/detail-page-tabs/pipeline-details/PipelineVisualization';
 

frontend/packages/dev-console/src/components/import/route/CreateRoute.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import * as _ from 'lodash';
 import { useFormikContext, FormikValues } from 'formik';
 import { TextInputTypes } from '@patternfly/react-core';
-import { InputField, DropdownField } from '@console/shared/src/components/formik-fields';
+import { InputField, DropdownField } from '@console/shared';
 import { makePortName } from '../../../utils/imagestream-utils';
 
 const CreateRoute: React.FC = () => {

frontend/packages/dev-console/src/components/import/route/RouteCheckbox.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { CheckboxField } from '@console/shared/src/components/formik-fields';
+import { CheckboxField } from '@console/shared';
 
 const RouteCheckbox: React.FC = () => {
   return (

frontend/packages/dev-console/src/components/import/route/SecureRoute.tsx

@@ -1,11 +1,7 @@
 import * as React from 'react';
 import { useFormikContext, FormikValues } from 'formik';
 import { FormHelperText } from '@patternfly/react-core';
-import {
-  DropdownField,
-  DroppableFileInputField,
-  CheckboxField,
-} from '@console/shared/src/components/formik-fields';
+import { DropdownField, DroppableFileInputField, CheckboxField } from '@console/shared';
 import {
   TerminationTypes,
   PassthroughInsecureTrafficTypes,

frontend/packages/dev-console/src/components/import/section/ResourceSection.tsx

@@ -7,11 +7,9 @@ import {
   ServiceModel,
   KnativeServingModel,
 } from '@console/knative-plugin';
-import { getBadgeFromType } from '@console/shared';
+import { getBadgeFromType, RadioButtonField, RadioOption } from '@console/shared';
 import { useAccessReview } from '@console/internal/components/utils';
 import { getActiveNamespace } from '@console/internal/actions/ui';
-import { RadioOption } from '@console/shared/src/components/formik-fields/field-types';
-import { RadioButtonField } from '@console/shared/src/components/formik-fields';
 import { Resources } from '../import-types';
 import FormSection from './FormSection';
 import './ResourceSection.scss';

frontend/packages/dev-console/src/components/import/serverless/ServerlessRouteSection.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TextInputTypes } from '@patternfly/react-core';
-import { InputField } from '@console/shared/src/components/formik-fields';
+import { InputField } from '@console/shared';
 import FormSection from '../section/FormSection';
 import { RouteData } from '../import-types';
 

frontend/packages/dev-console/src/components/modals/DeleteApplicationModal.tsx

@@ -9,9 +9,8 @@ import {
   ModalSubmitFooter,
 } from '@console/internal/components/factory/modal';
 import { Formik, FormikProps, FormikValues } from 'formik';
-import { YellowExclamationTriangleIcon } from '@console/shared';
+import { YellowExclamationTriangleIcon, InputField } from '@console/shared';
 import { K8sResourceKind } from '@console/internal/module/k8s';
-import { InputField } from '@console/shared/src/components/formik-fields';
 
 type DeleteApplicationModalProps = {
   initialApplication: string;

frontend/packages/dev-console/src/components/pipelines/detail-page-tabs/PipelineParameters.tsx

@@ -4,8 +4,7 @@ import { Form, TextInputTypes } from '@patternfly/react-core';
 import { FormikProps, FormikValues } from 'formik';
 import { useAccessReview } from '@console/internal/components/utils';
 import { getActiveNamespace } from '@console/internal/actions/ui';
-import { MultiColumnField, InputField } from '@console/shared/src/components/formik-fields';
-import { FormFooter } from '@console/shared/src/components/form-utils';
+import { MultiColumnField, InputField, FormFooter } from '@console/shared';
 
 const PipelineParameters: React.FC<FormikProps<FormikValues>> = ({
   handleSubmit,

frontend/packages/dev-console/src/components/pipelines/detail-page-tabs/PipelineResources.tsx

@@ -4,12 +4,7 @@ import { Form, TextInputTypes } from '@patternfly/react-core';
 import { FormikProps, FormikValues } from 'formik';
 import { useAccessReview } from '@console/internal/components/utils';
 import { getActiveNamespace } from '@console/internal/actions/ui';
-import {
-  MultiColumnField,
-  InputField,
-  DropdownField,
-} from '@console/shared/src/components/formik-fields';
-import { FormFooter } from '@console/shared/src/components/form-utils';
+import { MultiColumnField, InputField, DropdownField, FormFooter } from '@console/shared';
 
 enum resourceTypes {
   '' = 'Select resource type',

frontend/packages/dev-console/src/components/pipelines/pipeline-form/PipelineParameterSection.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { FieldArray } from 'formik';
 import { TextInputTypes } from '@patternfly/react-core';
-import { InputField } from '@console/shared/src/components/formik-fields';
+import { InputField } from '@console/shared';
 import FormSection from '../../import/section/FormSection';
 
 export interface ParamertersSectionProps {

frontend/packages/dev-console/src/components/pipelines/pipeline-form/PipelineResourceDropdownField.tsx

@@ -2,8 +2,7 @@ import * as React from 'react';
 import cx from 'classnames';
 import { useField, useFormikContext, FormikValues } from 'formik';
 import { FormGroup } from '@patternfly/react-core';
-import { DropdownFieldProps } from '@console/shared/src/components/formik-fields/field-types';
-import { getFieldId } from '@console/shared/src/components/formik-fields/field-utils';
+import { DropdownFieldProps, getFieldId } from '@console/shared';
 import PipelineResourceDropdown from '../../dropdown/PipelineResourceDropdown';
 import PipelineResourceForm from '../pipeline-resource/PipelineResourceForm';
 

frontend/packages/dev-console/src/components/pipelines/pipeline-resource/PipelineClusterOptions.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TextInputTypes } from '@patternfly/react-core';
-import { InputField, DroppableFileInputField } from '@console/shared/src/components/formik-fields';
+import { InputField, DroppableFileInputField } from '@console/shared';
 
 const PipelineClusterOptions: React.FC = () => (
   <>

frontend/packages/dev-console/src/components/pipelines/pipeline-resource/PipelineGitOptions.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TextInputTypes } from '@patternfly/react-core';
-import { InputField } from '@console/shared/src/components/formik-fields';
+import { InputField } from '@console/shared';
 
 const PipelineGitOptions: React.FC = () => (
   <>

frontend/packages/dev-console/src/components/pipelines/pipeline-resource/PipelineImageOptions.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TextInputTypes } from '@patternfly/react-core';
-import { InputField } from '@console/shared/src/components/formik-fields';
+import { InputField } from '@console/shared';
 
 const PipelineImageOptions: React.FC = () => (
   <InputField

frontend/packages/dev-console/src/components/pipelines/pipeline-resource/PipelineStorageOptions.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TextInputTypes } from '@patternfly/react-core';
-import { InputField } from '@console/shared/src/components/formik-fields';
+import { InputField } from '@console/shared';
 
 const PipelineStorageOptions: React.FC = () => (
   <>

frontend/packages/dev-console/src/components/project-access/ProjectAccessForm.tsx

@@ -2,12 +2,7 @@ import * as React from 'react';
 import * as _ from 'lodash';
 import { Form, TextInputTypes } from '@patternfly/react-core';
 import { FormikProps, FormikValues } from 'formik';
-import {
-  MultiColumnField,
-  InputField,
-  DropdownField,
-} from '@console/shared/src/components/formik-fields';
-import { FormFooter } from '@console/shared/src/components/form-utils';
+import { MultiColumnField, InputField, DropdownField, FormFooter } from '@console/shared';
 
 enum accessRoles {
   '' = 'Select a role',

frontend/packages/knative-plugin/src/components/traffic-splitting/TrafficSplittingModal.tsx

@@ -6,11 +6,7 @@ import {
   ModalSubmitFooter,
 } from '@console/internal/components/factory/modal';
 import { TextInputTypes } from '@patternfly/react-core';
-import {
-  MultiColumnField,
-  InputField,
-  DropdownField,
-} from '@console/shared/src/components/formik-fields';
+import { MultiColumnField, InputField, DropdownField } from '@console/shared';
 
 export interface TrafficSplittingModalProps {
   revisionItems: any;

frontend/packages/metal3-plugin/src/components/baremetal-hosts/add-baremetal-host/AddBareMetalHostForm.tsx

@@ -2,12 +2,7 @@ import * as React from 'react';
 import * as _ from 'lodash';
 import { FormikProps } from 'formik';
 import { Form, TextInputTypes } from '@patternfly/react-core';
-import {
-  InputField,
-  TextAreaField,
-  SwitchField,
-} from '@console/shared/src/components/formik-fields';
-import { FormFooter } from '@console/shared/src/components/form-utils';
+import { InputField, TextAreaField, SwitchField, FormFooter } from '@console/shared';
 import { AddBareMetalHostFormValues } from './types';
 
 type AddBareMetalHostFormProps = FormikProps<AddBareMetalHostFormValues>;

frontend/packages/noobaa-storage-plugin/src/components/object-bucket-claim-page/create-obc.tsx

@@ -24,8 +24,7 @@ import {
 } from '@console/noobaa-storage-plugin/src/models';
 import { ActionGroup, Button } from '@patternfly/react-core';
 import { StorageClass } from '@console/internal/components/storage-class-form';
-import { filterScOnProvisioner, getName , ResourceDropdown } from '@console/shared';
-
+import { filterScOnProvisioner, getName, ResourceDropdown } from '@console/shared';
 import { commonReducer, defaultState } from '../object-bucket-page/state';
 import './create-obc.scss';