Merge pull request #246 from ovh-ux/develop

Preparing v2.18.0

Author: AxelPeter

.github/CODEOWNERS

@@ -0,0 +1 @@
+@AxelPeter @FredericEspiau @euhmeuh @JeremyDec

.github/CODE_OF_CONDUCT.md

@@ -0,0 +1,74 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age, body
+size, disability, ethnicity, gender identity and expression, level of experience,
+nationality, personal appearance, race, religion, or sexual identity and
+orientation.
+
+## Our Standards
+
+Examples of behavior that contributes to creating a positive environment
+include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or
+advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic
+  address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+## Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an appointed
+representative at an online or offline event. Representation of a project may be
+further defined and clarified by project maintainers.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at [github@ovh.net](mailto:github@ovh.net). All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an incident.
+Further details of specific enforcement policies may be posted separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
+available at [http://contributor-covenant.org/version/1/4][version]
+
+[homepage]: http://contributor-covenant.org
+[version]: http://contributor-covenant.org/version/1/4/

.github/ISSUE_TEMPLATE.md

@@ -0,0 +1,26 @@
+### Description
+
+<!-- Required -->
+<!-- Description of the issue -->
+
+### Steps to reproduce
+
+<!-- Required -->
+1. [First Step]
+2. [Second Step]
+3. [and so on...]
+
+**Expected behavior**:
+
+<!-- What did you expect to happen -->
+
+**Actual behavior**:
+
+<!-- What actually happens -->
+
+**Frequency**:
+<!-- How often does the issue happen, on a scale from 1 (rare) to 5 (always)?-->
+
+### Additional information
+<!-- optional -->
+<!-- Any additional information, configuration or data that might be necessary to reproduce the issue -->

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,27 @@
+### Requirements
+
+* Filling out the template is required. Any pull request that does not include enough information to be reviewed in a timely manner may be closed at the maintainers' discretion.
+* All new code requires tests to ensure against regressions
+
+## Title of the Pull Requests <!-- required -->
+
+
+### Description of the Change
+
+<!-- required -->
+<!-- Can be a listing of commit descriptions -->
+
+### Benefits
+
+<!-- optional -->
+<!-- What benefits will be achieved by the code change? -->
+
+### Possible Drawbacks
+
+<!-- optional -->
+<!-- What are the possible side-effects or negative impacts of the code change? -->
+
+### Applicable Issues
+
+<!-- optional -->
+<!-- Enter any applicable Issues here -->

README.md

@@ -1,18 +1,20 @@
+# OVH UI Kit (AngularJS)
+
+![OVH component](https://user-images.githubusercontent.com/3379410/27423240-3f944bc4-5731-11e7-87bb-3ff603aff8a7.png)
+
+A set of maintainable components for the OVH ecosystem (AngularJS).
+
 [![NPM](https://nodei.co/npm/ovh-ui-angular.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/ovh-ui-angular/)
 
 ![Project status stable](https://img.shields.io/badge/status-stable-blue.svg)
 [![Maintenance](https://img.shields.io/maintenance/yes/2018.svg)]()
 [![Chat on gitter](https://img.shields.io/gitter/room/ovh/ux.svg)](https://gitter.im/ovh/ux)
 
-# OVH UI (Angular)
-
-A set of maintainable components for the OVH ecosystem (Angular).
-
 ## Installation
 
 ### Prerequisites
 
-This library has been tested with AngularJS 1.6.
+This library has been tested with AngularJS 1.6+.
 
 You will also need these dependencies in your project:
 
@@ -23,25 +25,31 @@ You will also need these dependencies in your project:
 
 Follow the [guide](https://github.com/ovh-ux/ovh-ui-kit) for _ovh-ui-kit_, because you need to integrate it by _yourself_.
 
-### bower
+### Install with [npm](https://www.npmjs.com/)
 
 ```bash
-bower install --save ovh-ui-angular
+npm install ovh-ui-angular
 ```
 
-### npm
+### Install with [yarn](https://yarnpkg.com)
 
 ```bash
-npm install --save ovh-ui-angular
+yarn add ovh-ui-angular
+```
+
+### Install with [bower](https://bower.io/) (deprecated)
+
+```bash
+bower install --save ovh-ui-angular
 ```
 
 ## Usage
 
-1. In your `index.html`, you need to load `oui-angular.js`:
+1. In your `index.html`, you need to load `oui-angular.min.js`:
 
 ```html
   ...
-  <script src="ovh-ui-angular/packages/oui-angular/dist/oui-angular.js" type="text/javascript"></script>
+  <script src="ovh-ui-angular/dist/oui-angular.min.js" type="text/javascript"></script>
   ...
 ```
 

package.json

@@ -33,16 +33,16 @@
     }
   },
   "dependencies": {
-    "clipboard": "2.0.1",
+    "angular": "^1.6.x",
+    "angular-aria": "^1.6.x",
+    "angular-sanitize": "^1.6.x",
+    "clipboard": "^2.0.1",
     "escape-string-regexp": "^1.0.5",
-    "flatpickr": "4.5.0",
+    "flatpickr": "^4.5.1",
     "popper.js": "^1.14.3"
   },
   "devDependencies": {
-    "angular": "~1.6.1",
-    "angular-aria": "~1.6.1",
-    "angular-mocks": "~1.6.1",
-    "angular-sanitize": "~1.6.1",
+    "angular-mocks": "^1.6.x",
     "autoprefixer": "^8.0.0",
     "babel-cli": "^6.18.0",
     "babel-core": "^6.21.0",
@@ -54,7 +54,6 @@
     "babel-preset-env": "^1.6.1",
     "babel-preset-stage-2": "^6.22.0",
     "babel-register": "^6.18.0",
-    "bootstrap": "^3.3.7",
     "cross-env": "^5.1.0",
     "css-loader": "^0.28.4",
     "eslint": "^4.3.0",

packages/oui-action-menu/README.md

@@ -8,43 +8,43 @@
 
 ```html:preview
 <oui-action-menu text="Actions">
-    <oui-action-menu-item text="Action 1 (link)" href="#"></oui-action-menu-item>
-    <oui-action-menu-item text="Action 2 (button)" on-click="$ctrl.onActionClick()"></oui-action-menu-item>
-    <oui-action-menu-item text="Action 3 (disabled)" disabled></oui-action-menu-item>
+    <oui-action-menu-item href="#">Action 1 (link)</oui-action-menu-item>
+    <oui-action-menu-item on-click="$ctrl.onActionClick()">Action 2 (button)</oui-action-menu-item>
+    <oui-action-menu-item disabled>Action 3 (disabled)</oui-action-menu-item>
     <oui-action-menu-divider></oui-action-menu-divider>
-    <oui-action-menu-item text="External link" href="#" external></oui-action-menu-item>
+    <oui-action-menu-item href="#" external>External link</oui-action-menu-item>
 </oui-action-menu>
 ```
 
 ### Compact
 
 ```html:preview
 <oui-action-menu compact>
-    <oui-action-menu-item text="Action 1 (link)" href="#"></oui-action-menu-item>
-    <oui-action-menu-item text="Action 2 (button)" on-click="$ctrl.onActionClick()"></oui-action-menu-item>
-    <oui-action-menu-item text="Action 3 (disabled)" disabled></oui-action-menu-item>
+    <oui-action-menu-item href="#">Action 1 (link)</oui-action-menu-item>
+    <oui-action-menu-item on-click="$ctrl.onActionClick()">Action 2 (button)</oui-action-menu-item>
+    <oui-action-menu-item disabled>Action 3 (disabled)</oui-action-menu-item>
     <oui-action-menu-divider></oui-action-menu-divider>
-    <oui-action-menu-item text="External link" href="#" external></oui-action-menu-item>
+    <oui-action-menu-item href="#" external>External link</oui-action-menu-item>
 </oui-action-menu>
 ```
 
 ### Disabled
 
 ```html:preview
 <oui-action-menu text="Actions" disabled>
-    <oui-action-menu-item text="Action 1 (link)" href="#"></oui-action-menu-item>
-    <oui-action-menu-item text="Action 2 (button)" on-click="$ctrl.onActionClick()"></oui-action-menu-item>
-    <oui-action-menu-item text="Action 3 (disabled)" disabled></oui-action-menu-item>
+    <oui-action-menu-item href="#">Action 1 (link)</oui-action-menu-item>
+    <oui-action-menu-item on-click="$ctrl.onActionClick()">Action 2 (button)</oui-action-menu-item>
+    <oui-action-menu-item disabled>Action 3 (disabled)</oui-action-menu-item>
     <oui-action-menu-divider></oui-action-menu-divider>
-    <oui-action-menu-item text="External link" href="#" external></oui-action-menu-item>
+    <oui-action-menu-item href="#" external>External link</oui-action-menu-item>
 </oui-action-menu>
 
 <oui-action-menu compact disabled>
-    <oui-action-menu-item text="Action 1 (link)" href="#"></oui-action-menu-item>
-    <oui-action-menu-item text="Action 2 (button)" on-click="$ctrl.onActionClick()"></oui-action-menu-item>
-    <oui-action-menu-item text="Action 3 (disabled)" disabled></oui-action-menu-item>
+    <oui-action-menu-item href="#">Action 1 (link)</oui-action-menu-item>
+    <oui-action-menu-item on-click="$ctrl.onActionClick()">Action 2 (button)</oui-action-menu-item>
+    <oui-action-menu-item disabled>Action 3 (disabled)</oui-action-menu-item>
     <oui-action-menu-divider></oui-action-menu-divider>
-    <oui-action-menu-item text="External link" href="#" external></oui-action-menu-item>
+    <oui-action-menu-item href="#" external>External link</oui-action-menu-item>
 </oui-action-menu>
 ```
 
@@ -55,26 +55,26 @@
     ng-init="$ctrl.action1 = false; $ctrl.action2 = false; $ctrl.action3 = false">
 <oui-action-menu compact>
     <oui-action-menu-item
-        text="Action 1"
         aria-label="Server: action 1"
         on-click="$ctrl.action1 = true">
+        Action 1
     </oui-action-menu-item>
     <oui-action-menu-item
-        text="Action 2"
         aria-label="Server: action 2"
         on-click="$ctrl.action2 = true">
+        Action 2
     </oui-action-menu-item>
     <oui-action-menu-item
-        text="Action 3 (disabled)"
         aria-label="Server: action 3"
         on-click="$ctrl.action3 = true"
         disabled>
+        Action 3 (disabled)
     </oui-action-menu-item>
     <oui-action-menu-divider></oui-action-menu-divider>
     <oui-action-menu-item
-        text="External link"
         href="#"
         external>
+        External link
     </oui-action-menu-item>
 </oui-action-menu>
 </div>
@@ -91,19 +91,22 @@
 
 | Attribute         | Type            | Binding | One-time binding | Values                    | Default    | Description
 | ----              | ----            | ----    | ----             | ----                      | ----       | ----
-| `text`            | string          | @       | yes              |                           |            | button label
-| `aria-label`      | string          | @?      | yes              |                           |            | accessibility label
-| `align`           | string          | @?      | yes              | `start`,`center`,`end`    | `center`   | menu alignment
-| `compact`         | boolean         | <?      | yes              |                           | `false`    | use the compact button
-| `disabled`        | boolean         | <?      |                  |                           | `false`    | disable flag
+| `text`            | string          | @       | yes              | n/a                       | n/a        | button label
+| `aria-label`      | string          | @?      | yes              | n/a                       | n/a        | accessibility label
+| `align`           | string          | @?      | yes              | `start`, `center`, `end`  | `center`   | menu alignment
+| `compact`         | boolean         | <?      | yes              | `true`, `false`           | `false`    | use the compact button
+| `disabled`        | boolean         | <?      | no               | `true`, `false`           | `false`    | disable flag
 
 ### oui-action-menu-item
 
 | Attribute         | Type            | Binding | One-time binding | Values                    | Default    | Description
 | ----              | ----            | ----    | ----             | ----                      | ----       | ----
-| `text`            | string          | @       |                  |                           |            | button label
-| `aria-label`      | string          | @?      |                  |                           |            | accessibility label
-| `href`            | string          | @?      | yes              |                           |            | hypertext link (link)
-| `disabled`        | boolean         | <?      |                  |                           | `false`    | disable (button)
-| `external`        | boolean         | @?      | yes              |                           |            | display external icon (link)
-| `on-click`        |                 | &?      |                  |                           |            | on-click handler (button)
+| `aria-label`      | string          | @?      | no               | n/a                       | n/a        | accessibility label
+| `href`            | string          | @?      | yes              | n/a                       | n/a        | hypertext link (link)
+| `disabled`        | boolean         | <?      | no               | `true`, `false`           | `false`    | disable (button)
+| `external`        | boolean         | @?      | yes              | `true`, `false`           | `false`    | display external icon (link)
+| `on-click`        | function        | &?      | no               | n/a                       | n/a        | on-click handler (button)
+
+#### Deprecated
+
+* `text`: Replaced by transclude value