problem solved for using csv file

2022-08-30 08:55:55 -03:00
28 changed files with 30684 additions and 9728 deletions
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -8,7 +8,12 @@
  ],
  "overrides": [
    {
-      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "files": [
+        "*.ts",
+        "*.tsx",
+        "*.js",
+        "*.jsx"
+      ],
      "rules": {
        "@nrwl/nx/enforce-module-boundaries": [
          "error",
@@ -16,25 +21,39 @@
            "enforceBuildableLibDependency": true,
            "allow": [],
            "depConstraints": [
-              { "sourceTag": "*", "onlyDependOnLibsWithTags": ["*"] }
+              {
+                "sourceTag": "*",
+                "onlyDependOnLibsWithTags": [
+                  "*"
+                ]
+              }
            ]
          }
        ]
      }
    },
    {
-      "files": ["*.ts", "*.tsx"],
-      "extends": ["plugin:@nrwl/nx/typescript"],
+      "files": [
+        "*.ts",
+        "*.tsx"
+      ],
+      "extends": [
+        "plugin:@nrwl/nx/typescript"
+      ],
      "parserOptions": { "project": "./tsconfig.*?.json" },
      "rules": {
        "semi": "off",
-        "@typescript-eslint/semi": ["error"],
-        "@typescript-eslint/ban-ts-comment": "off"
+        "@typescript-eslint/semi": ["error"]
      }
    },
    {
-      "files": ["*.js", "*.jsx"],
-      "extends": ["plugin:@nrwl/nx/javascript"],
+      "files": [
+        "*.js",
+        "*.jsx"
+      ],
+      "extends": [
+        "plugin:@nrwl/nx/javascript"
+      ],
      "rules": {}
    }
  ]
--- a/.github/workflows/on-publish.yml
+++ b/.github/workflows/on-publish.yml
@@ -26,8 +26,8 @@ jobs:
    runs-on: ubuntu-latest
    needs: one_run
    steps:
-      - uses: actions/checkout@v3
-      - uses: actions/cache@v3
+      - uses: actions/checkout@v2.3.4
+      - uses: actions/cache@v2.1.4
        id: cache
        with:
          path: node_modules
@@ -40,27 +40,25 @@ jobs:
    needs: install
    runs-on: ubuntu-latest
    steps:
-      - uses: actions/checkout@v3
-      - uses: actions/cache@v3
+      - uses: actions/checkout@v2.3.4
+      - uses: actions/cache@v2.1.4
        with:
          path: node_modules
          key: node_modules-${{ hashFiles('**/package-lock.json') }}
-      - uses: actions/cache@v3
+      - uses: actions/cache@v2.1.4
        with:
          path: |
            dist
          key: dist-${{ github.run_id }}
-      - run: |
-          npx nx run ng2-file-upload:build
-          npx nx run ng2-file-upload-demo:build
+      - run: npx ng build --prod

  # update release notes in github
  update_release_draft:
    needs: install
    runs-on: ubuntu-latest
    steps:
-      - uses: actions/checkout@v3
-      - uses: actions/cache@v3
+      - uses: actions/checkout@v2.3.4
+      - uses: actions/cache@v2.1.4
        with:
          path: node_modules
          key: node_modules-${{ hashFiles('**/package-lock.json') }}
@@ -71,17 +69,17 @@ jobs:
    runs-on: ubuntu-latest
    needs: build
    steps:
-      - uses: actions/checkout@v3
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v2.3.4
+      - uses: actions/checkout@v2.3.4
        with:
          ref: 'gh-pages'
          path: 'gh-pages'

-      - uses: actions/cache@v3
+      - uses: actions/cache@v2.1.4
        with:
          path: node_modules
          key: node_modules-${{ hashFiles('**/package-lock.json') }}
-      - uses: actions/cache@v3
+      - uses: actions/cache@v2.1.4
        with:
          path: |
            dist
@@ -106,12 +104,12 @@ jobs:
    runs-on: ubuntu-latest
    needs: build
    steps:
-      - uses: actions/checkout@v3
-      - uses: actions/cache@v3
+      - uses: actions/checkout@v2.3.4
+      - uses: actions/cache@v2.1.4
        with:
          path: node_modules
          key: node_modules-${{ hashFiles('**/package-lock.json') }}
-      - uses: actions/cache@v3
+      - uses: actions/cache@v2.1.4
        with:
          path: |
            dist
--- a/.github/workflows/on-push-or-pull.yml
+++ b/.github/workflows/on-push-or-pull.yml
@@ -59,7 +59,7 @@ jobs:
        with:
          path: ${{ env.CACHE_DIST_PATH }}
          key: dist-${{ github.run_id }}
-      - run: npx nx run ng2-file-upload-demo:build
+      - run: npx ng build --prod

  # run unit tests
  unit_tests_with_coverage:
--- a/angular.json
+++ b/angular.json
@@ -2,6 +2,7 @@
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
+  "defaultProject": "ng2-file-upload-demo",
  "projects": {
    "ng2-file-upload": {
      "root": "libs/ng2-file-upload",
@@ -29,10 +30,7 @@
            "lintFilePatterns": [
              "libs/ng2-file-upload/**/*.ts"
            ]
-          },
-          "outputs": [
-            "{options.outputFile}"
-          ]
+          }
        },
        "test": {
          "builder": "@nrwl/jest:jest",
@@ -40,13 +38,14 @@
            "coverage/libs/ng2-file-upload"
          ],
          "options": {
-            "jestConfig": "libs/ng2-file-upload/jest.config.ts",
+            "jestConfig": "libs/ng2-file-upload/jest.config.js",
            "passWithNoTests": true
          }
        },
        "version": {
          "builder": "@nrwl/workspace:run-commands",
-          "outputs": [],
+          "outputs": [
+          ],
          "options": {
            "commands": [
              "ts-node ./scripts/set-version.ts",
@@ -60,10 +59,7 @@
            "production": {}
          }
        }
-      },
-      "tags": [
-        "lib"
-      ]
+      }
    },
    "ng2-file-upload-demo": {
      "root": "apps/demo",
@@ -114,16 +110,16 @@
              ]
            }
          },
-          "defaultConfiguration": "production"
+          "defaultConfiguration": ""
        },
        "serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
-            "browserTarget": "ng2-file-upload-demo:build:production"
+            "browserTarget": "ng2-file-upload-demo:build"
          },
          "configurations": {
            "production": {
-              "browserTarget": "ng2-file-upload-demo:build"
+              "browserTarget": "ng2-file-upload-demo:build:production"
            }
          }
        },
@@ -133,16 +129,18 @@
            "lintFilePatterns": [
              "apps/demo/**/*.ts"
            ]
-          },
-          "outputs": [
-            "{options.outputFile}"
-          ]
+          }
        }
-      },
-      "tags": [],
-      "implicitDependencies": [
-        "ng2-file-upload"
-      ]
+      }
+    }
+  },
+  "schematics": {
+    "@schematics/angular:component": {
+      "prefix": "",
+      "styleext": "css"
+    },
+    "@schematics/angular:directive": {
+      "prefix": ""
    }
  }
 }
--- a/apps/demo/.eslintrc.json
+++ b/apps/demo/.eslintrc.json
@@ -1,28 +1,20 @@
 {
-  "extends": [
-    "../../.eslintrc.json"
-  ],
-  "ignorePatterns": [
-    "!**/*"
-  ],
+  "extends": ["../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
  "overrides": [
    {
-      "files": [
-        "*.ts"
-      ],
+      "files": ["*.ts"],
      "extends": [
        "plugin:@nrwl/nx/angular",
        "plugin:@angular-eslint/template/process-inline-templates"
      ],
-      "rules": {}
+      "parserOptions": { "project": ["src/accordion/tsconfig.*?.json"] },
+      "rules": {
+      }
    },
    {
-      "files": [
-        "*.html"
-      ],
-      "extends": [
-        "plugin:@nrwl/nx/angular-template"
-      ],
+      "files": ["*.html"],
+      "extends": ["plugin:@nrwl/nx/angular-template"],
      "rules": {}
    }
  ]
--- a/apps/demo/src/app/components/file-upload-section.html
+++ b/apps/demo/src/app/components/file-upload-section.html
@@ -3,7 +3,9 @@
    <tabset>
      <tab *ngFor="let desc of tabs" heading="{{desc.heading}}" (select)="select($event)">
        <div class="card card-block p-3 border-top-0">
+
          <simple-demo></simple-demo>
+
          <br>
          <div class="container p-0">
            <div class="row" style="margin: 0px;">
--- a/apps/demo/tsconfig.json
+++ b/apps/demo/tsconfig.json
@@ -1,12 +1,10 @@
 {
  "extends": "../../tsconfig.base.json",
  "files": [
-    "./src/main.ts",
-    "../../scripts/polyfills.ts"
-  ],
-  "include": [
-    "./src/typings.d.ts"
+        "./src/main.ts",
+        "../../scripts/polyfills.ts"
  ],
+  "include": ["./src/typings.d.ts"],
  "references": [
    {
      "path": "./tsconfig.app.json"
@@ -18,10 +16,5 @@
      "path": "./tsconfig.editor.json"
    }
  ],
-  "exclude": [
-    "**/*.spec.ts"
-  ],
-  "compilerOptions": {
-    "target": "es2020"
-  }
+  "exclude": ["**/*.spec.ts"]
 }
--- a/jest.config.js
+++ b/jest.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+projects: [
+  '<rootDir>/libs/ng2-file-upload'
+]
+};
--- a/jest.config.ts
+++ b/jest.config.ts
@@ -1,3 +0,0 @@
-const { getJestProjects } = require('@nrwl/jest');
-
-export default {"projects": getJestProjects()};
--- a/jest.preset.js
+++ b/jest.preset.js
@@ -1,4 +1,4 @@
-const nxPreset = require('@nrwl/jest/preset').default;
+const nxPreset = require('@nrwl/jest/preset');
 module.exports = {
  ...nxPreset,
  ...{
--- a/libs/ng2-file-upload/.eslintrc.json
+++ b/libs/ng2-file-upload/.eslintrc.json
@@ -1,28 +1,20 @@
 {
-  "extends": [
-    "../../.eslintrc.json"
-  ],
-  "ignorePatterns": [
-    "!**/*"
-  ],
+  "extends": ["../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
  "overrides": [
    {
-      "files": [
-        "*.ts"
-      ],
+      "files": ["*.ts"],
      "extends": [
        "plugin:@nrwl/nx/angular",
        "plugin:@angular-eslint/template/process-inline-templates"
      ],
-      "rules": {}
+      "parserOptions": { "project": ["src/accordion/tsconfig.*?.json"] },
+      "rules": {
+      }
    },
    {
-      "files": [
-        "*.html"
-      ],
-      "extends": [
-        "plugin:@nrwl/nx/angular-template"
-      ],
+      "files": ["*.html"],
+      "extends": ["plugin:@nrwl/nx/angular-template"],
      "rules": {}
    }
  ]
--- a/libs/ng2-file-upload/file-upload/file-type.class.ts
+++ b/libs/ng2-file-upload/file-upload/file-type.class.ts
@@ -115,6 +115,7 @@ export class FileType {
      '3dm': 'image',
      mp3: 'audio',
      wav: 'audio',
+      csv: 'xls',
      wma: 'audio',
      mod: 'audio',
      m4a: 'audio',
--- a/libs/ng2-file-upload/file-upload/file-upload.module.ts
+++ b/libs/ng2-file-upload/file-upload/file-upload.module.ts
@@ -3,8 +3,6 @@ import { NgModule } from '@angular/core';

 import { FileDropDirective } from './file-drop.directive';
 import { FileSelectDirective } from './file-select.directive';
-export { FileDropDirective } from './file-drop.directive';
-export { FileSelectDirective } from './file-select.directive';

@NgModule({
  imports: [ CommonModule ],
--- a/libs/ng2-file-upload/jest.config.js
+++ b/libs/ng2-file-upload/jest.config.js
@@ -0,0 +1,26 @@
+module.exports = {
+  displayName: 'ng2-file-upload',
+  preset: '../../jest.preset.js',
+  setupFilesAfterEnv: ['<rootDir>/testing/test-setup.ts'],
+  globals: {
+    'ts-jest': {
+      tsconfig: '<rootDir>/tsconfig.spec.json',
+      astTransformers: {
+        before: [
+          'jest-preset-angular/build/InlineFilesTransformer',
+          'jest-preset-angular/build/StripStylesTransformer',
+        ]
+      }
+    }
+  },
+  transform: {
+    '^.+\\.[tj]sx?$':  'ts-jest'
+  },
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+  coverageDirectory: '../../coverage/libs/ng2-file-upload',
+  snapshotSerializers: [
+    'jest-preset-angular/build/AngularNoNgAttributesSnapshotSerializer.js',
+    'jest-preset-angular/build/AngularSnapshotSerializer.js',
+    'jest-preset-angular/build/HTMLCommentSerializer.js',
+  ]
+};
--- a/libs/ng2-file-upload/jest.config.ts
+++ b/libs/ng2-file-upload/jest.config.ts
@@ -1,21 +0,0 @@
-/* eslint-disable */
-export default {
-  displayName: 'ng2-file-upload',
-  preset: '../../jest.preset.js',
-  setupFilesAfterEnv: ['<rootDir>/testing/test-setup.ts'],
-  globals: {
-    'ts-jest': {
-      tsconfig: '<rootDir>/tsconfig.spec.json',
-
-    }
-  },
-  coverageDirectory: '../../coverage/libs/ng2-file-upload',
-  snapshotSerializers: [
-    'jest-preset-angular/build/serializers/no-ng-attributes',
-    'jest-preset-angular/build/serializers/ng-snapshot',
-    'jest-preset-angular/build/serializers/html-comment'
-  ],
-  transform: { '^.+.(ts|mjs|js|html)$': 'jest-preset-angular' },
-  transformIgnorePatterns: ['node_modules/(?!.*.mjs$)'],
-  moduleFileExtensions: ['mjs', 'ts', 'js', 'html']
-};
--- a/libs/ng2-file-upload/package.json
+++ b/libs/ng2-file-upload/package.json
@@ -5,8 +5,8 @@
  "author": "Dmitriy Shekhovtsov <valorkin@gmail.com>",
  "license": "MIT",
  "peerDependencies": {
-    "@angular/core": "^14.0.0",
-    "@angular/common": "^14.0.0"
+    "@angular/core": "^13.0.0",
+    "@angular/common": "^13.0.0"
  },
  "sideEffects": false,
  "publishConfig": {
--- a/libs/ng2-file-upload/testing/spec/file-drop.directive.spec.ts
+++ b/libs/ng2-file-upload/testing/spec/file-drop.directive.spec.ts
@@ -1,6 +1,6 @@
 import { Component, DebugElement } from '@angular/core';
 import { By } from '@angular/platform-browser';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { inject, ComponentFixture, TestBed } from '@angular/core/testing';

 import { FileUploader } from '../../file-upload/file-uploader.class';
 import { FileUploadModule } from '../../file-upload/file-upload.module';
@@ -28,7 +28,7 @@ describe('Directive: FileDropDirective', () => {
  beforeEach(() => {
    TestBed.configureTestingModule({
      imports: [ FileUploadModule ],
-      declarations: [ ContainerComponent, FileDropDirective ],
+      declarations: [ ContainerComponent ],
      providers: [ ContainerComponent ]
    });
  });
@@ -72,21 +72,19 @@ describe('Directive: FileDropDirective', () => {
    const filters = fileDropDirective.getFilters();

    // TODO: Update test once implemented
-    expect(filters).toBeFalsy();
+    expect(filters).toEqual({});
  });

  it('handles drop event', () => {
-    const drop = jest.spyOn(fileDropDirective, 'onDrop');
+    spyOn(fileDropDirective, 'onDrop');
+
    directiveElement.triggerEventHandler('drop', getFakeEventData());

-    expect(drop).toHaveBeenCalled();
+    expect(fileDropDirective.onDrop).toHaveBeenCalled();
  });

  it('adds file to upload', () => {
-    let addToQueue;
-    if (fileDropDirective.uploader?.addToQueue) {
-      addToQueue = jest.spyOn(fileDropDirective.uploader, 'addToQueue');
-    }
+    spyOn(fileDropDirective.uploader, 'addToQueue');

    let fileOverData;
    fileDropDirective.fileOver.subscribe((data: any) => fileOverData = data);
@@ -98,13 +96,13 @@ describe('Directive: FileDropDirective', () => {

    const uploadedFiles = getFakeEventData().dataTransfer.files;

-    expect(addToQueue).toHaveBeenCalledWith(uploadedFiles, fileDropDirective.getOptions(), fileDropDirective.getFilters());
+    expect(fileDropDirective.uploader.addToQueue).toHaveBeenCalledWith(uploadedFiles, fileDropDirective.getOptions(), fileDropDirective.getFilters());
    expect(fileOverData).toBeFalsy();
    expect(fileDropData).toEqual(uploadedFiles);
  });

  it('handles dragover event', () => {
-    jest.spyOn(fileDropDirective, 'onDragOver');
+    spyOn(fileDropDirective, 'onDragOver');

    directiveElement.triggerEventHandler('dragover', getFakeEventData());

@@ -121,7 +119,7 @@ describe('Directive: FileDropDirective', () => {
  });

  it('handles dragleave event', () => {
-    jest.spyOn(fileDropDirective, 'onDragLeave');
+    spyOn(fileDropDirective, 'onDragLeave');

    directiveElement.triggerEventHandler('dragleave', getFakeEventData());

--- a/libs/ng2-file-upload/testing/spec/file-select.directive.spec.ts
+++ b/libs/ng2-file-upload/testing/spec/file-select.directive.spec.ts
@@ -72,7 +72,7 @@ describe('Directive: FileSelectDirective', () => {
    const filters = fileSelectDirective.getFilters();

    // TODO: Update test once implemented
-    expect(filters).toEqual('');
+    expect(filters).toEqual({});
  });

  it('can check if element is empty', () => {
@@ -82,20 +82,18 @@ describe('Directive: FileSelectDirective', () => {
  });

  it('can listed on change event', () => {
-    const change = jest.spyOn(fileSelectDirective, 'onChange');
+    spyOn(fileSelectDirective, 'onChange');

    directiveElement.triggerEventHandler('change', {});

-    expect(change).toHaveBeenCalled();
+    expect(fileSelectDirective.onChange).toHaveBeenCalled();
  });

  it('handles change event', () => {
-    let addToQueue;
-    if (fileSelectDirective.uploader?.addToQueue) {
-      addToQueue = jest.spyOn(fileSelectDirective.uploader, 'addToQueue');
-    }
+    spyOn(fileSelectDirective.uploader, 'addToQueue');
+
    fileSelectDirective.onChange();

-    expect(addToQueue).toHaveBeenCalledWith(directiveElement.nativeElement.files, fileSelectDirective.getOptions(), fileSelectDirective.getFilters());
+    expect(fileSelectDirective.uploader.addToQueue).toHaveBeenCalledWith(directiveElement.nativeElement.files, fileSelectDirective.getOptions(), fileSelectDirective.getFilters());
  });
 });
--- a/libs/ng2-file-upload/testing/test-setup.ts
+++ b/libs/ng2-file-upload/testing/test-setup.ts
@@ -1 +1 @@
-import 'jest-preset-angular/setup-jest';
+import 'jest-preset-angular';
--- a/libs/ng2-file-upload/tsconfig.json
+++ b/libs/ng2-file-upload/tsconfig.json
@@ -17,8 +17,7 @@
    "forceConsistentCasingInFileNames": true,
    "strict": true,
    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "target": "es2020"
+    "noFallthroughCasesInSwitch": true
  },
  "angularCompilerOptions": {
    "strictInjectionParameters": true,
@@ -26,3 +25,4 @@
    "fullTemplateTypeCheck": true
  }
 }
+
--- a/libs/ng2-file-upload/tsconfig.lib.json
+++ b/libs/ng2-file-upload/tsconfig.lib.json
@@ -2,15 +2,12 @@
  "extends": "./tsconfig.json",
  "compilerOptions": {
    "outDir": "../../dist/out-tsc",
-    "target": "es2020",
+    "target": "es2015",
    "declaration": true,
    "declarationMap": true,
    "inlineSources": true,
    "types": [],
-    "lib": [
-      "dom",
-      "es2018"
-    ]
+    "lib": ["dom", "es2018"]
  },
  "angularCompilerOptions": {
    "skipTemplateCodegen": true,
@@ -21,8 +18,6 @@
    "**/*.ts"
  ],
  "exclude": [
-    "**/*.spec.ts",
-    "**/*.test.ts",
-    "jest.config.ts"
+    "**/*.spec.ts"
  ]
 }
--- a/libs/ng2-file-upload/tsconfig.lib.prod.json
+++ b/libs/ng2-file-upload/tsconfig.lib.prod.json
@@ -1,12 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
  "extends": "./tsconfig.lib.json",
  "compilerOptions": {
    "declarationMap": false
  },
  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  },
-  "exclude": [
-    "jest.config.ts"
-  ]
+    "enableIvy": false
+  }
 }
--- a/libs/ng2-file-upload/tsconfig.spec.json
+++ b/libs/ng2-file-upload/tsconfig.spec.json
@@ -3,18 +3,10 @@
  "compilerOptions": {
    "outDir": "../../dist/out-tsc",
    "module": "commonjs",
-    "types": [
-      "jest",
-      "node"
-    ]
+    "types": ["jest", "node"]
  },
-  "files": [
-    "testing/test-setup.ts"
-  ],
  "include": [
    "**/*.spec.ts",
-    "**/*.test.ts",
-    "**/*.d.ts",
-    "jest.config.ts"
+    "**/*.d.ts"
  ]
 }
--- a/nx.json
+++ b/nx.json
@@ -8,32 +8,31 @@
    ".eslintrc.json": "*",
    "nx.json": "*"
  },
+  "projects": {
+    "ng2-file-upload": {
+      "tags": [
+        "lib"
+      ]
+    },
+    "ng2-file-upload-demo": {
+      "tags": [],
+      "implicitDependencies": [
+        "ng2-file-upload"
+      ]
+
+    }
+  },
  "tasksRunnerOptions": {
    "default": {
-      "runner": "nx/tasks-runners/default",
+      "runner": "@nrwl/workspace/tasks-runners/default",
      "options": {
        "cacheableOperations": [
          "build",
          "lint",
          "test",
          "e2e"
-        ],
-        "parallel": 1
+        ]
      }
    }
-  },
-  "affected": {
-    "defaultBase": "master"
-  },
-  "defaultProject": "ng2-file-upload-demo",
-  "generators": {
-    "@schematics/angular:component": {
-      "prefix": "",
-      "styleext": "css"
-    },
-    "@schematics/angular:directive": {
-      "prefix": ""
-    }
-  },
-  "$schema": "./node_modules/nx/schemas/nx-schema.json"
+  }
 }
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -1,22 +1,23 @@
 {
  "name": "ng2-file-upload-base",
-  "version": "2.0.0-3",
+  "version": "3.0.0",
  "private": true,
  "description": "Angular file upload directives",
  "scripts": {
    "ng": "nx",
    "start": "ng serve",
    "demo.build": "ng build",
-    "demo.build-prod": "ng build",
+    "demo.build-prod": "ng build --configuration production",
    "build": "nx run ng2-file-upload:build",
-    "build-prod": "nx run ng2-file-upload:build",
-    "lint": "nx run-many --target=lint --all",
-    "test": "nx run-many --target=test --all",
+    "build-prod": "nx run ng2-file-upload:build:production",
+    "build.watch": "nx run ng2-file-upload:build --watch",
+    "test": "nx run-many --all --target=test",
    "version": "nx run ng2-file-upload:version",
+    "lint": "nx run-many --all --target=lint",
    "pretest": "run-s lint build",
    "test-coverage": "nx run-many --all --target=test --codeCoverage",
    "demo.gh-pages": "run-s build demo.build demo.deploy",
-    "demo.deploy": "gh-pages -d dist/apps/demo",
+    "demo.deploy": "gh-pages -d dist/apps/ng2-file-upload",
    "postinstall": "node ./decorate-angular-cli.js",
    "flow.github-release": "conventional-github-releaser -p angular"
  },
@@ -39,63 +40,62 @@
  "homepage": "https://github.com/valor-software/ng2-file-upload#readme",
  "peerDependencies": {},
  "devDependencies": {
-    "@angular-devkit/build-angular": "14.2.3",
-    "@angular-eslint/eslint-plugin": "14.0.4",
-    "@angular-eslint/eslint-plugin-template": "14.0.4",
-    "@angular-eslint/template-parser": "14.0.4",
-    "@angular/animations": "14.2.2",
-    "@angular/cli": "~14.2.0",
-    "@angular/common": "14.2.2",
-    "@angular/compiler": "14.2.2",
-    "@angular/compiler-cli": "14.2.2",
-    "@angular/core": "14.2.2",
-    "@angular/forms": "14.2.2",
-    "@angular/platform-browser": "14.2.2",
-    "@angular/platform-browser-dynamic": "14.2.2",
-    "@nrwl/angular": "14.7.5",
-    "@nrwl/cli": "14.7.5",
-    "@nrwl/eslint-plugin-nx": "14.7.5",
-    "@nrwl/jest": "14.7.5",
-    "@nrwl/linter": "14.7.5",
-    "@nrwl/node": "14.7.5",
+    "@angular-devkit/build-angular": "~13.3.0",
+    "@angular-devkit/build-ng-packagr": "^0.1002.0",
+    "@angular/animations": "~13.3.0",
+    "@angular/cli": "~13.3.0",
+    "@angular/common": "~13.3.0",
+    "@angular/compiler": "~13.3.0",
+    "@angular/compiler-cli": "~13.3.0",
+    "@angular/core": "~13.3.0",
+    "@angular/forms": "~13.3.0",
+    "@angular/platform-browser": "~13.3.0",
+    "@angular/platform-browser-dynamic": "~13.3.0",
+    "@angular-eslint/eslint-plugin": "13.1.0",
+    "@angular-eslint/eslint-plugin-template": "13.1.0",
+    "@angular-eslint/template-parser": "13.1.0",
+    "@nrwl/angular": "13.9.4",
+    "@nrwl/cli": "11.2.12",
+    "@nrwl/node": "13.9.4",
+    "@nrwl/eslint-plugin-nx": "13.9.4",
+    "@nrwl/jest": "13.9.4",
+    "@nrwl/linter": "13.9.4",
    "@types/fs-extra": "9.0.7",
-    "@types/jest": "28.1.8",
-    "@types/node": "18.7.1",
+    "@types/jest": "26.0.20",
+    "@types/node": "^12.11.1",
    "@types/webpack": "^5.0.0",
-    "@typescript-eslint/eslint-plugin": "5.33.1",
-    "@typescript-eslint/parser": "5.33.1",
+    "@typescript-eslint/eslint-plugin": "~4.28.3",
+    "@typescript-eslint/parser": "~4.28.3",
    "bootstrap": "3.3.7",
    "classlist-polyfill": "1.2.0",
    "codecov": "3.8.2",
+    "codelyzer": "^6.0.0",
    "conventional-changelog-cli": "2.1.1",
    "conventional-github-releaser": "3.1.5",
    "core-js": "^3.14.0",
-    "eslint": "8.15.0",
-    "eslint-config-prettier": "8.1.0",
+    "eslint": "8.11.0",
+    "eslint-config-prettier": "8.5.0",
    "fs-extra": "9.1.0",
    "gh-pages": "3.2.2",
    "google-code-prettify": "1.0.5",
    "html-loader": "^1.3.2",
-    "jest": "28.1.3",
+    "jest": "26.6.3",
    "jest-createspyobj": "2.0.0",
-    "jest-environment-jsdom": "28.1.1",
-    "jest-preset-angular": "12.2.2",
+    "jest-preset-angular": "8.3.2",
    "markdown-loader": "^6.0.0",
-    "ng-packagr": "14.2.1",
-    "ngx-bootstrap": "8.0.0",
+    "ng-packagr": "^13.3.0",
+    "ngx-bootstrap": "7.1.0",
    "npm-run-all": "^4.1.5",
-    "postcss": "^8.3.9",
-    "postcss-import": "14.1.0",
-    "postcss-preset-env": "7.5.0",
-    "postcss-url": "10.1.3",
    "protractor": "~7.0.0",
    "raw-loader": "^4.0.2",
    "rxjs": "^6.6.0",
    "ts-helpers": "^1.1.2",
-    "ts-jest": "28.0.8",
-    "ts-node": "10.9.1",
-    "typescript": "4.7.4",
-    "zone.js": "0.11.5"
+    "ts-jest": "26.5.1",
+    "ts-node": "8.3.0",
+    "tslint": "^6.1.0",
+    "tslint-config-valorsoft": "^2.2.1",
+    "typescript": "4.6.3",
+    "zone.js": "~0.11.4"
  },
  "contributors": [
    {
@@ -120,8 +120,7 @@
    }
  ],
  "dependencies": {
-    "@nrwl/workspace": "14.7.5",
-    "nx": "14.7.5",
-    "tslib": "^2.0.0"
+    "@nrwl/workspace": "^12.8.0",
+    "tslib": "^2.3.1"
  }
 }
--- a/tslint.json
+++ b/tslint.json
@@ -0,0 +1,12 @@
+{
+  "extends": "tslint-config-valorsoft",
+  "rulesDirectory": "./node_modules/codelyzer",
+  "rules": {
+    "no-forward-ref": false,
+    "no-null-keyword": false,
+    "only-arrow-functions": false,
+    "no-access-missing-member": false,
+    "directive-selector": false,
+    "component-selector": false
+  }
+}
--- a/yarn.lock
+++ b/yarn.lock