Use componentFactory in storybook-root With Examples

component-builder.service.ts

Source:component-builder.service.ts

1import { ComponentFactoryResolver, ComponentRef, Injectable } from '@angular/core';2// import { WIDGET_LIBRARY } from 'src/app/app-constants';3// import { PlaceHolderComponent } from 'src/app/modules/shared/place-holder/place-holder.component';4// import { BarChartA4Component } from 'src/app/modules/widgets/barchart/bar-chart-a4/bar-chart-a4.component';5// import { BarChartA4Model, BarChartA4ConfigModel } from 'src/app/modules/widgets/barchart/bar-chart-a4/bar-chart-a4-model';6// import { PieChartA2Component } from 'src/app/modules/widgets/piechart/pie-chart-a2/pie-chart-a2.component';7// import { PieChartA2Model, PieChartA2ConfigModel } from 'src/app/modules/widgets/piechart/pie-chart-a2/pie-chart-a2-model';8// import { LineChartA2Component } from 'src/app/modules/widgets/linechart/line-chart-a2/line-chart-a2.component';9// import { LineChartA2Model, LineChartA2ConfigModel } from 'src/app/modules/widgets/linechart/line-chart-a2/line-chart-a2-model';10// import { ProgressBarA2Component } from 'src/app/modules/widgets/progressbar/progress-bar-a2/progress-bar-a2.component';11// import { ProgressA2Model, ProgressA2ConfigModel } from 'src/app/modules/widgets/progressbar/progress-bar-a2/progress-bar-a2-model';12// import { BarLineComboChartA1Component } from 'src/app/modules/widgets/comboChart/bar-line-combo-chart-a1/bar-line-combo-chart-a1.component';13// import { BarLineComboChartA1A1Model, BarLineComboChartA1ConfigModel } from 'src/app/modules/widgets/comboChart/bar-line-combo-chart-a1/bar-line-combo-chart-a1-model';14// import { PieGridA1Component } from 'src/app/modules/widgets/piegrid/pie-grid-a1/pie-grid-a1.component';15// import { PieGridA1Model, PieGridA1ConfigModel } from 'src/app/modules/widgets/piegrid/pie-grid-a1/pie-grid-a1-model';16// import { ProgressBarA1Component } from 'src/app/modules/widgets/progressbar/progress-bar-a1/progress-bar-a1.component';17// import { ProgressA1Model, ProgressA1ConfigModel } from 'src/app/modules/widgets/progressbar/progress-bar-a1/progress-a1-model';18// import { AreaChartA1Component } from 'src/app/modules/widgets/areachart/area-chart-a1/area-chart-a1.component';19// import { AreaChartA1Model, AreaChartA1ConfigModel } from 'src/app/modules/widgets/areachart/area-chart-a1/area-chart-a1-model';20// import { StepperA1Component } from 'src/app/modules/widgets/stepper/stepper-a1/stepper-a1.component';21// import { StepperA1Model, StepperA1ConfigModel } from 'src/app/modules/widgets/stepper/stepper-a1/stepper-a1-model';22// import { StatReportA1Component } from 'src/app/modules/widgets/statreport/stat-report-a1/stat-report-a1.component';23// import { StatReportA1Model, StatReportA1ConfigModel } from 'src/app/modules/widgets/statreport/stat-report-a1/stat-report-a1-model';24// import { MatBA1Component } from 'src/app/modules/widget-app/data-input/mat-bil-a1/mat-b-a1/mat-b-a1.component';25// import { MatBDataA1ConfigModel, MatBDataA1Model } from 'src/app/modules/widget-app/data-input/mat-bil-a1/mat-b-a1/mat-b-a1-model';26// import { BillingFormA1Model, BillingFormA1ConfigModel } from 'src/app/modules/widget-app/billing-form/billing-form-a1/billing-form-a1-model';27// import { BillingFormA1Component } from 'src/app/modules/widget-app/billing-form/billing-form-a1/billing-form-a1.component';28// import { ButtonA1Component } from 'src/app/modules/widgets/button/button-a1/button-a1.component';29// import { ButtonA1Model, ButtonA1ConfigModel } from 'src/app/modules/widgets/button/button-a1/button-a1-model';30// import { AddButtonComponent } from 'src/app/modules/widget-app/add-button/add-button.component';31// import { AddButtonModel, AddButtonConfigModel } from 'src/app/modules/widget-app/add-button/add-button-model';32// import { DataFormComponent } from 'src/app/modules/widget-app/dataForm/data-form/data-form.component';33// import { DataFormConfigModel, DataFormModel } from 'src/app/modules/widget-app/dataForm/data-form/data-form-model';34// import { VerticalTimelineComponent } from 'src/app/modules/widget-app/vertical-timeline/vertical-timeline.component';35// import { VerticalTimelineModel, VerticalTimelineConfigModel } from 'src/app/modules/widget-app/vertical-timeline/vertical-timeline-model';36// import { NavigationComponent } from 'src/app/modules/widget-app/navigation/navigation.component';37// import { NavigationConfigModel, NavigationModel } from 'src/app/modules/widget-app/navigation/navigation-model';38// import { FileExplorerComponent } from 'src/app/modules/widget-app/fileExplorer/file-explorer/file-explorer.component';39// import { FileExplorerModel, FileExplorerConfigModel } from 'src/app/modules/widget-app/fileExplorer/file-explorer/file-explorer-model';40// import { FileUploadComponent } from 'src/app/modules/widget-app/file-upload/file-upload.component';41// import { FileUploadModel, FileUploadConfigModel } from 'src/app/modules/widget-app/file-upload/file-upload-model';42// import { NewRegistrationComponent } from 'src/app/modules/widget-app/new-registration/new-registration.component';43// import { NewRegistrationModel, NewRegistrationConfigModel } from 'src/app/modules/widget-app/new-registration/new-registration-model';44// import { RegistrationFormComponent } from 'src/app/modules/widget-app/registration-form/registration-form.component';45// import { RegistrationFormConfigModel, RegistrationFormModel } from 'src/app/modules/widget-app/registration-form/registration-form-model';46// import { ContactFormComponent } from 'src/app/modules/widget-app/contact-form/contact-form.component';47// import { ContactFormConfigModel, ContactFormModel } from 'src/app/modules/widget-app/contact-form/contact-form-model';48// import { TaxFormComponent } from 'src/app/modules/widget-app/tax-form/tax-form.component';49// import { TaxFormConfigModel, TaxFormModel } from 'src/app/modules/widget-app/tax-form/tax-form-model';50// import { OrganizationFormComponent } from 'src/app/modules/widget-app/organization-form/organization-form.component';51// import { OrganizationFormModel, OrganizationFormConfigModel } from 'src/app/modules/widget-app/organization-form/organization-form-model';52// import { AccountDeptComponent } from 'src/app/modules/widget-app/account-dept/account-dept.component';53// import { AccountDeptConfigModel, AccountDeptModel } from 'src/app/modules/widget-app/account-dept/account-dept-model';54// import { BankFormComponent } from 'src/app/modules/widget-app/bank-form/bank-form.component';55// import { BankFormModel, BankFormConfigModel } from 'src/app/modules/widget-app/bank-form/bank-form-model';56// import { GstFormComponent } from 'src/app/modules/widget-app/gst-form/gst-form.component';57// import { GstFormModel, GstFormConfigModel } from 'src/app/modules/widget-app/gst-form/gst-form-model';58// import { ContinueRegistrationComponent } from 'src/app/modules/widget-app/continue-registration/continue-registration.component';59// import { ContinueRegFormModel, ContinueRegFormConfigModel } from 'src/app/modules/widget-app/continue-registration/continue-registration-model';60// import { DropdownA1Component } from 'src/app/modules/widget-app/dropdown-a1/dropdown-a1.component';61// import { dropdownFormModel, DropdownA1Model, DropdownA1ConfigModel } from 'src/app/modules/widget-app/dropdown-a1/dropdown-a1-model';62// import { DragdropComponent } from 'src/app/modules/widget-app/drag-drop/dragdrop.component';63// import { CrAddCaseinfoFormComponent } from 'src/app/modules/widget-app/cr-add-caseinfo-form/cr-add-caseinfo-form.component';64// import { CaseInformationModel, CaseInformationConfigModel } from 'src/app/modules/widget-app/cr-add-caseinfo-form/cr-add-caseinfo-form.model';65// import { CrSelectCertificateFormComponent } from 'src/app/modules/widget-app/cr-select-certificate-form/cr-select-certificate-form.component';66// import { SelectCertificateDataModel, SelectCertificateFormConfigModel } from 'src/app/modules/widget-app/cr-select-certificate-form/cr-select-certificate-form.model';67// import { DragdropModel, DragdropConfigModel } from 'src/app/modules/widget-app/drag-drop/dragdrop-model';68// import { BillingDataModel, BillingConfigModel } from 'src/app/modules/widget-app/cr-add-billing/cr-add-billing.model';69// import { CrAddBillingComponent } from 'src/app/modules/widget-app/cr-add-billing/cr-add-billing.component';70// import { CrAddBillingManufactureDetailsComponent } from 'src/app/modules/widget-app/cr-add-billing-manufacture-details/cr-add-billing-manufacture-details.component';71// import { BillingMDDataModel, BillingMDConfigModel } from 'src/app/modules/widget-app/cr-add-billing-manufacture-details/cr-add-billing-manufacture-details.model';72// import { HorizontalStepperModel, HorizontalStepperConfigModel } from 'src/app/modules/widgets/horizontal-stepper/horizontal-stepper-model';73// import { HorizontalStepperComponent } from 'src/app/modules/widgets/horizontal-stepper/horizontal-stepper.component';74// import { ButtonA2Component } from 'src/app/modules/widgets/button/button-a2/button-a2.component';75// import { ButtonA2ConfigModel, ButtonA2DataModel } from 'src/app/modules/widgets/button/button-a2/button-a2.model';76// import { VehicleModelSelectionComponent } from 'src/app/modules/widget-app/vehicle-model-selection/vehicle-model-selection.component';77// import { ModelSelectionModel, ModelSelectionConfigModel } from 'src/app/modules/widget-app/vehicle-model-selection/vehicle-model-selection-model';78// import { TableA2Component } from 'src/app/modules/widget-app/data-input/table-a1/table-a2.component';79// import { TableA2Model, TableA2ConfigModel } from 'src/app/modules/widget-app/data-input/table-a1/table-a2-model';80// import { CrAddShippingFormComponent } from 'src/app/modules/widget-app/cr-add-shipping-form/cr-add-shipping-form.component';81// import { CrAddCaseCoOrdFormComponent } from 'src/app/modules/widget-app/cr-add-case-co-ord-form/cr-add-case-co-ord-form.component';82// import { CaseCoOrdinatiorDataModel, CaseCoOrdinatiorConfigModel } from 'src/app/modules/widget-app/cr-add-case-co-ord-form/cr-add-case-co-ord.model';83// import { ShippingConfigModel, ShippingDataModel } from 'src/app/modules/widget-app/cr-add-shipping-form/cr-add-shipping-form.model';84// import { UploadFormComponent } from 'src/app/modules/widget-app/upload-form/upload-form.component';85// import { UploadFormModel, UploadFormConfigModel } from 'src/app/modules/widget-app/upload-form/upload-form-model';86// import { DropdownA2Component } from 'src/app/modules/widget-app/dropdown-a2/dropdown-a2.component';87// import { DropdownA2ConfigModel, DropdownA2Model } from 'src/app/modules/widget-app/dropdown-a2/dropdown-a2-model';88// // import { CrAddShippingFormComponent } from 'src/app/modules/widget-app/cr-add-shipping-form/cr-add-shipping-form.component';89// // import { ShippingDataModel, ShippingConfigModel } from 'src/app/modules/widget-app/cr-add-shipping-form/cr-add-shipping-form.model';90// import { CrUploadDocExcelTablesComponent } from 'src/app/modules/widget-app/cr-upload-doc-excel-tables/cr-upload-doc-excel-tables.component';91// import { UploadDocExcelTablesDataModel, UploadDocExcelTablesConfigModel } from 'src/app/modules/widget-app/cr-upload-doc-excel-tables/cr-upload-doc-excel-tables-model';92// import { DocumentVerificationComponent } from 'src/app/modules/widget-app/document-verification/document-verification.component';93// import { DocumentVerificationModel, DocumentVerificationConfigModel } from 'src/app/modules/widget-app/document-verification/document-verification-model';94// import { ConfirmationTextComponent } from 'src/app/modules/widget-app/confirmation-text/confirmation-text.component';95// import { ConfirmationTextModel, ConfirmationTextConfigModel } from 'src/app/modules/widget-app/confirmation-text/confirmation-text-model';96// // import { TableA2Component } from 'src/app/modules/widget-app/data-input/table-a1/table-a2.component';97// import { CaseListRegistrationModel, CaseListRegistrationConfigModel } from 'src/app/modules/widget-app/case-list-registration/case-list-registration-model';98// import { CaseListRegistrationComponent } from 'src/app/modules/widget-app/case-list-registration/case-list-registration.component';99// import { CaseListDetailsComponent } from 'src/app/modules/widget-app/case-list-details/case-list-details.component';100// import { CaseListDetailsConfigModel, CaseListDetailsModel } from 'src/app/modules/widget-app/case-list-details/case-list-details-model';101// import { UserAddComponent } from 'src/app/modules/widget-app/user-management/user-add/user-add.component';102// import { AddUserConfigModel, AddUserDataModel } from 'src/app/modules/widget-app/user-management/user-add/user-add-form.model';103// import { NewRegistrationForm2Component } from 'src/app/modules/widget-app/new-registration-form2/new-registration-form2.component';104// import { NewRegistrationForm2Model, NewRegistrationForm2ConfigModel } from 'src/app/modules/widget-app/new-registration-form2/new-registration-form2-model';105// import { UserFilterConfigModel, UserFilterDataModel } from 'src/app/modules/widget-app/user-management/user-filter/user-filter-form.model';106// import { UserFilterComponent } from 'src/app/modules/widget-app/user-management/user-filter/user-filter.component';107// import { QuotationSearchComponent } from 'src/app/modules/widget-app/quotation/quotation-search/quotation-search.component';108// import { QuotationSearchConfigModel, QuotationSearchDataModel } from 'src/app/modules/widget-app/quotation/quotation-search/quotation-search.model';109// import { ChangePasswordDataModel, ChangePasswordConfigModel } from 'src/app/modules/widget-app/user-management/change-password/change-password-form.model';110// import { ChangePasswordComponent } from 'src/app/modules/widget-app/user-management/change-password/change-password.component';111// import { MatTabComponent } from 'src/app/modules/widget-app/mat-tab/mat-tab.component';112// import { MatTabModel, MatTabConfigModel } from 'src/app/modules/widget-app/mat-tab/mat-tab-model';113// import { CaseSearchConfigModel, CaseSearchDataModel } from 'src/app/modules/widget-app/case/case-search/case-search-model';114// import { CaseSearchComponent } from 'src/app/modules/widget-app/case/case-search/case-search.component';115// import { AddShippingSearchComponent } from 'src/app/modules/widget-app/add-shipping/add-shipping-search/add-shipping-search.component';116// import { AddShippingSearchConfigModel, AddShippingSearchDataModel } from 'src/app/modules/widget-app/add-shipping/add-shipping-search/add-shipping-search-model';117// import { CrCaseCoOrdSearchComponent } from 'src/app/modules/widget-app/cr-case-co-ord-search/cr-case-co-ord-search.component';118// import { MatTabA1ConfigModel, MatTabA1Model } from 'src/app/modules/widget-app/mat-tab-a1/mat-tab-a1-model';119// import { MatTabA1Component } from 'src/app/modules/widget-app/mat-tab-a1/mat-tab-a1.component';120// import { CompanyFilterComponent } from 'src/app/modules/widget-app/company/company-filter/company-filter.component';121// import { CompanyFilterConfigModel, CompanyFilterDataModel } from 'src/app/modules/widget-app/company/company-filter/company-filter.model';122// import { CompRegConfirmationComponent } from 'src/app/modules/widget-app/comp-reg-confirmation/comp-reg-confirmation.component';123// import { CompRegConfirmationConfigModel, CompRegConfirmationDataModel } from 'src/app/modules/widget-app/comp-reg-confirmation/comp-reg-confirmatiom.model';124// import { CompanyApproveComponent } from 'src/app/modules/widget-app/company/company-approve/company-approve.component';125// import { CompanyApproveConfigModel, CompanyApproveDataModel } from 'src/app/modules/widget-app/company/company-approve/company-approve.model';126// import { VerticalMenuConfigModel, VerticalMenuDataModel } from 'src/app/modules/widgets/vertical-menu/vertical-menu-model';127// import { VerticalMenuComponent } from 'src/app/modules/widgets/vertical-menu/vertical-menu.component';128// import { AlertsFilterComponent } from 'src/app/modules/widget-app/alerts/alerts-filter/alerts-filter.component';129// import { AlertsFilterConfigModel, AlertsFilterDataModel } from 'src/app/modules/widget-app/alerts/alerts-filter/alerts-filter-form.model';130// import { QueryFilterComponent } from 'src/app/modules/widget-app/case-query/query-filter/query-filter.component';131// import { QueryFilterConfigModel, QueryFilterDataModel } from 'src/app/modules/widget-app/case-query/query-filter/query-filter-form.model';132// import { QueryFormComponent } from 'src/app/modules/widget-app/case-query/query-form/query-form.component';133// import { QueryFormConfigModel, QueryFormDataModel } from 'src/app/modules/widget-app/case-query/query-form/query-form-model';134// import { RemarkFilterComponent } from 'src/app/modules/widget-app/case-remark/remark-filter/remark-filter.component';135// import { RemarkFilterConfigModel, RemarkFilterDataModel } from 'src/app/modules/widget-app/case-remark/remark-filter/remark-filter-form-model';136// import { CaseViewFormComponent } from 'src/app/modules/widget-app/case/case-view-form/case-view-form.component';137// import { CaseViewFormConfigModel, CaseViewFormDataModel } from 'src/app/modules/widget-app/case/case-view-form/case-view-form-model';138// import { DocumentsFilterComponent } from 'src/app/modules/widget-app/case-docs/documents-filter/documents-filter.component';139// import { DocumentsFilterConfigModel, DocumentsFilterDataModel } from 'src/app/modules/widget-app/case-docs/documents-filter/documents-filter-form.model';140// import { DocHistoryFilterComponent } from 'src/app/modules/widget-app/case-docs/doc-history-filter/doc-history-filter.component';141// import { DocHistoryFilterDataModel, DocHistoryFilterConfigModel } from 'src/app/modules/widget-app/case-docs/doc-history-filter/doc-history-filter.model';142// import { DocHistoryDetailsComponent } from 'src/app/modules/widget-app/case-docs/doc-history-details/doc-history-details.component';143// import { DocHistoryDetailsDataModel, DocHistoryDetailsConfigModel } from 'src/app/modules/widget-app/case-docs/doc-history-details/doc-history-details.model';144// import { CvCaseDeptContainerComponent } from 'src/app/modules/request-data/case-view/cv-case-dept-container/cv-case-dept-container.component';145// import { CvDeptFilterComponent } from 'src/app/modules/widget-app/case/cv-dept-filter/cv-dept-filter.component';146// import { DeptFilterConfigModel, DeptFilterDataModel } from 'src/app/modules/widget-app/case/cv-dept-filter/cv-dept-filter-model';147// import { DeptViewFormConfigModel, DeptViewFormDataModel } from 'src/app/modules/widget-app/case/dept-view-form/dept-view-form-model';148// import { DeptViewFormComponent } from 'src/app/modules/widget-app/case/dept-view-form/dept-view-form.component';149// import { TinyMceEditorComponent } from 'src/app/modules/widget-app/tiny-mce-editor/tiny-mce-editor.component';150// import { TinyMceEditorConfigModel, TinyMceEditorDataModel } from 'src/app/modules/widget-app/tiny-mce-editor/tiny-mce-editor-model';151// import { CkEditorComponent } from 'src/app/modules/widgets/ck-editor/ck-editor.component';152// import { CrDyanamicTextComponent } from 'src/app/modules/widget-app/cr-dyanamic-text/cr-dyanamic-text.component';153// import { CrDyanamicTextDataModel, CrDyanamicTextConfigModel } from 'src/app/modules/widget-app/cr-dyanamic-text/cr-dyanamic-text.model';154// import { CrAddNewAddressComponent } from 'src/app/modules/widget-app/cr-add-new-address/cr-add-new-address.component';155// import { CrAddNewAddressDataModel, CrAddNewAddressConfigModel } from 'src/app/modules/widget-app/cr-add-new-address/cr-add-new-address.model';156// import { CrAddNewCoOrdinatorComponent } from 'src/app/modules/widget-app/cr-add-new-co-ordinator/cr-add-new-co-ordinator.component';157// import { CrAddNewCoOrdinatorDataModel, CrAddNewCoOrdinatorConfigModel } from 'src/app/modules/widget-app/cr-add-new-co-ordinator/cr-add-new-co-ordinator.model';158// import { ResetPassFormComponent } from 'src/app/modules/widget-app/reset-pass-form/reset-pass-form.component';159// import { ResetPasswordFormConfigModel, ResetPasswordFormDataModel } from 'src/app/modules/widget-app/reset-pass-form/reset-pass-form.model';160// import { InvoiceSearchComponent } from 'src/app/modules/widget-app/invoice/invoice-search/invoice-search.component';161// import { InvoiceSearchConfigModel, InvoiceSearchDataModel } from 'src/app/modules/widget-app/invoice/invoice-search/invoice-search.model';162// import { StorageRepoFilterComponent } from 'src/app/modules/widget-app/storage-repo-filter/storage-repo-filter.component';163// import { StorageRepoFilterConfigModel, StorageRepoFilterDataModel } from 'src/app/modules/widget-app/storage-repo-filter/storage-repo-filter-model';164// import { CaseViewInfoComponent } from 'src/app/modules/widget-app/case-view-info/case-view-info.component';165// import { CaseViewInfoConfigModel, CaseViewInfoDataModel } from 'src/app/modules/widget-app/case-view-info/case-view-info-model';166// import { DataTemplatesFilterComponent } from 'src/app/modules/widget-app/data-templates/data-templates-filter/data-templates-filter.component';167// import { DataTemplatesFilterConfigModel, DataTemplatesFilterDataModel } from 'src/app/modules/widget-app/data-templates/data-templates-filter/data-templates-model';168// import { AlertViewFormDataModel, AlertViewFormConfigModel } from 'src/app/modules/widget-app/alerts/alert-view-form/alert-view-form.model';169// import { AlertViewFormComponent } from 'src/app/modules/widget-app/alerts/alert-view-form/alert-view-form.component';170// import { AllCasesAlertsFilterComponent } from 'src/app/modules/widget-app/alerts/all-cases-alerts-filter/all-cases-alerts-filter.component';171// import { AllCasesAlertsFilterConfigModel, AllCasesAlertsFilterDataModel } from 'src/app/modules/widget-app/alerts/all-cases-alerts-filter/all-cases-alerts-filter.model';172@Injectable({173    providedIn: 'root'174})175export class ComponentBuilderService {176    constructor(private _componentFactoryResolver: ComponentFactoryResolver) {177    }178    // CreateComponet(componetName: string, holderRef: PlaceHolderComponent) {179    //     let componentFactory;180    //     let componentRef: ComponentRef<any>181    //     let isSuccess: boolean = false;182    //     let viewContainerRef = holderRef.viewContainerRef;183    //     viewContainerRef.clear();184    //     switch (componetName) {185    //         case WIDGET_LIBRARY.CONST_BAR_CHART_A4_NAME:186    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(BarChartA4Component);187    //             componentRef = viewContainerRef.createComponent(componentFactory);188    //             componentRef.instance.dataModel = BarChartA4Model.getInstance();189    //             componentRef.instance.configModel = BarChartA4ConfigModel.getInstance();190    //             isSuccess = true;191    //             break;192    //         // case WIDGET_LIBRARY.CONST_PIE_CHART_A2_NAME:193    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(PieChartA2Component);194    //         //     componentRef = viewContainerRef.createComponent(componentFactory);195    //         //     componentRef.instance.dataModel = PieChartA2Model.getInstance();196    //         //     componentRef.instance.configModel = PieChartA2ConfigModel.getInstance();197    //         //     isSuccess = true;198    //         //     break;199    //         // case WIDGET_LIBRARY.CONST_PIE_CHART_A3_NAME:200    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(PieChartA3Component);201    //         //     componentRef = viewContainerRef.createComponent(componentFactory);202    //         //     componentRef.instance.dataModel = PieChartA3Model.getInstance();203    //         //     componentRef.instance.configModel = PieChartA3ConfigModel.getInstance();204    //         //     isSuccess = true;205    //         //     break;206    //         case WIDGET_LIBRARY.CONST_LINE_CHART_A2_NAME:207    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(LineChartA2Component);208    //             componentRef = viewContainerRef.createComponent(componentFactory);209    //             componentRef.instance.dataModel = LineChartA2Model.getInstance();210    //             componentRef.instance.configModel = LineChartA2ConfigModel.getInstance();211    //             isSuccess = true;212    //             break;213    //         case WIDGET_LIBRARY.CONST_PROGRESS_BAR_A2_NAME:214    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(ProgressBarA2Component);215    //             componentRef = viewContainerRef.createComponent(componentFactory);216    //             componentRef.instance.dataModel = ProgressA2Model.getInstance();217    //             componentRef.instance.configModel = ProgressA2ConfigModel.getInstance();218    //             isSuccess = true;219    //             break;220    //         case WIDGET_LIBRARY.CONST_BAR_LINE_COMBO_CHART_A1_NAME:221    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(BarLineComboChartA1Component);222    //             componentRef = viewContainerRef.createComponent(componentFactory);223    //             componentRef.instance.dataModel = BarLineComboChartA1A1Model.getInstance();224    //             componentRef.instance.configModel = BarLineComboChartA1ConfigModel.getInstance();225    //             isSuccess = true;226    //             break;227    //         case WIDGET_LIBRARY.CONST_PIE_GRID_A1_NAME:228    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(PieGridA1Component);229    //             componentRef = viewContainerRef.createComponent(componentFactory);230    //             componentRef.instance.dataModel = PieGridA1Model.getInstance();231    //             componentRef.instance.configModel = PieGridA1ConfigModel.getInstance();232    //             isSuccess = true;233    //             break;234    //         case WIDGET_LIBRARY.CONST_PROGRESS_BAR_A1_NAME:235    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(ProgressBarA1Component);236    //             componentRef = viewContainerRef.createComponent(componentFactory);237    //             componentRef.instance.dataModel = ProgressA1Model.getInstance();238    //             componentRef.instance.configModel = ProgressA1ConfigModel.getInstance();239    //             isSuccess = true;240    //             break;241    //         case WIDGET_LIBRARY.CONST_AREA_CHART_A1_NAME:242    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(AreaChartA1Component);243    //             componentRef = viewContainerRef.createComponent(componentFactory);244    //             componentRef.instance.dataModel = AreaChartA1Model.getInstance();245    //             componentRef.instance.configModel = AreaChartA1ConfigModel.getInstance();246    //             isSuccess = true;247    //             break;248    //         case WIDGET_LIBRARY.CONST_STEPPER_A1_NAME:249    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(StepperA1Component);250    //             componentRef = viewContainerRef.createComponent(componentFactory);251    //             componentRef.instance.dataModel = StepperA1Model.getInstance();252    //             componentRef.instance.configModel = StepperA1ConfigModel.getInstance();253    //             isSuccess = true;254    //             break;255    //         case WIDGET_LIBRARY.CONST_STAT_REPORT_A1_NAME:256    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(StatReportA1Component);257    //             componentRef = viewContainerRef.createComponent(componentFactory);258    //             componentRef.instance.dataModel = StatReportA1Model.getInstance();259    //             componentRef.instance.configModel = StatReportA1ConfigModel.getInstance();260    //             isSuccess = true;261    //             break;262    //         case WIDGET_LIBRARY.CONST_Mat_B_A1:263    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(MatBA1Component);264    //             componentRef = viewContainerRef.createComponent(componentFactory);265    //             componentRef.instance.dataModel = MatBDataA1Model.getInstance();266    //             componentRef.instance.configModel = MatBDataA1ConfigModel.getInstance();267    //             isSuccess = true;268    //             break;269    //         case WIDGET_LIBRARY.CONST_Billing_Form_A1:270    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(BillingFormA1Component);271    //             componentRef = viewContainerRef.createComponent(componentFactory);272    //             componentRef.instance.dataModel = BillingFormA1Model.getInstance();273    //             componentRef.instance.configModel = BillingFormA1ConfigModel.getInstance();274    //             isSuccess = true;275    //             break;276    //         case WIDGET_LIBRARY.CONST_BUTTON_A1_NAME:277    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(ButtonA1Component);278    //             componentRef = viewContainerRef.createComponent(componentFactory);279    //             componentRef.instance.dataModel = ButtonA1Model.getInstance();280    //             componentRef.instance.configModel = ButtonA1ConfigModel.getInstance();281    //             isSuccess = true;282    //             break;283    //         case WIDGET_LIBRARY.CONST_DATA_FORM_NAME:284    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(DataFormComponent);285    //             componentRef = viewContainerRef.createComponent(componentFactory);286    //             componentRef.instance.dataModel = DataFormModel.getInstance();287    //             componentRef.instance.configModel = DataFormConfigModel.getInstance();288    //             isSuccess = true;289    //             break;290    //         case WIDGET_LIBRARY.CONST_ADD_BUTTON:291    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(AddButtonComponent);292    //             componentRef = viewContainerRef.createComponent(componentFactory);293    //             componentRef.instance.dataModel = AddButtonModel.getInstance();294    //             componentRef.instance.configModel = AddButtonConfigModel.getInstance();295    //             isSuccess = true;296    //             break;297    //         case WIDGET_LIBRARY.CONST_VERTICAL_TIMELINE:298    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(VerticalTimelineComponent);299    //             componentRef = viewContainerRef.createComponent(componentFactory);300    //             componentRef.instance.dataModel = VerticalTimelineModel.getInstance();301    //             componentRef.instance.configModel = VerticalTimelineConfigModel.getInstance();302    //             isSuccess = true;303    //             break;304    //         case WIDGET_LIBRARY.CONST_NAVIGATION:305    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(NavigationComponent);306    //             componentRef = viewContainerRef.createComponent(componentFactory);307    //             componentRef.instance.dataModel = NavigationModel.getInstance();308    //             componentRef.instance.configModel = NavigationConfigModel.getInstance();309    //             isSuccess = true;310    //             break;311    //         case WIDGET_LIBRARY.CONST_FILE_EXPLORER:312    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(FileExplorerComponent);313    //             componentRef = viewContainerRef.createComponent(componentFactory);314    //             componentRef.instance.dataModel = FileExplorerModel.getInstance();315    //             componentRef.instance.configModel = FileExplorerConfigModel.getInstance();316    //             isSuccess = true;317    //             break;318    //         case WIDGET_LIBRARY.CONST_FILE_UPLOAD:319    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(FileUploadComponent);320    //             componentRef = viewContainerRef.createComponent(componentFactory);321    //             componentRef.instance.dataModel = FileUploadModel.getInstance();322    //             componentRef.instance.configModel = FileUploadConfigModel.getInstance();323    //             isSuccess = true;324    //             break;325    //         case WIDGET_LIBRARY.CONST_NEW_REGISTRATION:326    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(NewRegistrationComponent);327    //             componentRef = viewContainerRef.createComponent(componentFactory);328    //             componentRef.instance.dataModel = NewRegistrationModel.getInstance();329    //             componentRef.instance.configModel = NewRegistrationConfigModel.getInstance();330    //             isSuccess = true;331    //             break;332    //         case WIDGET_LIBRARY.CONST_REGISTRATION_FORM:333    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(RegistrationFormComponent);334    //             componentRef = viewContainerRef.createComponent(componentFactory);335    //             componentRef.instance.dataModel = RegistrationFormModel.getInstance();336    //             componentRef.instance.configModel = RegistrationFormConfigModel.getInstance();337    //             isSuccess = true;338    //             break;339    //         case WIDGET_LIBRARY.CONST_CONTACT_FORM:340    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(ContactFormComponent);341    //             componentRef = viewContainerRef.createComponent(componentFactory);342    //             componentRef.instance.dataModel = ContactFormModel.getInstance();343    //             componentRef.instance.configModel = ContactFormConfigModel.getInstance();344    //             isSuccess = true;345    //             break;346    //         case WIDGET_LIBRARY.CONST_TAX_FORM:347    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(TaxFormComponent);348    //             componentRef = viewContainerRef.createComponent(componentFactory);349    //             componentRef.instance.dataModel = TaxFormModel.getInstance();350    //             componentRef.instance.configModel = TaxFormConfigModel.getInstance();351    //             isSuccess = true;352    //             break;353    //         case WIDGET_LIBRARY.CONST_ORGANIZATION_FORM:354    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(OrganizationFormComponent);355    //             componentRef = viewContainerRef.createComponent(componentFactory);356    //             componentRef.instance.dataModel = OrganizationFormModel.getInstance();357    //             componentRef.instance.configModel = OrganizationFormConfigModel.getInstance();358    //             isSuccess = true;359    //             break;360    //         case WIDGET_LIBRARY.CONST_ACCOUNT_DEPT_FORM:361    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(AccountDeptComponent);362    //             componentRef = viewContainerRef.createComponent(componentFactory);363    //             componentRef.instance.dataModel = AccountDeptModel.getInstance();364    //             componentRef.instance.configModel = AccountDeptConfigModel.getInstance();365    //             isSuccess = true;366    //             break;367    //         case WIDGET_LIBRARY.CONST_BANK_FORM:368    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(BankFormComponent);369    //             componentRef = viewContainerRef.createComponent(componentFactory);370    //             componentRef.instance.dataModel = BankFormModel.getInstance();371    //             componentRef.instance.configModel = BankFormConfigModel.getInstance();372    //             isSuccess = true;373    //             break;374    //         case WIDGET_LIBRARY.CONST_GST_FORM:375    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(GstFormComponent);376    //             componentRef = viewContainerRef.createComponent(componentFactory);377    //             componentRef.instance.dataModel = GstFormModel.getInstance();378    //             componentRef.instance.configModel = GstFormConfigModel.getInstance();379    //             isSuccess = true;380    //             break;381    //         case WIDGET_LIBRARY.CONST_CONTINUE_REG_FORM:382    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(ContinueRegistrationComponent);383    //             componentRef = viewContainerRef.createComponent(componentFactory);384    //             componentRef.instance.dataModel = ContinueRegFormModel.getInstance();385    //             componentRef.instance.configModel = ContinueRegFormConfigModel.getInstance();386    //             isSuccess = true;387    //             break;388    //         case WIDGET_LIBRARY.CONST_DROPDOWN_A1:389    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(DropdownA1Component);390    //             componentRef = viewContainerRef.createComponent(componentFactory);391    //             componentRef.instance.dataModel = DropdownA1Model.getInstance();392    //             componentRef.instance.configModel = DropdownA1ConfigModel.getInstance();393    //             isSuccess = true;394    //             break;395    //         case WIDGET_LIBRARY.CONST_DRAG_DROP:396    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(DragdropComponent);397    //             componentRef = viewContainerRef.createComponent(componentFactory);398    //             componentRef.instance.dataModel = DragdropModel.getInstance();399    //             componentRef.instance.configModel = DragdropConfigModel.getInstance();400    //             isSuccess = true;401    //             break;402    //         case WIDGET_LIBRARY.CONST_CASE_INFORMATION:403    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(CrAddCaseinfoFormComponent);404    //             componentRef = viewContainerRef.createComponent(componentFactory);405    //             componentRef.instance.dataModel = CaseInformationModel.getInstance();406    //             componentRef.instance.configModel = CaseInformationConfigModel.getInstance();407    //             isSuccess = true;408    //             break;409    //         case WIDGET_LIBRARY.CONST_CR_SELECT_CERTIFICATE:410    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(CrSelectCertificateFormComponent);411    //             componentRef = viewContainerRef.createComponent(componentFactory);412    //             componentRef.instance.dataModel = SelectCertificateDataModel.getInstance();413    //             componentRef.instance.configModel = SelectCertificateFormConfigModel.getInstance();414    //             isSuccess = true;415    //             break;416    //         case WIDGET_LIBRARY.CONST_HORIZONTAL_STEPPER:417    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(HorizontalStepperComponent);418    //             componentRef = viewContainerRef.createComponent(componentFactory);419    //             componentRef.instance.dataModel = HorizontalStepperModel.getInstance();420    //             componentRef.instance.configModel = HorizontalStepperConfigModel.getInstance();421    //             isSuccess = true;422    //             break;423    //         case WIDGET_LIBRARY.CONST_VERTICAL_MENU:424    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(VerticalMenuComponent);425    //             componentRef = viewContainerRef.createComponent(componentFactory);426    //             componentRef.instance.dataModel = VerticalMenuDataModel.getInstance();427    //             componentRef.instance.configModel = VerticalMenuConfigModel.getInstance();428    //             isSuccess = true;429    //             break;430    //         case WIDGET_LIBRARY.CONST_CR_ADD_BILLING:431    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(CrAddBillingComponent);432    //             componentRef = viewContainerRef.createComponent(componentFactory);433    //             componentRef.instance.dataModel = BillingDataModel.getInstance();434    //             componentRef.instance.configModel = BillingConfigModel.getInstance();435    //             isSuccess = true;436    //             break;437    //         case WIDGET_LIBRARY.CONST_CR_ADD_BILLING_MANU_DETAILS:438    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(CrAddBillingManufactureDetailsComponent);439    //             componentRef = viewContainerRef.createComponent(componentFactory);440    //             componentRef.instance.dataModel = BillingMDDataModel.getInstance();441    //             componentRef.instance.configModel = BillingMDConfigModel.getInstance();442    //             isSuccess = true;443    //             break;444    //         case WIDGET_LIBRARY.CONST_CR_ADD_SHIPPING_FORM:445    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(CrAddShippingFormComponent);446    //             componentRef = viewContainerRef.createComponent(componentFactory);447    //             componentRef.instance.dataModel = ShippingDataModel.getInstance();448    //             componentRef.instance.configModel = ShippingConfigModel.getInstance();449    //             isSuccess = true;450    //             break;451    //         case WIDGET_LIBRARY.CONST_BUTTON_A2:452    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(ButtonA2Component);453    //             componentRef = viewContainerRef.createComponent(componentFactory);454    //             componentRef.instance.dataModel = ButtonA2DataModel.getInstance();455    //             componentRef.instance.configModel = ButtonA2ConfigModel.getInstance();456    //             isSuccess = true;457    //             break;458    //         case WIDGET_LIBRARY.CONST_CR_ADD_CASE_CO_ORD_FORM:459    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(CrAddCaseCoOrdFormComponent);460    //             componentRef = viewContainerRef.createComponent(componentFactory);461    //             componentRef.instance.dataModel = CaseCoOrdinatiorDataModel.getInstance();462    //             componentRef.instance.configModel = CaseCoOrdinatiorConfigModel.getInstance();463    //             isSuccess = true;464    //             break;465    //         case WIDGET_LIBRARY.CONST_MODEL_SELECTION:466    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(VehicleModelSelectionComponent);467    //             componentRef = viewContainerRef.createComponent(componentFactory);468    //             componentRef.instance.dataModel = ModelSelectionModel.getInstance();469    //             componentRef.instance.configModel = ModelSelectionConfigModel.getInstance();470    //             isSuccess = true;471    //             break;472    //         case WIDGET_LIBRARY.CONST_CASE_LIST_REGISTRATION:473    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(CaseListRegistrationComponent);474    //             componentRef = viewContainerRef.createComponent(componentFactory);475    //             componentRef.instance.dataModel = CaseListRegistrationModel.getInstance();476    //             componentRef.instance.configModel = CaseListRegistrationConfigModel.getInstance();477    //             isSuccess = true;478    //             break;479    //         case WIDGET_LIBRARY.CONST_CASE_LIST_DETAILS:480    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(CaseListDetailsComponent);481    //             componentRef = viewContainerRef.createComponent(componentFactory);482    //             componentRef.instance.dataModel = CaseListDetailsModel.getInstance();483    //             componentRef.instance.configModel = CaseListDetailsConfigModel.getInstance();484    //             isSuccess = true;485    //             break;486    //         // case WIDGET_LIBRARY.CONST_TABLE_A2:487    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(TableA2Component);488    //         //     componentRef = viewContainerRef.createComponent(componentFactory);489    //         //     componentRef.instance.dataModel = TableA2Model.getInstance();490    //         //     componentRef.instance.configModel = TableA2ConfigModel.getInstance();491    //         //     isSuccess = true;492    //         // break;493    //         case WIDGET_LIBRARY.CONST_TABLE_A2:494    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(TableA2Component);495    //             componentRef = viewContainerRef.createComponent(componentFactory);496    //             componentRef.instance.dataModel = TableA2Model.getInstance();497    //             componentRef.instance.configModel = TableA2ConfigModel.getInstance();498    //             isSuccess = true;499    //             break;500    //         case WIDGET_LIBRARY.CONST_UPLOAD_FORM:501    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(UploadFormComponent);502    //             componentRef = viewContainerRef.createComponent(componentFactory);503    //             componentRef.instance.dataModel = UploadFormModel.getInstance();504    //             componentRef.instance.configModel = UploadFormConfigModel.getInstance();505    //             isSuccess = true;506    //             break;507    //         case WIDGET_LIBRARY.CONST_DROPDOWN_A2:508    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(DropdownA2Component);509    //             componentRef = viewContainerRef.createComponent(componentFactory);510    //             componentRef.instance.dataModel = DropdownA2Model.getInstance();511    //             componentRef.instance.configModel = DropdownA2ConfigModel.getInstance();512    //             isSuccess = true;513    //             break;514    //         // case WIDGET_LIBRARY.CONST_UPLOAD_DOC_EXCEL_TABLES:515    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(CrUploadDocExcelTablesComponent);516    //         //     componentRef = viewContainerRef.createComponent(componentFactory);517    //         //     componentRef.instance.dataModel = UploadDocExcelTablesDataModel.getInstance();518    //         //     componentRef.instance.configModel = UploadDocExcelTablesConfigModel.getInstance();519    //         //     isSuccess = true;520    //         //     break;521    //         // case WIDGET_LIBRARY.CONST_CV_TABLE89:522    //         //         componentFactory = this._componentFactoryResolver.resolveComponentFactory(CvTable8Table9Component);523    //         //         componentRef = viewContainerRef.createComponent(componentFactory);524    //         //         componentRef.instance.dataModel = CvTable8Table9DataModel.getInstance();525    //         //         componentRef.instance.configModel = CvTable8Table9ConfigModel.getInstance();526    //         //         isSuccess = true;527    //         //         break;528    //         // case WIDGET_LIBRARY.CONST_DOCUMENT_VERIFICATION:529    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(DocumentVerificationComponent);530    //         //     componentRef = viewContainerRef.createComponent(componentFactory);531    //         //     componentRef.instance.dataModel = DocumentVerificationModel.getInstance();532    //         //     componentRef.instance.configModel = DocumentVerificationConfigModel.getInstance();533    //         //     isSuccess = true;534    //         //     break;535    //         // case WIDGET_LIBRARY.CONST_CONFIRMATION_TEXT:536    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(ConfirmationTextComponent);537    //         //     componentRef = viewContainerRef.createComponent(componentFactory);538    //         //     componentRef.instance.dataModel = ConfirmationTextModel.getInstance();539    //         //     componentRef.instance.configModel = ConfirmationTextConfigModel.getInstance();540    //         //     isSuccess = true;541    //         //     break;542    //         // case WIDGET_LIBRARY.CONST_NEW_REGISTRATION_FORM2:543    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(NewRegistrationForm2Component);544    //         //     componentRef = viewContainerRef.createComponent(componentFactory);545    //         //     componentRef.instance.dataModel = NewRegistrationForm2Model.getInstance();546    //         //     componentRef.instance.configModel = NewRegistrationForm2ConfigModel.getInstance();547    //         //     isSuccess = true;548    //         //     break;549    //         // case WIDGET_LIBRARY.CONST_USER_ADD:550    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(UserAddComponent);551    //         //     componentRef = viewContainerRef.createComponent(componentFactory);552    //         //     componentRef.instance.dataModel = AddUserDataModel.getInstance();553    //         //     componentRef.instance.configModel = AddUserConfigModel.getInstance();554    //         //     isSuccess = true;555    //         //     break;556    //         // case WIDGET_LIBRARY.CONST_USER_FILTER:557    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(UserFilterComponent);558    //         //     componentRef = viewContainerRef.createComponent(componentFactory);559    //         //     componentRef.instance.dataModel = UserFilterDataModel.getInstance();560    //         //     componentRef.instance.configModel = UserFilterConfigModel.getInstance();561    //         //     isSuccess = true;562    //         //     break;563    //         // case WIDGET_LIBRARY.CONST_QUOTATION_SEARCH:564    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(QuotationSearchComponent);565    //         //     componentRef = viewContainerRef.createComponent(componentFactory);566    //         //     componentRef.instance.dataModel = QuotationSearchDataModel.getInstance();567    //         //     componentRef.instance.configModel = QuotationSearchConfigModel.getInstance();568    //         //     isSuccess = true;569    //         //     break;570    //         // case WIDGET_LIBRARY.CONST_INVOICE_SEARCH:571    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(InvoiceSearchComponent);572    //         //     componentRef = viewContainerRef.createComponent(componentFactory);573    //         //     componentRef.instance.dataModel = InvoiceSearchDataModel.getInstance();574    //         //     componentRef.instance.configModel = InvoiceSearchConfigModel.getInstance();575    //         //     isSuccess = true;576    //         //     break;577    //         // case WIDGET_LIBRARY.CONST_CASE_SEARCH:578    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(CaseSearchComponent);579    //         //     componentRef = viewContainerRef.createComponent(componentFactory);580    //         //     componentRef.instance.dataModel = CaseSearchDataModel.getInstance();581    //         //     componentRef.instance.configModel = CaseSearchConfigModel.getInstance();582    //         //     isSuccess = true;583    //         //     break;584    //         // case WIDGET_LIBRARY.CONST_MY_CASE_FILTER:585    //         //         componentFactory = this._componentFactoryResolver.resolveComponentFactory(MyCaseTabFilterComponent);586    //         //         componentRef = viewContainerRef.createComponent(componentFactory);587    //         //         componentRef.instance.dataModel = MyCaseTabFilterDataModel.getInstance();588    //         //         componentRef.instance.configModel = MyCaseTabFilterConfigModel.getInstance();589    //         //         isSuccess = true;590    //         //         break;    591    //         // case WIDGET_LIBRARY.CONST_NEW_CASE_TAB_FILTER:592    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(NewTabCaseFilterComponent);593    //         //     componentRef = viewContainerRef.createComponent(componentFactory);594    //         //     componentRef.instance.dataModel = NewCaseTabFilterDataModel.getInstance();595    //         //     componentRef.instance.configModel = NewCaseTabFilterConfigModel.getInstance();596    //         //     isSuccess = true;597    //         //     break;598    //         // case WIDGET_LIBRARY.CONST_ADD_SHIPPING_SEARCH:599    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(AddShippingSearchComponent);600    //         //     componentRef = viewContainerRef.createComponent(componentFactory);601    //         //     componentRef.instance.dataModel = AddShippingSearchDataModel.getInstance();602    //         //     componentRef.instance.configModel = AddShippingSearchConfigModel.getInstance();603    //         //     isSuccess = true;604    //         //     break;605    //         // case WIDGET_LIBRARY.CONST_CHANGE_PASSWORD:606    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(ChangePasswordComponent);607    //         //     componentRef = viewContainerRef.createComponent(componentFactory);608    //         //     componentRef.instance.dataModel = ChangePasswordDataModel.getInstance();609    //         //     componentRef.instance.configModel = ChangePasswordConfigModel.getInstance();610    //         //     isSuccess = true;611    //         //     break;612    //         // case WIDGET_LIBRARY.CONST_MAT_TAB:613    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(MatTabComponent);614    //         //     componentRef = viewContainerRef.createComponent(componentFactory);615    //         //     componentRef.instance.dataModel = MatTabModel.getInstance();616    //         //     componentRef.instance.configModel = MatTabConfigModel.getInstance();617    //         //     isSuccess = true;618    //         //     break;619    //         // case WIDGET_LIBRARY.CONST_MAT_TAB_A1:620    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(MatTabA1Component);621    //         //     componentRef = viewContainerRef.createComponent(componentFactory);622    //         //     componentRef.instance.dataModel = MatTabA1Model.getInstance();623    //         //     componentRef.instance.configModel = MatTabA1ConfigModel.getInstance();624    //         //     isSuccess = true;625    //         //     break;626    //         // case WIDGET_LIBRARY.CONST_MAT_TAB_A2:627    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(MatTabA2Component);628    //         //     componentRef = viewContainerRef.createComponent(componentFactory);629    //         //     componentRef.instance.dataModel = MatTabA2Model.getInstance();630    //         //     componentRef.instance.configModel = MatTabA2ConfigModel.getInstance();631    //         //     isSuccess = true;632    //         //     break;633    //         case WIDGET_LIBRARY.CONST_CASE_CO_ORD_SEARCH:634    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(CrCaseCoOrdSearchComponent);635    //             componentRef = viewContainerRef.createComponent(componentFactory);636    //             componentRef.instance.dataModel = MatTabModel.getInstance();637    //             componentRef.instance.configModel = MatTabConfigModel.getInstance();638    //             isSuccess = true;639    //             break;640    //         case WIDGET_LIBRARY.CONST_COMPANY_FILTER:641    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(CompanyFilterComponent);642    //             componentRef = viewContainerRef.createComponent(componentFactory);643    //             componentRef.instance.dataModel = CompanyFilterDataModel.getInstance();644    //             componentRef.instance.configModel = CompanyFilterConfigModel.getInstance();645    //             isSuccess = true;646    //             break;647    //         case WIDGET_LIBRARY.CONST_COMP_REG_CONFIRMATION:648    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(CompRegConfirmationComponent);649    //             componentRef = viewContainerRef.createComponent(componentFactory);650    //             componentRef.instance.dataModel = CompRegConfirmationDataModel.getInstance();651    //             componentRef.instance.configModel = CompRegConfirmationConfigModel.getInstance();652    //             isSuccess = true;653    //             break;654    //         case WIDGET_LIBRARY.CONST_COMPANY_APPROVE:655    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(CompanyApproveComponent);656    //             componentRef = viewContainerRef.createComponent(componentFactory);657    //             componentRef.instance.dataModel = CompanyApproveDataModel.getInstance();658    //             componentRef.instance.configModel = CompanyApproveConfigModel.getInstance();659    //             isSuccess = true;660    //             break;661    //         case WIDGET_LIBRARY.CONST_CASE_ALERTS_FILTER:662    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(AlertsFilterComponent);663    //             componentRef = viewContainerRef.createComponent(componentFactory);664    //             componentRef.instance.dataModel = AlertsFilterDataModel.getInstance();665    //             componentRef.instance.configModel = AlertsFilterConfigModel.getInstance();666    //             isSuccess = true;667    //             break;668    //         case WIDGET_LIBRARY.CONST_CASE_QUERY_FILTER:669    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(QueryFilterComponent);670    //             componentRef = viewContainerRef.createComponent(componentFactory);671    //             componentRef.instance.dataModel = QueryFilterDataModel.getInstance();672    //             componentRef.instance.configModel = QueryFilterConfigModel.getInstance();673    //             isSuccess = true;674    //             break;675    //         case WIDGET_LIBRARY.CONST_CASE_QUERY_FORM:676    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(QueryFormComponent);677    //             componentRef = viewContainerRef.createComponent(componentFactory);678    //             componentRef.instance.dataModel = QueryFormDataModel.getInstance();679    //             componentRef.instance.configModel = QueryFormConfigModel.getInstance();680    //             isSuccess = true;681    //             break;682    //         case WIDGET_LIBRARY.CONST_CASE_REMARK_FILTER:683    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(RemarkFilterComponent);684    //             componentRef = viewContainerRef.createComponent(componentFactory);685    //             componentRef.instance.dataModel = RemarkFilterDataModel.getInstance();686    //             componentRef.instance.configModel = RemarkFilterConfigModel.getInstance();687    //             isSuccess = true;688    //             break;689    //         case WIDGET_LIBRARY.CONST_CASE_VIEW_FORM:690    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(CaseViewFormComponent);691    //             componentRef = viewContainerRef.createComponent(componentFactory);692    //             componentRef.instance.dataModel = CaseViewFormDataModel.getInstance();693    //             componentRef.instance.configModel = CaseViewFormConfigModel.getInstance();694    //             isSuccess = true;695    //             break;696    //         case WIDGET_LIBRARY.CONST_CASE_DOCUMENTS_FILTER:697    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(DocumentsFilterComponent);698    //             componentRef = viewContainerRef.createComponent(componentFactory);699    //             componentRef.instance.dataModel = DocumentsFilterDataModel.getInstance();700    //             componentRef.instance.configModel = DocumentsFilterConfigModel.getInstance();701    //             isSuccess = true;702    //             break;703    //         case WIDGET_LIBRARY.CONST_CASE_DOC_HISTORY_FILTER:704    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(DocHistoryFilterComponent);705    //             componentRef = viewContainerRef.createComponent(componentFactory);706    //             componentRef.instance.dataModel = DocHistoryFilterDataModel.getInstance();707    //             componentRef.instance.configModel = DocHistoryFilterConfigModel.getInstance();708    //             isSuccess = true;709    //             break;710    //         case WIDGET_LIBRARY.CONST_CASE_DOC_HISTORY_DETAILS:711    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(DocHistoryDetailsComponent);712    //             componentRef = viewContainerRef.createComponent(componentFactory);713    //             componentRef.instance.dataModel = DocHistoryDetailsDataModel.getInstance();714    //             componentRef.instance.configModel = DocHistoryDetailsConfigModel.getInstance();715    //             isSuccess = true;716    //             break;717    //         case WIDGET_LIBRARY.CONST_CV_DEPT_FILTER:718    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(CvDeptFilterComponent);719    //             componentRef = viewContainerRef.createComponent(componentFactory);720    //             componentRef.instance.dataModel = DeptFilterDataModel.getInstance();721    //             componentRef.instance.configModel = DeptFilterConfigModel.getInstance();722    //             isSuccess = true;723    //             break;724    //         case WIDGET_LIBRARY.CONST_DEPT_VIEW_FORM:725    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(DeptViewFormComponent);726    //             componentRef = viewContainerRef.createComponent(componentFactory);727    //             componentRef.instance.dataModel = DeptViewFormDataModel.getInstance();728    //             componentRef.instance.configModel = DeptViewFormConfigModel.getInstance();729    //             isSuccess = true;730    //             break;731    //         case WIDGET_LIBRARY.CONST_TINY_MCE_EDITOR:732    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(TinyMceEditorComponent);733    //             componentRef = viewContainerRef.createComponent(componentFactory);734    //             componentRef.instance.dataModel = TinyMceEditorDataModel.getInstance();735    //             componentRef.instance.configModel = TinyMceEditorConfigModel.getInstance();736    //             isSuccess = true;737    //             break;738    //         case WIDGET_LIBRARY.CONST_CK_EDITOR:739    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(CkEditorComponent);740    //             componentRef = viewContainerRef.createComponent(componentFactory);741    //             componentRef.instance.dataModel = TinyMceEditorDataModel.getInstance();742    //             componentRef.instance.configModel = TinyMceEditorConfigModel.getInstance();743    //             isSuccess = true;744    //             break;745    //         case WIDGET_LIBRARY.CONST_DYANAMIC_TEXT:746    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(CrDyanamicTextComponent);747    //             componentRef = viewContainerRef.createComponent(componentFactory);748    //             componentRef.instance.dataModel = CrDyanamicTextDataModel.getInstance();749    //             componentRef.instance.configModel = CrDyanamicTextConfigModel.getInstance();750    //             isSuccess = true;751    //             break;752    //         case WIDGET_LIBRARY.CR_ADD_NEW_ADDRESS:753    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(CrAddNewAddressComponent);754    //             componentRef = viewContainerRef.createComponent(componentFactory);755    //             componentRef.instance.dataModel = CrAddNewAddressDataModel.getInstance();756    //             componentRef.instance.configModel = CrAddNewAddressConfigModel.getInstance();757    //             isSuccess = true;758    //             break;759    //         case WIDGET_LIBRARY.CR_ADD_NEW_CO_ORDINATOR:760    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(CrAddNewCoOrdinatorComponent);761    //             componentRef = viewContainerRef.createComponent(componentFactory);762    //             componentRef.instance.dataModel = CrAddNewCoOrdinatorDataModel.getInstance();763    //             componentRef.instance.configModel = CrAddNewCoOrdinatorConfigModel.getInstance();764    //             isSuccess = true;765    //             break;766    //         case WIDGET_LIBRARY.STORAGE_REPO_FILTER:767    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(StorageRepoFilterComponent);768    //             componentRef = viewContainerRef.createComponent(componentFactory);769    //             componentRef.instance.dataModel = StorageRepoFilterDataModel.getInstance();770    //             componentRef.instance.configModel = StorageRepoFilterConfigModel.getInstance();771    //             isSuccess = true;772    //             break;773    //         case WIDGET_LIBRARY.RESET_USER_PASSWORD:774    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(ResetPassFormComponent);775    //             componentRef = viewContainerRef.createComponent(componentFactory);776    //             componentRef.instance.dataModel = ResetPasswordFormDataModel.getInstance();777    //             componentRef.instance.configModel = ResetPasswordFormConfigModel.getInstance();778    //             isSuccess = true;779    //             break;780    //         case WIDGET_LIBRARY.CASE_VIEW_INFO:781    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(CaseViewInfoComponent);782    //             componentRef = viewContainerRef.createComponent(componentFactory);783    //             componentRef.instance.dataModel = CaseViewInfoDataModel.getInstance();784    //             componentRef.instance.configModel = CaseViewInfoConfigModel.getInstance();785    //             isSuccess = true;786    //             break;787    //         case WIDGET_LIBRARY.DATA_TEMPLATES_FILTER:788    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(DataTemplatesFilterComponent);789    //             componentRef = viewContainerRef.createComponent(componentFactory);790    //             componentRef.instance.dataModel = DataTemplatesFilterDataModel.getInstance();791    //             componentRef.instance.configModel = DataTemplatesFilterConfigModel.getInstance();792    //             isSuccess = true;793    //             break;794    //         case WIDGET_LIBRARY.ALERTS_VIEW_FORM:795    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(AlertViewFormComponent);796    //             componentRef = viewContainerRef.createComponent(componentFactory);797    //             componentRef.instance.dataModel = AlertViewFormDataModel.getInstance();798    //             componentRef.instance.configModel = AlertViewFormConfigModel.getInstance();799    //             isSuccess = true;800    //             break;801    //         case WIDGET_LIBRARY.ALL_CASES_ALERTS_FILTER:802    //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(AllCasesAlertsFilterComponent);803    //             componentRef = viewContainerRef.createComponent(componentFactory);804    //             componentRef.instance.dataModel = AllCasesAlertsFilterDataModel.getInstance();805    //             componentRef.instance.configModel = AllCasesAlertsFilterConfigModel.getInstance();806    //             isSuccess = true;807    //             break;808    //         // case WIDGET_LIBRARY.CONST_SELECT_COMPANY:809    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(CrSelectCompanyComponent);810    //         //     componentRef = viewContainerRef.createComponent(componentFactory);811    //         //     componentRef.instance.dataModel = SelectCompanyDataModel.getInstance();812    //         //     componentRef.instance.configModel = SelectCompanyConfigModel.getInstance();813    //         //     isSuccess = true;814    //         //     break;815    //         // case WIDGET_LIBRARY.CONST_COMPANY_REJECT:816    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(CompanyRejectComponent);817    //         //     componentRef = viewContainerRef.createComponent(componentFactory);818    //         //     componentRef.instance.dataModel = CompanyRejectDataModel.getInstance();819    //         //     componentRef.instance.configModel = CompanyRejectConfigModel.getInstance();820    //         //     isSuccess = true;821    //         //     break;822    //         // case WIDGET_LIBRARY.CASE_ASSIGN_FC_FORM:823    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(CaseAssignFcFormComponent);824    //         //     componentRef = viewContainerRef.createComponent(componentFactory);825    //         //     componentRef.instance.dataModel = CaseAssignFCDataModel.getInstance();826    //         //     componentRef.instance.configModel = CaseAssignFCConfigModel.getInstance();827    //         //     isSuccess = true;828    //         //     break;829    //         // case WIDGET_LIBRARY.CONST_CASE_APPROVE_BASIC_INFO:830    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(CaseApproveBasicInfoComponent);831    //         //     componentRef = viewContainerRef.createComponent(componentFactory);832    //         //     componentRef.instance.dataModel = CaseApproveBasicInfoDataModel.getInstance();833    //         //     componentRef.instance.configModel = CaseViewFormConfigModel.getInstance();834    //         //     isSuccess = true;835    //         //     break;836    //         // case WIDGET_LIBRARY.CONST_CASE_APPROVE_EDIT_FORM:837    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(CaseApproveEditCaseComponent);838    //         //     componentRef = viewContainerRef.createComponent(componentFactory);839    //         //     componentRef.instance.dataModel = CaseApproveEditCaseDataModel.getInstance();840    //         //     componentRef.instance.configModel = CaseApproveEditCaseConfigModel.getInstance();841    //         //     isSuccess = true;842    //         //     break;843    //         // case WIDGET_LIBRARY.CONST_CASE_ADD_REMARK_FORM:844    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(AddCaseRemarkFormComponent);845    //         //     componentRef = viewContainerRef.createComponent(componentFactory);846    //         //     componentRef.instance.dataModel = AddCaseRemarkDataModel.getInstance();847    //         //     componentRef.instance.configModel = AddCaseRemarkConfigModel.getInstance();848    //         //     isSuccess = true;849    //         //     break;850    //         // case WIDGET_LIBRARY.CONST_DEPT_ALLOCATE:851    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(CvAllocateDeptComponent);852    //         //     componentRef = viewContainerRef.createComponent(componentFactory);853    //         //     componentRef.instance.dataModel = AllocateDeptDataModel.getInstance();854    //         //     componentRef.instance.configModel = AllocateDeptConfigModel.getInstance();855    //         //     isSuccess = true;856    //         //     break;857    //         // case WIDGET_LIBRARY.CONST_REQUEST_NOTES_FORM:858    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(RequestNotesFormComponent);859    //         //     componentRef = viewContainerRef.createComponent(componentFactory);860    //         //     componentRef.instance.dataModel = RequestNotesFormDataModel.getInstance();861    //         //     componentRef.instance.configModel = RequestNotesFormConfigModel.getInstance();862    //         //     isSuccess = true;863    //         //     break;864    //         // case WIDGET_LIBRARY.CONST_REQUEST_NOTES_FORM2:865    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(RequestNotesForm2Component);866    //         //     componentRef = viewContainerRef.createComponent(componentFactory);867    //         //     componentRef.instance.dataModel = RequestNotesForm2DataModel.getInstance();868    //         //     componentRef.instance.configModel = RequestNotesForm2ConfigModel.getInstance();869    //         //     isSuccess = true;870    //         //     break;871    //         // case WIDGET_LIBRARY.QUOTATION_INVOICE_UPLOAD_FORM:872    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(QuotationInvoiceUploadComponent);873    //         //     componentRef = viewContainerRef.createComponent(componentFactory);874    //         //     componentRef.instance.dataModel = QuotationInvoiceUploadDataModel.getInstance();875    //         //     componentRef.instance.configModel = QuotationInvoiceUploadConfigModel.getInstance();876    //         //     isSuccess = true;877    //         //     break;878    //         // case WIDGET_LIBRARY.CLEARANCE_NOTE_FORM:879    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(ClearanceNoteFormComponent);880    //         //     componentRef = viewContainerRef.createComponent(componentFactory);881    //         //     componentRef.instance.dataModel = ClearanceNoteFormDataModel.getInstance();882    //         //     componentRef.instance.configModel = ClearanceNoteFormConfigModel.getInstance();883    //         //     isSuccess = true;884    //         //     break;885    //         // case WIDGET_LIBRARY.CASE_REPORTS_FILTER:886    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(ReportsFilterComponent);887    //         //     componentRef = viewContainerRef.createComponent(componentFactory);888    //         //     componentRef.instance.dataModel = ReportsFilterDataModel.getInstance();889    //         //     componentRef.instance.configModel = ReportsFilterConfigModel.getInstance();890    //         //     isSuccess = true;891    //         //     break;892    //         // case WIDGET_LIBRARY.CASE_REPORTS_UPLOAD:893    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(ReportsUploadComponent);894    //         //     componentRef = viewContainerRef.createComponent(componentFactory);895    //         //     componentRef.instance.dataModel = ReportsUploadDataModel.getInstance();896    //         //     componentRef.instance.configModel = ReportsUploadConfigModel.getInstance();897    //         //     isSuccess = true;898    //         //     break;899    //         // case WIDGET_LIBRARY.CLEARANCE_NOTE_TABLE:900    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(ClearanceNoteTableComponent);901    //         //     componentRef = viewContainerRef.createComponent(componentFactory);902    //         //     componentRef.instance.dataModel = ClearanceNoteTableDataModel.getInstance();903    //         //     componentRef.instance.configModel = ClearanceNoteTableConfigModel.getInstance();904    //         //     isSuccess = true;905    //         //     break;906    //         // case WIDGET_LIBRARY.CLEARANCE_NOTE_DROPDOWN:907    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(ClearanceNoteDropdownComponent);908    //         //     componentRef = viewContainerRef.createComponent(componentFactory);909    //         //     componentRef.instance.dataModel = ClearanceNoteDropdownDataModel.getInstance();910    //         //     componentRef.instance.configModel = ClearanceNoteDropdownConfigModel.getInstance();911    //         //     isSuccess = true;912    //         //     break;913    //         // case WIDGET_LIBRARY.CASE_REG_BTN:914    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(CaseRegBtnComponent);915    //         //     componentRef = viewContainerRef.createComponent(componentFactory);916    //         //     componentRef.instance.dataModel = CaseRegBtnDataModel.getInstance();917    //         //     componentRef.instance.configModel = CaseRegBtnConfigModel.getInstance();918    //         //     isSuccess = true;919    //         //     break;920    //         // case WIDGET_LIBRARY.CASE_ENGINEERS_FILTER:921    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(EngineersFilterComponent);922    //         //     componentRef = viewContainerRef.createComponent(componentFactory);923    //         //     componentRef.instance.dataModel = EngineersFilterDataModel.getInstance();924    //         //     componentRef.instance.configModel = EngineersFilterConfigModel.getInstance();925    //         //     isSuccess = true;926    //         //     break;927    //         // case WIDGET_LIBRARY.CONST_CASE_ACTION_BTN:928    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(CaseActionButtonsComponent);929    //         //     componentRef = viewContainerRef.createComponent(componentFactory);930    //         //     componentRef.instance.dataModel = CaseActionButtonsModel.getInstance();931    //         //     componentRef.instance.configModel = CaseActionButtonsConfigModel.getInstance();932    //         //     isSuccess = true;933    //         //     break;934    //         // case WIDGET_LIBRARY.SELECT_TAGGING:935    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(SelectTaggingComponent);936    //         //     componentRef = viewContainerRef.createComponent(componentFactory);937    //         //     componentRef.instance.dataModel = SelectTaggingDataModel.getInstance();938    //         //     componentRef.instance.configModel = SelectTaggingConfigModel.getInstance();939    //         //     isSuccess = true;940    //         //     break;941    //         // case WIDGET_LIBRARY.TAGGING_FORM:942    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(TaggingFormComponent);943    //         //     componentRef = viewContainerRef.createComponent(componentFactory);944    //         //     componentRef.instance.dataModel = TaggingFormDataModel.getInstance();945    //         //     componentRef.instance.configModel = TaggingFormConfigModel.getInstance();946    //         //     isSuccess = true;947    //         //     break;948    //         // case WIDGET_LIBRARY.CONST_DEPT_SCHEDULE:949    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(CvDeptScheduleComponent);950    //         //     componentRef = viewContainerRef.createComponent(componentFactory);951    //         //     componentRef.instance.dataModel = CvDeptScheduleDataModel.getInstance();952    //         //     componentRef.instance.configModel = CvDeptScheduleConfigModel.getInstance();953    //         //     isSuccess = true;954    //         //     break;955    //         // case WIDGET_LIBRARY.CONST_DEPT_SCHEDULE:956    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(CvDeptScheduleComponent);957    //         //     componentRef = viewContainerRef.createComponent(componentFactory);958    //         //     componentRef.instance.dataModel = CvDeptScheduleDataModel.getInstance();959    //         //     componentRef.instance.configModel = CvDeptScheduleConfigModel.getInstance();960    //         //     isSuccess = true;961    //         //     break;962    //         // case WIDGET_LIBRARY.CONST_CLARANCE_FILTER:963    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(ClearanceFilterComponent);964    //         //     componentRef = viewContainerRef.createComponent(componentFactory);965    //         //     componentRef.instance.dataModel = ClearanceFilterDataModel.getInstance();966    //         //     componentRef.instance.configModel = ClearanceFilterConfigModel.getInstance();967    //         //     isSuccess = true;968    //         //     break;969    //         // case WIDGET_LIBRARY.CASE_CERTIFIACTE_HANDLER_FILTER:970    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(CertificateHandlerFilterComponent);971    //         //     componentRef = viewContainerRef.createComponent(componentFactory);972    //         //     componentRef.instance.dataModel = CertificateHandlerFilterDataModel.getInstance();973    //         //     componentRef.instance.configModel = CertificateHandlerFilterConfigModel.getInstance();974    //         //     isSuccess = true;975    //         //     break;976    //         // case WIDGET_LIBRARY.FORGOT_PASS_USR_NAME_FORM:977    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(ForgotPassUsernameFormComponent);978    //         //     componentRef = viewContainerRef.createComponent(componentFactory);979    //         //     componentRef.instance.dataModel = ForgotPassUsernameFormDataModel.getInstance();980    //         //     componentRef.instance.configModel = ForgotPassUsernameFormConfigModel.getInstance();981    //         //     isSuccess = true;982    //         //     break;983    //         // case WIDGET_LIBRARY.MORE_INFO_LINK_FORM:984    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(MoreInfoLinkDataComponent);985    //         //     componentRef = viewContainerRef.createComponent(componentFactory);986    //         //     componentRef.instance.dataModel = MoreInfoFormDataModel.getInstance();987    //         //     componentRef.instance.configModel = MoreInfoFormConfigModel.getInstance();988    //         //     isSuccess = true;989    //         //     break;990    //         // case WIDGET_LIBRARY.SYNC_INFO_FORM:991    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(SyncInfoComponent);992    //         //     componentRef = viewContainerRef.createComponent(componentFactory);993    //         //     componentRef.instance.dataModel = SyncInfoDataModel.getInstance();994    //         //     componentRef.instance.configModel = SyncInfoConfigModel.getInstance();995    //         //     isSuccess = true;996    //         //     break;997    //         // case WIDGET_LIBRARY.CASE_DOC_TABLE_A2:998    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(DocumentTableA2Component);999    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1000    //         //     componentRef.instance.dataModel = DocumentTableA2DataModel.getInstance();1001    //         //     componentRef.instance.configModel = DocumentTableA2ConfigModel.getInstance();1002    //         //     isSuccess = true;1003    //         //     break;1004    //         // case WIDGET_LIBRARY.ADD_BTN_COMP_REG_DOC_UPLOAD:1005    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(AddBtnCompRegDocUploadComponent);1006    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1007    //         //     componentRef.instance.dataModel = AddBtnCompRegDocUploadDataModel.getInstance();1008    //         //     componentRef.instance.configModel = AddBtnCompRegDocUploadConfigModel.getInstance();1009    //         //     isSuccess = true;1010    //         //     break;1011    //         // case WIDGET_LIBRARY.CSP_SEARCH:1012    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(CspSearchComponent);1013    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1014    //         //     componentRef.instance.dataModel = CSPSearchDataModel.getInstance();1015    //         //     componentRef.instance.configModel = CSPSearchConfigModel.getInstance();1016    //         //     isSuccess = true;1017    //         //     break;1018    //         // case WIDGET_LIBRARY.CSP_INFO:1019    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(CspInfoComponent);1020    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1021    //         //     componentRef.instance.dataModel = CSPInfoDataModel.getInstance();1022    //         //     componentRef.instance.configModel = CSPInfoConfigModel.getInstance();1023    //         //     isSuccess = true;1024    //         //     break;1025    //         // case WIDGET_LIBRARY.ADD_BTN_ADD_ENGINEER:1026    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(AddBtnAddEngineerComponent);1027    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1028    //         //     componentRef.instance.dataModel = AddBtnAddEngineerDataModel.getInstance();1029    //         //     componentRef.instance.configModel = AddBtnAddEngineerConfigModel.getInstance();1030    //         //     isSuccess = true;1031    //         //     break;1032    //         // case WIDGET_LIBRARY.SHORT_CLOSE_REMARK:1033    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(ShortCloseRemarkComponent);1034    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1035    //         //     componentRef.instance.dataModel = ShortCloseRemarkDataModel.getInstance();1036    //         //     componentRef.instance.configModel = ShortCloseRemarkConfigModel.getInstance();1037    //         //     isSuccess = true;1038    //         //     break;1039    //         // case WIDGET_LIBRARY.SHORT_CLOSE_VIEW_INFO:1040    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(CaseShortCloseViewInfoComponent);1041    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1042    //         //     componentRef.instance.dataModel = CaseShortCloseViewInfoDataModel.getInstance();1043    //         //     componentRef.instance.configModel = CaseShortCloseViewInfoConfigModel.getInstance();1044    //         //     isSuccess = true;1045    //         //     break;1046    //         // case WIDGET_LIBRARY.CASE_STATUS_CARD_GROUP:1047    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(CaseStatusCardGroupComponent);1048    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1049    //         //     componentRef.instance.dataModel = CaseStatusCardGroupDataModel.getInstance();1050    //         //     componentRef.instance.configModel = CaseStatusCardGroupConfigModel.getInstance();1051    //         //     isSuccess = true;1052    //         //     break;1053    //         // case WIDGET_LIBRARY.DEPT_CASE_CARD_GROUP:1054    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(DeptCaseCardGroupComponent);1055    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1056    //         //     componentRef.instance.dataModel = DeptCaseCardGroupDataModel.getInstance();1057    //         //     componentRef.instance.configModel = DeptCaseCardGroupConfigModel.getInstance();1058    //         //     isSuccess = true;1059    //         //     break;1060    //         // case WIDGET_LIBRARY.CASE_TYPE_CARD_GROUP:1061    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(CaseTypeCardGroupComponent);1062    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1063    //         //     componentRef.instance.dataModel = CaseTypeCardGroupDataModel.getInstance();1064    //         //     componentRef.instance.configModel = CaseTypeCardGroupConfigModel.getInstance();1065    //         //     isSuccess = true;1066    //         //     break;1067    //         // case WIDGET_LIBRARY.CONST_BAR_CHART_A5_NAME:1068    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(BarChartA5Component);1069    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1070    //         //     componentRef.instance.dataModel = BarChartA5Model.getInstance();1071    //         //     componentRef.instance.configModel = BarChartA5ConfigModel.getInstance();1072    //         //     isSuccess = true;1073    //         //     break;1074    //         // case WIDGET_LIBRARY.FINANCE_CARD:1075    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(FinanceCardComponent);1076    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1077    //         //     componentRef.instance.dataModel = FinanceCardDataModel.getInstance();1078    //         //     componentRef.instance.configModel = FinanceCardConfigModel.getInstance();1079    //         //     isSuccess = true;1080    //         //     break;1081    //         // case WIDGET_LIBRARY.DASH_CHART_FILTER_A1:1082    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(DashChartFilterA1Component);1083    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1084    //         //     componentRef.instance.dataModel = DashChartFilterA1DataModel.getInstance();1085    //         //     componentRef.instance.configModel = DashChartFilterA1ConfigModel.getInstance();1086    //         //     isSuccess = true;1087    //         //     break;1088    //         // case WIDGET_LIBRARY.TABLE_ACTION_BTN:1089    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(TableActionBtnComponent);1090    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1091    //         //     componentRef.instance.dataModel = TableActionBtnDataModel.getInstance();1092    //         //     componentRef.instance.configModel = TableActionBtnConfigModel.getInstance();1093    //         //     isSuccess = true;1094    //         //     break;1095    //         // case WIDGET_LIBRARY.CASE_STATUS_CARD_GROUP_A2:1096    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(CaseStatusCardGroupA2Component);1097    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1098    //         //     componentRef.instance.dataModel = CaseStatusCardGroupA2DataModel.getInstance();1099    //         //     componentRef.instance.configModel = CaseStatusCardGroupA2ConfigModel.getInstance();1100    //         //     isSuccess = true;1101    //         //     break;1102    //         // case WIDGET_LIBRARY.CONST_ACCORDION_A1:1103    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(AccordionA1Component);1104    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1105    //         //     componentRef.instance.dataModel = AccordionA1Model.getInstance();1106    //         //     componentRef.instance.configModel = AccordionA1ConfigModel.getInstance();1107    //         //     isSuccess = true;1108    //         //     break;1109    //         // case WIDGET_LIBRARY.CASE_STATUS_CARD_GROUP_A3:1110    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(CaseStatusCardGroupA3Component);1111    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1112    //         //     componentRef.instance.dataModel = CaseStatusCardGroupA3DataModel.getInstance();1113    //         //     componentRef.instance.configModel = CaseStatusCardGroupA3ConfigModel.getInstance();1114    //         //     isSuccess = true;1115    //         //     break;1116    //         // case WIDGET_LIBRARY.DISPATCH_SEARCH:1117    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(DispatchSearchComponent);1118    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1119    //         //     componentRef.instance.dataModel = DispatchSearchDataModel.getInstance();1120    //         //     componentRef.instance.configModel = DispatchSearchConfigModel.getInstance();1121    //         //     isSuccess = true;1122    //         //     break;1123    //         // case WIDGET_LIBRARY.CASE_TEST_STOP_FORM:1124    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(CaseTestStopFormComponent);1125    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1126    //         //     componentRef.instance.dataModel = CaseTestStopDataModel.getInstance();1127    //         //     componentRef.instance.configModel = CaseTestStopConfigModel.getInstance();1128    //         //     isSuccess = true;1129    //         //     break;1130    //         // case WIDGET_LIBRARY.DISPATCH_INFO:1131    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(DispatchInfoComponent);1132    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1133    //         //     componentRef.instance.dataModel = DispatchInfoDataModel.getInstance();1134    //         //     componentRef.instance.configModel = DispatchInfoConfigModel.getInstance();1135    //         //     isSuccess = true;1136    //         //     break;1137    //         // case WIDGET_LIBRARY.LINE_CHART_DROPDOWN_A1:1138    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(LineChartDropdownA1Component);1139    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1140    //         //     componentRef.instance.dataModel = LineChartDropdownA1DataModel.getInstance();1141    //         //     componentRef.instance.configModel = LineChartDropdownA1ConfigModel.getInstance();1142    //         //     isSuccess = true;1143    //         //     break;1144    //         // case WIDGET_LIBRARY.LINE_CHART_DROPDOWN_A2:1145    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(LineChartDropdownA2Component);1146    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1147    //         //     componentRef.instance.dataModel = LineChartDropdownA2DataModel.getInstance();1148    //         //     componentRef.instance.configModel = LineChartDropdownA2ConfigModel.getInstance();1149    //         //     isSuccess = true;1150    //         //     break;1151    //         // case WIDGET_LIBRARY.BAR_CHART_DROPDOWN_A1:1152    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(BarChartDropdownA1Component);1153    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1154    //         //     componentRef.instance.dataModel = BarChartDropdownA1DataModel.getInstance();1155    //         //     componentRef.instance.configModel = BarChartDropdownA1ConfigModel.getInstance();1156    //         //     isSuccess = true;1157    //         //     break;1158    //         // case WIDGET_LIBRARY.STACKED_BAR_CHART_A1:1159    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(StackedBarChartA1Component);1160    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1161    //         //     componentRef.instance.dataModel = StackedBarChartA1Model.getInstance();1162    //         //     componentRef.instance.configModel = StackedBarChartA1ConfigModel.getInstance();1163    //         //     isSuccess = true;1164    //         //     break;1165    //         // case WIDGET_LIBRARY.ADD_DISPATCH_FORM:1166    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(AddDispatchFormComponent);1167    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1168    //         //     componentRef.instance.dataModel = AddDespFormDataModel.getInstance();1169    //         //     componentRef.instance.configModel = AddDespFormConfigModel.getInstance();1170    //         //     isSuccess = true;1171    //         //     break;1172    //         // case WIDGET_LIBRARY.QUERY_VIEW_INFO:1173    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(QueryViewInfoComponent);1174    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1175    //         //     componentRef.instance.dataModel = QueryViewInfoDataModel.getInstance();1176    //         //     componentRef.instance.configModel = QueryViewInfoConfigModel.getInstance();1177    //         //     isSuccess = true;1178    //         //     break;1179    //         // case WIDGET_LIBRARY.CONST_CASE_QUERY_REPLY:1180    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(QueryReplyComponent);1181    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1182    //         //     componentRef.instance.dataModel = QueryReplyDataModel.getInstance();1183    //         //     componentRef.instance.configModel = QueryReplyConfigModel.getInstance();1184    //         //     isSuccess = true;1185    //         //     break;1186    //         // case WIDGET_LIBRARY.QUERY_RESPONSE_INFO:1187    //         //     componentFactory = this._componentFactoryResolver.resolveComponentFactory(QueryResponseInfoComponent);1188    //         //     componentRef = viewContainerRef.createComponent(componentFactory);1189    //         //     componentRef.instance.dataModel = QueryResponseInfoDataModel.getInstance();1190    //         //     componentRef.instance.configModel = QueryResponseInfoConfigModel.getInstance();1191    //         //     isSuccess = true;1192    //         //     break;1193            1194    //         //     case WIDGET_LIBRARY.CONST_REQUEST_NOTE_ACTION_BTN:1195    //         //         componentFactory = this._componentFactoryResolver.resolveComponentFactory(RequestNoteActionBtnsComponent);1196    //         //         componentRef = viewContainerRef.createComponent(componentFactory);1197    //         //         componentRef.instance.dataModel = RequestNoteActionBtnsModel.getInstance();1198    //         //         componentRef.instance.configModel = RequestNoteActionBtnsConfigModel.getInstance();1199    //         //         isSuccess = true;1200    //         //         break;1201    //         //         case WIDGET_LIBRARY.TAG_FILTER:1202    //         //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(TagFilterComponent);1203    //         //             componentRef = viewContainerRef.createComponent(componentFactory);1204    //         //             componentRef.instance.dataModel = TagFilterDataModel.getInstance();1205    //         //             componentRef.instance.configModel = TagFilterConfigModel.getInstance();1206    //         //             isSuccess = true;1207    //         //             break;1208    //         //             case WIDGET_LIBRARY.MIS_REPORT_FILTER:1209    //         //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(MisReportFilterComponent);1210    //         //             componentRef = viewContainerRef.createComponent(componentFactory);1211    //         //             componentRef.instance.dataModel = MISReportsFilterDataModel.getInstance();1212    //         //             componentRef.instance.configModel = MISReportsFilterConfigModel.getInstance();1213    //         //             isSuccess = true;1214    //         //             break;1215    //         //             case WIDGET_LIBRARY.DYNAMIC_TABLE:1216    //         //             componentFactory = this._componentFactoryResolver.resolveComponentFactory(DynamicTableComponent);1217    //         //             componentRef = viewContainerRef.createComponent(componentFactory);1218    //         //             componentRef.instance.dataModel = DynamicTableDataModel.getInstance();1219    //         //             componentRef.instance.configModel = DynamicTableDataConfigModel.getInstance();1220    //         //             isSuccess = true;1221    //         //             break;1222    //         //             case WIDGET_LIBRARY.MIS_REPORTS_DETAILS:1223    //         //                 componentFactory = this._componentFactoryResolver.resolveComponentFactory(MisReportDetailsComponent);1224    //         //                 componentRef = viewContainerRef.createComponent(componentFactory);1225    //         //                 componentRef.instance.dataModel = MISReportsDetailsDataModel.getInstance();1226    //         //                 componentRef.instance.configModel = MISReportsDetailsConfigModel.getInstance();1227    //         //                 isSuccess = true;1228    //         //                 break;1229    //         //             case WIDGET_LIBRARY.MIS_REPORT_ACTION_BUTTON:1230    //         //                 componentFactory = this._componentFactoryResolver.resolveComponentFactory(MisReportActionButtonComponent);1231    //         //                 componentRef = viewContainerRef.createComponent(componentFactory);1232    //         //                 componentRef.instance.dataModel = MISReportsActionButtonModel.getInstance();1233    //         //                 componentRef.instance.configModel = MISReportsActionButtonConfigModel.getInstance();1234    //         //                 isSuccess = true;1235    //         //                 break;1236    //         //             case WIDGET_LIBRARY.DYNAMIC_FILTER:1237    //         //                 componentFactory = this._componentFactoryResolver.resolveComponentFactory(DynamicFilterComponent);1238    //         //                 componentRef = viewContainerRef.createComponent(componentFactory);1239    //         //                 componentRef.instance.dataModel = DynamicFilterDataModel.getInstance();1240    //         //                 componentRef.instance.configModel = DynamicFilterConfigModel.getInstance();1241    //         //                 isSuccess = true;1242    //         //                 break;1243    //         //             case WIDGET_LIBRARY.CONST_CV_CASE_CHECK:1244    //         //                 componentFactory = this._componentFactoryResolver.resolveComponentFactory(CvCaseChecklistComponent);1245    //         //                 componentRef = viewContainerRef.createComponent(componentFactory);1246    //         //                 componentRef.instance.dataModel = CvChechklistDataModel.getInstance();1247    //         //                 componentRef.instance.configModel = CvChecklistConfigModel.getInstance();1248    //         //                 isSuccess = true;1249    //         //                 break;1250    //         //             case WIDGET_LIBRARY.DOCUMENT_VIEWER:1251    //         //                 componentFactory = this._componentFactoryResolver.resolveComponentFactory(DocumentViewerComponent);1252    //         //                 componentRef = viewContainerRef.createComponent(componentFactory);1253    //         //                 componentRef.instance.dataModel = DocumentViewerDataModel.getInstance();1254    //         //                 componentRef.instance.configModel = DocumentViewerConfigModel.getInstance();1255    //         //                 isSuccess = true;1256    //         //                 break;1257    //     }1258    //     return { isSuccess, componentRef };1259    // }...

Using AI Code Generation

1import { componentFactory } from 'storybook-root-decorator';2import { withKnobs } from '@storybook/addon-knobs';3import { withInfo } from '@storybook/addon-info';4import { storiesOf } from '@storybook/react';5import React from 'react';6import { Button } from 'react-native';7import { View } from 'react-native';8import { Text } from 'react-native';9import { Image } from 'react-native';10import { StyleSheet } from 'react-native';11import { TouchableOpacity } from 'react-native';12import { SafeAreaView } from 'react-native';13import { ScrollView } from 'react-native';14import { Dimensions } from 'react-native';15import { TextInput } from 'react-native';16import { Alert } from 'react-native';17import { Linking } from 'react-native';18import { KeyboardAvoidingView } from 'react-native';19import { Platform } from 'react-native';20import { TouchableHighlight } from 'react-native';21import { DatePickerIOS } from 'react-native';22import { Picker } from 'react-native';23import { Modal } from 'react-native';24import { TouchableWithoutFeedback } from 'react-native';25import { DatePickerAndroid } from 'react-native';

Using AI Code Generation

1import { componentFactory } from 'storybook-root-decorator';2import { storiesOf } from '@storybook/react';3import { withInfo } from '@storybook/addon-info';4import { action } from '@storybook/addon-actions';5import { withKnobs, text, boolean, number } from '@storybook/addon-knobs';6import { withA11y } from '@storybook/addon-a11y';7const stories = storiesOf('Component', module);8stories.addDecorator(withInfo);9stories.addDecorator(withKnobs);10stories.addDecorator(withA11y);11stories.add('Component', () => {12  const props = {13    children: componentFactory('Component', 'Component'),14  };15  return <Component {...props} />;16});17import { componentFactory } from 'storybook-root-decorator';18import { storiesOf } from '@storybook/react';19import { withInfo } from '@storybook/addon-info';20import { action } from '@storybook/addon-actions';21import { withKnobs, text, boolean, number } from '@storybook/addon-knobs';22import { withA11y } from '@storybook/addon-a11y';23const stories = storiesOf('Component', module);24stories.addDecorator(withInfo);25stories.addDecorator(withKnobs);26stories.addDecorator(withA11y);27stories.add('Component', () => {28  const props = {29    children: componentFactory('Component', 'Component'),30  };31  return <Component {...props} />;32});33import { componentFactory } from 'storybook-root-decorator';34import { storiesOf } from '@storybook/react';35import { withInfo } from '@storybook/addon-info';36import { action } from '@storybook/addon-actions';37import { withKnobs, text, boolean, number } from '@storybook/addon-knobs';38import { withA11y } from '@storybook/addon-a11y';39const stories = storiesOf('Component', module);40stories.addDecorator(withInfo);41stories.addDecorator(withKnobs);42stories.addDecorator(withA11y);43stories.add('Component', () => {44  const props = {45    children: componentFactory('Component', 'Component'),46  };

Using AI Code Generation

1import { componentFactory } from 'storybook-root-decorator';2export default {3};4export const Test = () => {5  return <div>Test</div>;6};7Test.story = {8  parameters: {9  },10};11export const Test1 = () => {12  return <div>Test1</div>;13};14Test1.story = {15  parameters: {16  },17};18export const Test2 = () => {19  return <div>Test2</div>;20};21Test2.story = {22  parameters: {23  },24};25export const Test3 = () => {26  return <div>Test3</div>;27};28Test3.story = {29  parameters: {30  },31};32export const Test4 = () => {33  return <div>Test4</div>;34};35Test4.story = {36  parameters: {37  },38};39export const Test5 = () => {40  return <div>Test5</div>;41};

Using AI Code Generation

1import { componentFactory } from 'storybook-root-decorator';2import { storiesOf } from '@storybook/react';3import { withInfo } from '@storybook/addon-info';4const stories = storiesOf('MyComponent', module);5stories.addDecorator(withInfo);6stories.add('default', componentFactory(() => <MyComponent />));7import { configure, addDecorator } from '@storybook/react';8import { withInfo } from '@storybook/addon-info';9import { withRootDecorator } from 'storybook-root-decorator';10addDecorator(withInfo);11addDecorator(withRootDecorator);12configure(() => {13  require('../test.js');14}, module);

Using AI Code Generation

1import { componentFactory } from 'storybook-root-decorator';2import { storiesOf } from '@storybook/react';3storiesOf('MyComponent', module).add('MyComponent', () => {4  const MyComponent = componentFactory('MyComponent');5  return <MyComponent />;6});7import React from 'react';8import { componentFactory } from 'storybook-root-decorator';9const MyComponent = props => {10  return <div>MyComponent</div>;11};12export default componentFactory('MyComponent', MyComponent);13import React from 'react';14import { shallow } from 'enzyme';15import MyComponent from './index';16describe('MyComponent', () => {17  it('should render correctly', () => {18    const component = shallow(<MyComponent />);19    expect(component).toMatchSnapshot();20  });21});22import React from 'react';23const MyComponent = props => {24  return <div>MyComponent</div>;25};26export default MyComponent;27import React from 'react';28import { shallow } from 'enzyme';29import MyComponent from './MyComponent';30describe('MyComponent', () => {31  it('should render correctly', () => {32    const component = shallow(<MyComponent />);33    expect(component).toMatchSnapshot();34  });35});36import React from 'react';37import { storiesOf } from '@storybook/react';38import { componentFactory } from 'storybook-root-decorator';39const MyComponent = componentFactory('MyComponent');40storiesOf('MyComponent', module).add('MyComponent', () => {41  return <MyComponent />;42});43import React from 'react';44import { storiesOf } from '@storybook/react';45import

Using AI Code Generation

1import { componentFactory } from 'storybook-root-decorator';2const stories = storiesOf('MyComponent', module);3stories.addDecorator(componentFactory);4stories.add('default', () => <MyComponent />);5import { componentFactory } from 'storybook-root-decorator';6const stories = storiesOf('MyComponent', module);7stories.addDecorator(componentFactory);8stories.add('default', () => <MyComponent />);9import { componentFactory } from 'storybook-root-decorator';10const stories = storiesOf('MyComponent', module);11stories.addDecorator(componentFactory);12stories.add('default', () => <MyComponent />);13import { componentFactory } from 'storybook-root-decorator';14const stories = storiesOf('MyComponent', module);15stories.addDecorator(componentFactory);16stories.add('default', () => <MyComponent />);17import { componentFactory } from 'storybook-root-decorator';18const stories = storiesOf('MyComponent', module);19stories.addDecorator(componentFactory);20stories.add('default', () => <MyComponent />);21import { componentFactory } from 'storybook-root-decorator';22const stories = storiesOf('MyComponent', module);23stories.addDecorator(componentFactory);24stories.add('default', () => <MyComponent />);25import { componentFactory } from 'storybook-root-decorator';

Using AI Code Generation

1import { componentFactory } from 'storybook-root-decorator';2const Story = componentFactory({3    h1 {4      color: red;5    }6});7export default {8};9export const Default = () => Story();10Default.story = {11};