feat(input): support for ngPattern

Author: Kamil Kisiela

CHANGELOG.md

@@ -1,10 +1,14 @@
-Change Log
-==========
+# Change Log
 
 All notable changes to this project will be documented in this file. This project adheres to [Semantic Versioning](http://semver.org/).
 
-[0.12.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.11.0...v0.12.0) - 2015-12-30
----------------------------------------------------------------------------------------------------------------
+## [Unreleased](https://github.com/formly-js/angular-formly-templates-material/compare/v0.12.0...HEAD)
+
+### Added
+
+- (input) support for **ng-pattern** as **templateOptions.pattern** (#10)
+
+## [0.12.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.11.0...v0.12.0) - 2015-12-30
 
 ### Added
 
@@ -13,47 +17,41 @@ All notable changes to this project will be documented in this file. This projec
 -	(input) support for **max** attribute of 'number' type (#6)
 -	(input) support for **step** attribute of 'number' type (#6)
 
-[0.11.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.10.0...v0.11.0) - 2015-12-18
----------------------------------------------------------------------------------------------------------------
+## [0.11.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.10.0...v0.11.0) - 2015-12-18
 
 ### Added
 
 -	(chips) onAdd callback (equivalent to md-on-add)
 -	(chips) onRemove callback (equivalent to md-on-remove)
 -	(chips) onSelect callback (equivalent to md-on-select)
 
-[0.10.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.9.0...v0.10.0) - 2015-12-17
---------------------------------------------------------------------------------------------------------------
+## [0.10.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.9.0...v0.10.0) - 2015-12-17
 
 ### Added
 
 -	(textarea) **grow** option (equivalent to md-no-autogrow)
 -	**divider** wrapper ([see documentation](docs/wrappers/divider.md)\)
 
-[0.9.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.8.0...v0.9.0) - 2015-12-17
-------------------------------------------------------------------------------------------------------------
+## [0.9.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.8.0...v0.9.0) - 2015-12-17
 
 ### Added
 
 -	(select) **onClose** and **onOpen** options (equivalent to md-on-close and md-on-open)
 
-[0.8.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.7.3...v0.8.0) - 2015-12-16
-------------------------------------------------------------------------------------------------------------
+## [0.8.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.7.3...v0.8.0) - 2015-12-16
 
 ### Changed
 
 -	BREAKING CHANGE: requires now **angular-material v1.0.0**
 -	BREAKING CHANGE: for meteor package uses now **formly:angular-formly** instead of wieldo:angular-formly
 
-[0.7.3](https://github.com/formly-js/angular-formly-templates-material/compare/v0.7.2...v0.7.3) - 2015-12-14
-------------------------------------------------------------------------------------------------------------
+## [0.7.3](https://github.com/formly-js/angular-formly-templates-material/compare/v0.7.2...v0.7.3) - 2015-12-14
 
 ### Changed
 
 -	Package name in AtmosphereJS (formly:angular-formly-templates-material)
 
-[0.7.2](https://github.com/formly-js/angular-formly-templates-material/compare/v0.7.1...v0.7.2) - 2015-12-08
-------------------------------------------------------------------------------------------------------------
+## [0.7.2](https://github.com/formly-js/angular-formly-templates-material/compare/v0.7.1...v0.7.2) - 2015-12-08
 
 ### Added
 
@@ -64,16 +62,14 @@ All notable changes to this project will be documented in this file. This projec
 
 -	Links to repository after transfer from wieldo to formly-js
 
-[0.7.1](https://github.com/formly-js/angular-formly-templates-material/compare/v0.7.0...v0.7.1) - 2015-12-01
-------------------------------------------------------------------------------------------------------------
+## [0.7.1](https://github.com/formly-js/angular-formly-templates-material/compare/v0.7.0...v0.7.1) - 2015-12-01
 
 ### Changed
 
 -	use bound for datepicker's minDate, maxDate and filterDate instead of template manipulator
 -	remove bound from slider's min, max and step attributes
 
-[0.7.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.6.0...v0.7.0) - 2015-11-29
-------------------------------------------------------------------------------------------------------------
+## [0.7.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.6.0...v0.7.0) - 2015-11-29
 
 ### Added
 
@@ -83,15 +79,13 @@ All notable changes to this project will be documented in this file. This projec
 
 -	Unit testing using karma instead of velocity (with coverage reports)
 
-[0.6.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.5.2...v0.6.0) - 2015-11-27
-------------------------------------------------------------------------------------------------------------
+## [0.6.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.5.2...v0.6.0) - 2015-11-27
 
 ### Added
 
 -	compatibility with Meteor releases lower then 1.2
 
-[0.5.2](https://github.com/formly-js/angular-formly-templates-material/compare/v0.5.1...v0.5.2) - 2015-11-19
-------------------------------------------------------------------------------------------------------------
+## [0.5.2](https://github.com/formly-js/angular-formly-templates-material/compare/v0.5.1...v0.5.2) - 2015-11-19
 
 ### Fixed
 
@@ -106,23 +100,20 @@ All notable changes to this project will be documented in this file. This projec
 -	deprecated **mdInputContainer** wrapper. Use **inputContainer**
 -	deprecated **mdMessages** wrapper. Use **messages**
 
-[0.5.1](https://github.com/formly-js/angular-formly-templates-material/compare/v0.5.0...v0.5.1) - 2015-11-18
-------------------------------------------------------------------------------------------------------------
+## [0.5.1](https://github.com/formly-js/angular-formly-templates-material/compare/v0.5.0...v0.5.1) - 2015-11-18
 
 ### Changed
 
 -	Refactor all files to use Strict Dependency Injection
 
-[0.5.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.4.0...v0.5.0) - 2015-11-18
-------------------------------------------------------------------------------------------------------------
+## [0.5.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.4.0...v0.5.0) - 2015-11-18
 
 ### Added
 
 -	multiple support for select field
 -	slider field with min, max, step and discrete options
 
-[0.4.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.3.0...v0.4.0) - 2015-11-17
-------------------------------------------------------------------------------------------------------------
+## [0.4.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.3.0...v0.4.0) - 2015-11-17
 
 ### Added
 
@@ -133,41 +124,36 @@ All notable changes to this project will be documented in this file. This projec
 -	**mdInputContainer** wrapper. Use **inputContainer**
 -	**mdMessages** wrapper. Use **messages**
 
-[0.3.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.2.0...v0.3.0) - 2015-11-17
-------------------------------------------------------------------------------------------------------------
+## [0.3.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.2.0...v0.3.0) - 2015-11-17
 
 ### Added
 
 -	datepicker with date range and filtering *(currently in angular-material 1.0_RC4)*
 -	Tests of formlyMaterial provider
 
-[0.2.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.1.0...v0.2.0) - 2015-11-17
-------------------------------------------------------------------------------------------------------------
+## [0.2.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.1.0...v0.2.0) - 2015-11-17
 
 ### Added
 
 -	Support for textarea with cols and rows
 -	ApiCheck for label, radio and select
 -	Support for md-theme
 
-[0.1.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.0.4...v0.1.0) - 2015-11-17
-------------------------------------------------------------------------------------------------------------
+## [0.1.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.0.4...v0.1.0) - 2015-11-17
 
 ### Added
 
 -	Support for md-select with valueProp and labelProp
 -	Support for md-radio with valueProp and labelProp options
 
-[0.0.4](https://github.com/formly-js/angular-formly-templates-material/compare/v0.0.3...v0.0.4) - 2015-11-13
-------------------------------------------------------------------------------------------------------------
+## [0.0.4](https://github.com/formly-js/angular-formly-templates-material/compare/v0.0.3...v0.0.4) - 2015-11-13
 
 ### Removed
 
 -	es5-shim package
 -	standard-minifier package
 
-[0.0.3](https://github.com/formly-js/angular-formly-templates-material/compare/v0.0.2...v0.0.3) - 2015-11-10
-------------------------------------------------------------------------------------------------------------
+## [0.0.3](https://github.com/formly-js/angular-formly-templates-material/compare/v0.0.2...v0.0.3) - 2015-11-10
 
 ### Fixed
 
@@ -177,8 +163,7 @@ All notable changes to this project will be documented in this file. This projec
 
 -	Package name: wieldo:angular-formly-templates-material
 
-[0.0.2](https://github.com/formly-js/angular-formly-templates-material/compare/v0.0.1...v0.0.2) - 2015-11-07
-------------------------------------------------------------------------------------------------------------
+## [0.0.2](https://github.com/formly-js/angular-formly-templates-material/compare/v0.0.1...v0.0.2) - 2015-11-07
 
 ### Fixed
 
@@ -191,4 +176,4 @@ All notable changes to this project will be documented in this file. This projec
 -	mdTheme to checkbox, switch
 -	md-switch
 
-0.0.1 - 2015-11-06 ------------------.
+## 0.0.1 - 2015-11-06

docs/types/input.md

@@ -9,12 +9,13 @@ Example
 
 ```javascript
 {
-  "type": "input",
-  "key": "firstName",
-  "templateOptions": {
-    "type": "text",
-    "label": "First name",
-    "theme": "custom"
+  type: "input",
+  key: "firstName",
+  templateOptions: {
+    type: "text",
+    label: "First name",
+    pattern: "[a-zA-Z]+"
+    theme: "custom"
   }
 }
 ```
@@ -36,3 +37,7 @@ only if templateOptions.type is 'number'
 #### templateOptions.min *: number*
 
 #### templateOptions.max *: number*
+
+#### templateOptions.pattern *: string | RegExp*
+
+Value of ng-pattern directive

src/types/input/input.js

@@ -13,14 +13,21 @@ export default (formlyConfigProvider) => {
       ngModelAttrs: {
         mdMaxlength: {
           bound: 'md-maxlength'
+        },
+        pattern: {
+          bound: 'ng-pattern'
         }
       }
     },
     apiCheck: (check) => {
       return {
         templateOptions: {
           type: check.string,
-          step: check.number.optional
+          step: check.number.optional,
+          pattern: check.oneOfType([
+            check.string,
+            check.instanceOf(RegExp)
+          ]).optional
         }
       };
     }

tests/types/input-spec.js

@@ -76,6 +76,32 @@ describe('formlyMaterial - input type', () => {
     });
   });
 
+  describe('pattern', () => {
+    it('should accept string', () => {
+      const pattern = '[a-z]+';
+
+      compile({
+        templateOptions: {
+          pattern
+        }
+      });
+
+      expect(element.attr('ng-pattern')).toEqual(field.templateOptions.pattern);
+    });
+
+    it('should accept RegExp', () => {
+      const pattern = /[a-z]+/;
+
+      compile({
+        templateOptions: {
+          pattern
+        }
+      });
+
+      expect(element.attr('ng-pattern')).toEqual(`${field.templateOptions.pattern}`);
+    });
+  });
+
   describe('number type specific', () => {
     describe('step attribute', () => {
       it('should not be available on non number type', () => {