@formio/angular 7.5.0-dev.1060.b272e25 → 7.5.0-dev.1060.daa6205

package/README.md

@@ -1,215 +1,24 @@
-Form.io Angular JSON Form Renderer
-==========================
-This library serves as a Dynamic JSON Powered Form rendering library for [Angular](https://angular.io). This works by
-providing a JSON schema to a ```<formio>``` Angular component, where that form is dynamically rendered within the front
-end application. This allows forms to be dynamically built using JSON schemas.
+# AngularFormio
 
-Angular Versions
--------------------------
-This library supports many different Angular Versions. If you wish to use this library with your specific version of Angular, then you will need to install the following versions.
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.1.4.
 
-## Angular 17
-Angular 17 versions are currently released as "latest" so you can install with Angular 17 with the following commands.
+## Code scaffolding
 
-### NPM
-    npm install --save @formio/angular
+Run `ng generate component component-name --project angular-formio` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project angular-formio`.
+> Note: Don't forget to add `--project angular-formio` or else it will be added to the default project in your `angular.json` file. 
 
-### Yarn
-    yarn add --save @formio/angular
+## Build
 
-## Angular 16
-### NPM
-    npm install --save @formio/angular@a16
+Run `ng build angular-formio` to build the project. The build artifacts will be stored in the `dist/` directory.
 
-### Yarn
-    yarn add --save @formio/angular@a16
+## Publishing
 
-Running Demo
---------------------------
-To run a demo of the Form.io Angular renderer, please follow these steps.
- 
- 1. Make sure you have the [Angular CLI](https://angular.io) installed on your machine.
- 2. Download the [Angular Demo Application](https://github.com/formio/angular-demo) to your computer.
- 3. With your terminal, type ```npm install```
- 4. Now type ```ng serve```
- 
-This will startup an example application where you can see all the features provided by this module.
+After building your library with `ng build angular-formio`, go to the dist folder `cd dist/angular-formio` and run `npm publish`.
 
-Here is the hosted demo application [https://formio.github.io/angular-demo/](https://formio.github.io/angular-demo)
+## Running unit tests
 
-### Note: If you wish to see the Angular Demo for Angular 16, then use the 6.0.x branch of this repo.
+Run `ng test angular-formio` to execute the unit tests via [Karma](https://karma-runner.github.io).
 
-Using within your application
----------------------------
-You can easily render a form within your Angular application by referencing the URL of that form as follows.
+## Further help
 
-```html
-<formio src='https://examples.form.io/example'></formio>
-```
-
-You can also pass the JSON form directly to the renderer as follows.
-
-```html
-<formio [form]='{
-    "title": "My Test Form",
-    "components": [
-        {
-            "type": "textfield",
-            "input": true,
-            "tableView": true,
-            "inputType": "text",
-            "inputMask": "",
-            "label": "First Name",
-            "key": "firstName",
-            "placeholder": "Enter your first name",
-            "prefix": "",
-            "suffix": "",
-            "multiple": false,
-            "defaultValue": "",
-            "protected": false,
-            "unique": false,
-            "persistent": true,
-            "validate": {
-                "required": true,
-                "minLength": 2,
-                "maxLength": 10,
-                "pattern": "",
-                "custom": "",
-                "customPrivate": false
-            },
-            "conditional": {
-                "show": "",
-                "when": null,
-                "eq": ""
-            }
-        },
-        {
-            "type": "textfield",
-            "input": true,
-            "tableView": true,
-            "inputType": "text",
-            "inputMask": "",
-            "label": "Last Name",
-            "key": "lastName",
-            "placeholder": "Enter your last name",
-            "prefix": "",
-            "suffix": "",
-            "multiple": false,
-            "defaultValue": "",
-            "protected": false,
-            "unique": false,
-            "persistent": true,
-            "validate": {
-                "required": true,
-                "minLength": 2,
-                "maxLength": 10,
-                "pattern": "",
-                "custom": "",
-                "customPrivate": false
-            },
-            "conditional": {
-                "show": "",
-                "when": null,
-                "eq": ""
-            }
-        },
-        {
-            "input": true,
-            "label": "Submit",
-            "tableView": false,
-            "key": "submit",
-            "size": "md",
-            "leftIcon": "",
-            "rightIcon": "",
-            "block": false,
-            "action": "submit",
-            "disableOnInvalid": true,
-            "theme": "primary",
-            "type": "button"
-        }
-    ]
-}'></formio>
-```
-
-This is a very simple example. This library is capable of building very complex forms which include e-signatures, columns,
-panels, field conditionals, validation requirements, and the list goes on and on.
-
-Usage
-----------------
-To use this library within your project, you will first need to install it as a dependency.
-
-```
-npm install --save @formio/angular@rc @formio/js
-```
-
-You can now include the module in your Angular application like so.
-
-```js
-import { FormioModule } from '@formio/angular';
-@NgModule({
-    imports: [ BrowserModule, CommonModule, FormioModule ],
-    declarations: [ AppComponent ],
-    bootstrap: [ AppComponent ]
-})
-export class AppModule { }
-```
-
-Bootstrap Versions
------------------
-By default, this library will use Bootstrap 5 as the template and rendering CSS framework. This, however, can be changed by adding different templates into your application and using them like the following.
-
-```
-npm install --save @formio/bootstrap@rc
-```
-
-Then perform the following in your application.
-
-```
-import { Formio } from '@formio/angular';
-import bootstrap4 from '@formio/bootstrap/bootstrap4';
-(Formio as any).use(bootstrap4);
-```
-
-Included Libraries
------------------
-This library is a combination of multiple libraries that enable rapid Serverless application development using Form.io. These libraries are as follows.
-
-1. [Form Renderer](https://github.com/formio/angular-formio/wiki/Form-Renderer) - The form renderer in Angular
-2. [Form Builder](https://github.com/formio/angular-formio/wiki/Form-Builder) - The form builder in Angular
-3. [Form Manager](https://github.com/formio/angular-formio/wiki/Form-Mananger) - The form management application used to manage forms.
-4. [Authentication](https://github.com/formio/angular-formio/wiki/User-Authentication) - Allows an easy way to provide Form.io authentication into your application.
-5. [Resource](https://github.com/formio/angular-formio/wiki/Resource-Management) - A way to include the Resources within your application with full CRUDI support (Create, Read, Update, Delete, Index)
-6. [Data Table (Grid)](https://github.com/formio/angular-formio/wiki/Data-Table) - A way to render data within a Table format, which includes pagination, sorting, etc.
-
-Click on each of those links to read more about how they work and how to utilize them to their fullest potential.
-
-Demo Application
-----------
-If you would like to run a demonstration of all the features of this module, then you can check out the [Angular Demo Application](https://github.com/formio/angular-demo), which is the code behind the following hosted application @ [https://formio.github.io/angular-demo](https://formio.github.io/angular-demo)
-
-Application Starter Kit
-----------
-For help in getting started using this library, we created the [angular-app-starterkit](https://github.com/formio/angular-app-starterkit) repository to help you get started with best practices with using Form.io within an Angular application. You can try this applicatoin by downloading that application and then doing the following.
-
-```
-npm install
-npm start
-```
-
-Full Documentation
-------------------
-To read up on the full documentation of this library, please check out the [Wiki Page](https://github.com/formio/angular-formio/wiki)
-
-About Form.io
------------------
-<a href="https://form.io" target="_blank">Form.io</a> is a combined form and data management API platform created for developers who are building "Serverless" form-based applications.  Form.io provides an easy drag-and-drop form builder workflow allowing you to build complex forms for enterprise applications quickly and easily. These forms are then embedded directly into your application with a single line of code that dynamically renders the form (using Angular or React) in your app while at the very same time generating the RESTful API to support those forms. The Form.io platform also offers numerous 3rd-party services that are fully integrated into the form building process allowing you to extend the power and capability of your apps while saving time and effort.
-
-You can use this renderer with Form.io by simply pointing the ```src``` parameter to the URL of the form. For example, the following URL points to the JSON schema of a form built on Form.io.
-
-  https://pjmfogrfqptslvi.form.io/test
-  
-To render this form, you simply provide that URL to the ```<formio>``` directive like so.
-
-```<formio src="https://pjmfogrfqptslvi.form.io/test"></formio>```
-
-Not only will this render the form, but it will also submit that form to the provided API endpoint.
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

package/package.json

@@ -1,21 +1,6 @@
 {
   "name": "@formio/angular",
-  "version": "7.5.0-dev.1060.b272e25",
-  "scripts": {
-    "ng": "ng",
-    "build": "ng build angular-formio",
-    "build:watch": "ng build angular-formio --watch",
-    "build:prod": "ng build angular-formio --configuration production",
-    "docs": "npm run docs:build",
-    "docs:build": "compodoc -p tsconfig.json -n angular-formio -d docs --hideGenerator",
-    "docs:serve": "npm run docs:build -- -s",
-    "docs:watch": "npm run docs:build -- -s -w",
-    "publish": "npm run build:prod && npm publish ./dist/angular-formio --tag=rc",
-    "publish:latest": "npm run build:prod && npm publish ./dist/angular-formio",
-    "test": "ng test",
-    "lint": "ng lint",
-    "postinstall": "node -e 'var fs=require(`fs`);var fname=`./projects/angular-formio/package.json`;var pjson=require(fname);pjson.version=require(`./package.json`).version;fs.writeFileSync(fname,JSON.stringify(pjson,null, 2))'"
-  },
+  "version": "7.5.0-dev.1060.daa6205",
   "repository": {
     "type": "git",
     "url": "https://github.com/formio/angular-formio"
@@ -25,7 +10,12 @@
     "email": "travis@form.io"
   },
   "keywords": [
-    "angular"
+    "angular",
+    "forms",
+    "json forms",
+    "javascript forms",
+    "model driven forms",
+    "form.io"
   ],
   "license": "MIT",
   "bugs": {
@@ -34,41 +24,60 @@
   "engines": {
     "node": ">=6.0.0"
   },
-  "devDependencies": {
-    "@angular-devkit/build-angular": "^17.0.9",
-    "@angular/animations": "^17.0.8",
-    "@angular/cli": "^17.0.9",
-    "@angular/common": "^17.0.8",
-    "@angular/compiler": "^17.0.8",
-    "@angular/compiler-cli": "^17.0.8",
-    "@angular/core": "^17.0.8",
-    "@angular/forms": "^17.0.8",
-    "@angular/platform-browser": "^17.0.8",
-    "@angular/platform-browser-dynamic": "^17.0.8",
-    "@angular/router": "^17.0.8",
-    "@compodoc/compodoc": "^1.1.23",
+  "peerDependencies": {
+    "@angular/core": "^16.0.0 || ^17.0.0",
+    "@angular/common": "^16.0.0 || ^17.0.0",
+    "@angular/elements": "^16.0.0 || ^17.0.0",
     "@formio/js": "^5.0.0-rc.38",
-    "@types/jasmine": "^5.1.4",
-    "@types/jasminewd2": "^2.0.13",
-    "@types/node": "^20.10.8",
-    "bootstrap": "5.3.2",
-    "codelyzer": "^6.0.2",
-    "jasmine-core": "^5.0.0",
-    "jasmine-spec-reporter": "^7.0.0",
-    "karma": "^6.4.0",
-    "karma-chrome-launcher": "^3.1.1",
-    "karma-coverage-istanbul-reporter": "~3.0.2",
-    "karma-jasmine": "^5.1.0",
-    "karma-jasmine-html-reporter": "^2.1.0",
-    "ng-packagr": "^17.0.3",
-    "ngx-bootstrap": "^12.0.0",
-    "protractor": "~7.0.0",
-    "replace-in-file": "^7.1.0",
-    "rxjs": "^7.8.1",
-    "ts-node": "^10.9.2",
-    "tslib": "^2.5.3",
-    "tslint": "~6.1.0",
-    "typescript": "~5.2.0",
-    "zone.js": "^0.14.3"
+    "zone.js": "~0.13.0 || ~0.14.0",
+    "lodash": "^4.17.20",
+    "ngx-bootstrap": "^10.0.0 || ^11.0.0 || ^12.0.0"
+  },
+  "module": "fesm2022/formio-angular.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/formio-angular.mjs",
+      "esm": "./esm2022/formio-angular.mjs",
+      "default": "./fesm2022/formio-angular.mjs"
+    },
+    "./auth": {
+      "types": "./auth/index.d.ts",
+      "esm2022": "./esm2022/auth/formio-angular-auth.mjs",
+      "esm": "./esm2022/auth/formio-angular-auth.mjs",
+      "default": "./fesm2022/formio-angular-auth.mjs"
+    },
+    "./embed": {
+      "types": "./embed/index.d.ts",
+      "esm2022": "./esm2022/embed/formio-angular-embed.mjs",
+      "esm": "./esm2022/embed/formio-angular-embed.mjs",
+      "default": "./fesm2022/formio-angular-embed.mjs"
+    },
+    "./grid": {
+      "types": "./grid/index.d.ts",
+      "esm2022": "./esm2022/grid/formio-angular-grid.mjs",
+      "esm": "./esm2022/grid/formio-angular-grid.mjs",
+      "default": "./fesm2022/formio-angular-grid.mjs"
+    },
+    "./manager": {
+      "types": "./manager/index.d.ts",
+      "esm2022": "./esm2022/manager/formio-angular-manager.mjs",
+      "esm": "./esm2022/manager/formio-angular-manager.mjs",
+      "default": "./fesm2022/formio-angular-manager.mjs"
+    },
+    "./resource": {
+      "types": "./resource/index.d.ts",
+      "esm2022": "./esm2022/resource/formio-angular-resource.mjs",
+      "esm": "./esm2022/resource/formio-angular-resource.mjs",
+      "default": "./fesm2022/formio-angular-resource.mjs"
+    }
+  },
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.0.0"
   }
 }

package/.dockerignore

@@ -1,5 +0,0 @@
-# Created by .ignore support plugin (hsz.mobi)
-npm-debug.log
-.ebignore
-.elasticbeanstalk
-node_modules

package/.editorconfig

@@ -1,13 +0,0 @@
-# editorconfig.org
-root = true
-
-[*]
-indent_style = space
-indent_size = 2
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-[*.md]
-trim_trailing_whitespace = false

package/.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,38 +0,0 @@
----
-name: Bug report
-about: Create a report to help us improve
-title: "[BUG] "
-labels: bug
-assignees: ''
-
----
-
-## Environment
-Please provide as many details as you can:
-
-- Hosting type
-  - [x] Form.io
-  - [ ] Local deployment
-    - Version: 
-- Formio.js version:
-- Frontend framework:
-- Browser:
-- Browser version:
-
-## Steps to Reproduce
-1. 
-2. 
-3. 
-
-## Expected behavior
-
-## Observed behavior
-
-## Example
-If possible, please provide a screenshot, live example (via [JSFiddle](https://jsfiddle.net/) or similar), and/or example code to help demonstrate the issue.
-
-For code or form JSON, please enclose in a code block:
-
-```js
-// your code here
-```

package/.github/ISSUE_TEMPLATE/custom-components-support-request.md

@@ -1,15 +0,0 @@
----
-name: Custom Components Support Request
-about: Questions about Custom Components
-title: "[Custom Components] "
-labels: 'question, scope: community, scope: custom components'
-assignees: ''
-
----
-
-<!--
-Thank you for reaching us regarding to Custom Components.
-Please note that Angular wrapper for Custom Components is community build which also means you may get help from the community.
-
-Before submitting your request, please read our Wiki page: https://github.com/formio/angular-formio/wiki/Custom-Components-with-Angular-Elements
--->

package/.github/ISSUE_TEMPLATE/question.md

@@ -1,8 +0,0 @@
----
-name: Question
-about: General Questions
-title: "[Question] "
-labels: 'question'
-assignees: ''
-
----

package/.github/pull_request_template.md

@@ -1,35 +0,0 @@
-## Link to Jira Ticket
-
-https://formio.atlassian.net/browse/FIO-XXXX
-
-## Description
-
-**What changed?**
-
-*Use this section to provide a summary description of the changes you've made*
-
-**Why have you chosen this solution?**
-
-*Use this section to justify your choices*
-
-## Breaking Changes / Backwards Compatibility
-
-*Use this section to describe any potentially breaking changes this PR introduces or any effects this PR might have on backwards compatibility*
-
-## Dependencies
-
-*Use this section to list any dependent changes/PRs in other Form.io modules*
-
-## How has this PR been tested?
-
-*Use this section to describe how you tested your changes; if you haven't included automated tests, justify your reasoning*
-
-## Checklist:
-
-- [ ] I have completed the above PR template
-- [ ] I have commented my code, particularly in hard-to-understand areas
-- [ ] I have made corresponding changes to the documentation (if applicable)
-- [ ] My changes generate no new warnings
-- [ ] My changes include tests that prove my fix is effective (or that my feature works as intended)
-- [ ] New and existing unit/integration tests pass locally with my changes
-- [ ] Any dependent changes have corresponding PRs that are listed above

package/.github/workflows/ci.yml

@@ -1,171 +0,0 @@
-name: Build, Publish
-
-on:
-  pull_request:
-    types: [opened, synchronize]
-
-env:
-  NODE_VERSION: 20.x
-
-jobs:
-  #####################################################################
-  ## Setup
-  #####################################################################
-  setup:
-    runs-on: ubuntu-latest
-    steps:
-      - run: echo "Triggered by ${{ github.event_name }} event."
-
-      - name: Check out repository code ${{ github.repository }} on ${{ github.ref }}
-        uses: actions/checkout@v3
-
-      - name: Set up Node.js ${{ env.NODE_VERSION }}
-        uses: actions/setup-node@v3
-        with:
-          node-version: ${{ env.NODE_VERSION }}
-          cache: 'npm'
-
-      - name: Cache node modules
-        uses: actions/cache@v3
-        with:
-          path: node_modules
-          key: ${{ runner.os }}-node-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-node-
-
-      - name: Installing dependencies
-        if: steps.cache.outputs.cache-hit != 'true'
-        uses: borales/actions-yarn@v4
-        with:
-          cmd: install --frozen-lockfile
-
-      # - name: Lint
-      #   uses: borales/actions-yarn@v4
-      #   with:
-      #     cmd: lint
-
-  #####################################################################
-  ## Build
-  #####################################################################
-  build:
-    needs: setup
-    runs-on: ubuntu-latest
-    steps:
-      - name: Check out repository code ${{ github.repository }} on ${{ github.ref }}
-        uses: actions/checkout@v3
-
-      - name: Restore node modules from cache
-        uses: actions/cache@v3
-        with:
-          path: node_modules
-          key: ${{ runner.os }}-node-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-node-
-
-      - name: Build
-        uses: borales/actions-yarn@v4
-        with:
-          cmd: build:prod
-
-      - name: Show build directory contents
-        run: |
-          ls -R ./dist/angular-formio
-  
-      - name: Cache build directory
-        uses: actions/cache@v3
-        with:
-          path: dist
-          key: ${{ runner.os }}-dist-${{ hashFiles('dist.tgz') }}
-          restore-keys: |
-            ${{ runner.os }}-dist-
-
-  #####################################################################
-  ## Test (Trys to launch a chrome browser, will need additional work)
-  #####################################################################
-  # test:
-  #   needs: setup
-  #   runs-on: ubuntu-latest
-  #   steps:
-  #     - name: Check out repository code ${{ github.repository }} on ${{ github.ref }}
-  #       uses: actions/checkout@v3
-
-  #     - name: Restore node modules from cache
-  #       uses: actions/cache@v3
-  #       with:
-  #         path: node_modules
-  #         key: ${{ runner.os }}-node-${{ hashFiles('**/yarn.lock') }}
-  #         restore-keys: |
-  #           ${{ runner.os }}-node-
-
-  #     - name: Test
-  #       uses: borales/actions-yarn@v4
-  #       with:
-  #         cmd: test
-
-  #####################################################################
-  ## Publish
-  #####################################################################
-  publish:
-    needs: [setup, build]
-    if: ${{ github.event_name == 'pull_request' && (github.event.action == 'opened' || github.event.action == 'synchronize') }}
-    runs-on: ubuntu-latest
-    steps:
-      - name: Check out repository code ${{ github.repository }} on ${{ github.ref }}
-        uses: actions/checkout@v3
-
-      - name: Set up Node.js ${{ env.NODE_VERSION }}
-        uses: actions/setup-node@v3
-        with:
-          node-version: ${{ env.NODE_VERSION }}
-          cache: 'npm'
-          registry-url: 'https://registry.npmjs.org/'
-
-      - name: Prepare version for publish
-        id: prep
-        run: |
-          # Extract the pull request number and the short SHA of the commit
-          PR_NUMBER=$(echo ${{ github.event.number }})
-          COMMIT_SHORT_SHA=$(echo "${{ github.event.pull_request.head.sha }}" | cut -c1-7)
-          
-          # Extract the current version from package.json
-          CURRENT_VERSION=$(node -p "require('./package.json').version")
-          
-          # Get base SemVer to us for new dev version
-          BASE_VERSION=$(echo "$CURRENT_VERSION" | cut -d'-' -f1)
-          
-          # Construct the new version string
-          NEW_VERSION="${BASE_VERSION}-dev.${PR_NUMBER}.${COMMIT_SHORT_SHA}"
-          
-          # Output the new version for use in subsequent GitHub Actions steps
-          echo "NEW_VERSION=$NEW_VERSION" >> $GITHUB_ENV
-
-      - name: Echo version to Publish
-        run: |
-          echo "Version to publish: $NEW_VERSION"
-      
-      # Restore Build cache
-      - name: Restore build cache
-        uses: actions/cache@v3
-        with:
-          path: dist
-          key: ${{ runner.os }}-dist-${{ hashFiles('dist.tgz') }}
-          restore-keys: |
-            ${{ runner.os }}-dist-
-
-      - name: Switch to dist directory
-        run: cd ./dist/angular-formio
-
-      - name: Configure Git user
-        run: |
-          git config --global user.email "pkgbot@form.io"
-          git config --global user.name "pkgbot"
-
-      - name: Add npm token to .npmrc
-        run: |
-          echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" > .npmrc
-
-      - name: Publish to npm
-        run: |
-          npm version $NEW_VERSION --no-git-tag-version
-          npm publish --tag=dev
-          

package/.travis.yml

@@ -1,4 +0,0 @@
-language: node_js
-sudo: false
-node_js:
-- '4.2.1'

package/.yo-rc.json

@@ -1,7 +0,0 @@
-{
-  "generator-angular2-library": {
-    "promptValues": {
-      "gitRepositoryUrl": "https://github.com/formio/angular-formio"
-    }
-  }
-}