Added the Angular Poll web part (#54)
This commit is contained in:
Waldek Mastykarz
Vesa Juvonen
parent
d5b3edb9d9
commit
aa72c597ba
|
|
@ -0,0 +1,25 @@
|
||||||
|
# EditorConfig helps developers define and maintain consistent
|
||||||
|
# coding styles between different editors and IDEs
|
||||||
|
# editorconfig.org
|
||||||
|
|
||||||
|
root = true
|
||||||
|
|
||||||
|
|
||||||
|
[*]
|
||||||
|
|
||||||
|
# change these settings to your own preference
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 2
|
||||||
|
|
||||||
|
# we recommend you to keep these unchanged
|
||||||
|
end_of_line = lf
|
||||||
|
charset = utf-8
|
||||||
|
trim_trailing_whitespace = true
|
||||||
|
insert_final_newline = true
|
||||||
|
|
||||||
|
[*.md]
|
||||||
|
trim_trailing_whitespace = false
|
||||||
|
|
||||||
|
[{package,bower}.json]
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 2
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
* text=auto
|
||||||
|
|
@ -0,0 +1,32 @@
|
||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
|
||||||
|
# Dependency directories
|
||||||
|
node_modules
|
||||||
|
|
||||||
|
# Build generated files
|
||||||
|
dist
|
||||||
|
lib
|
||||||
|
solution
|
||||||
|
temp
|
||||||
|
*.spapp
|
||||||
|
|
||||||
|
# Coverage directory used by tools like istanbul
|
||||||
|
coverage
|
||||||
|
|
||||||
|
# OSX
|
||||||
|
.DS_Store
|
||||||
|
|
||||||
|
# Visual Studio files
|
||||||
|
.ntvs_analysis.dat
|
||||||
|
.vs
|
||||||
|
bin
|
||||||
|
obj
|
||||||
|
|
||||||
|
# Resx Generated Code
|
||||||
|
*.resx.ts
|
||||||
|
|
||||||
|
# Styles Generated Code
|
||||||
|
*.scss.ts
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
# Folders
|
||||||
|
.vscode
|
||||||
|
coverage
|
||||||
|
node_modules
|
||||||
|
sharepoint
|
||||||
|
src
|
||||||
|
temp
|
||||||
|
|
||||||
|
# Files
|
||||||
|
*.csproj
|
||||||
|
.git*
|
||||||
|
.yo-rc.json
|
||||||
|
gulpfile.js
|
||||||
|
tsconfig.json
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
{
|
||||||
|
// The number of spaces a tab is equal to.
|
||||||
|
"editor.tabSize": 2,
|
||||||
|
|
||||||
|
// When enabled, will trim trailing whitespace when you save a file.
|
||||||
|
"files.trimTrailingWhitespace": true,
|
||||||
|
|
||||||
|
// Controls if the editor should automatically close brackets after opening them
|
||||||
|
"editor.autoClosingBrackets": false,
|
||||||
|
|
||||||
|
// Configure glob patterns for excluding files and folders.
|
||||||
|
"search.exclude": {
|
||||||
|
"**/bower_components": true,
|
||||||
|
"**/node_modules": true,
|
||||||
|
"coverage": true,
|
||||||
|
"dist": true,
|
||||||
|
"lib-amd": true,
|
||||||
|
"lib": true,
|
||||||
|
"temp": true
|
||||||
|
}
|
||||||
|
,
|
||||||
|
"typescript.tsdk": "./node_modules/typescript/lib"
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,34 @@
|
||||||
|
{
|
||||||
|
// See http://go.microsoft.com/fwlink/?LinkId=733558
|
||||||
|
// for the documentation about the tasks.json format
|
||||||
|
"version": "0.1.0",
|
||||||
|
"command": "gulp",
|
||||||
|
"isShellCommand": true,
|
||||||
|
"showOutput": "always",
|
||||||
|
"args": [
|
||||||
|
"--no-color"
|
||||||
|
],
|
||||||
|
"tasks": [
|
||||||
|
{
|
||||||
|
"taskName": "bundle",
|
||||||
|
"isBuildCommand": true,
|
||||||
|
"problemMatcher": [
|
||||||
|
"$tsc"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"taskName": "test",
|
||||||
|
"isTestCommand": true,
|
||||||
|
"problemMatcher": [
|
||||||
|
"$tsc"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"taskName": "serve",
|
||||||
|
"isWatching": true,
|
||||||
|
"problemMatcher": [
|
||||||
|
"$tsc"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
{
|
||||||
|
"@microsoft/generator-sharepoint": {
|
||||||
|
"libraryName": "angular-multipage",
|
||||||
|
"libraryId": "2edf4e93-fd5d-4c59-8b46-480af77c2233",
|
||||||
|
"framework": "none"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,83 @@
|
||||||
|
# Angular multi-page client-side web part
|
||||||
|
|
||||||
|
## Summary
|
||||||
|
|
||||||
|
Sample SharePoint Framework client-side web parts built using Angular illustrating building multi-page web parts.
|
||||||
|
|
||||||
|
### Poll
|
||||||
|
|
||||||
|
Sample poll web part allowing users to vote and view the results.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## Applies to
|
||||||
|
|
||||||
|
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||||
|
* [Office 365 developer tenant](http://dev.office.com/sharepoint/docs/spfx/set-up-your-developer-tenant)
|
||||||
|
|
||||||
|
## Solution
|
||||||
|
|
||||||
|
Solution|Author(s)
|
||||||
|
--------|---------
|
||||||
|
angular-multipage|Waldek Mastykarz (MVP, Rencore, @waldekm)
|
||||||
|
|
||||||
|
## Version history
|
||||||
|
|
||||||
|
Version|Date|Comments
|
||||||
|
-------|----|--------
|
||||||
|
1.0.0|November 1, 2016|Initial release
|
||||||
|
|
||||||
|
## Disclaimer
|
||||||
|
**THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.**
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Prerequisites
|
||||||
|
|
||||||
|
- Site Collection created under the **/sites/** Managed Path
|
||||||
|
|
||||||
|
## Minimal Path to Awesome
|
||||||
|
|
||||||
|
### Poll web part
|
||||||
|
|
||||||
|
- create list for the poll
|
||||||
|
- in SharePoint create a new list
|
||||||
|
- in the list add new column called `NumVotes` of type **Number** (you can change the name later if you want)
|
||||||
|
- in the list add a few items - each representing one of the vote options in your poll (for example for a poll about favorite JavaScript frameworks you would add items like _Angular_, _React_, _jQuery_, etc.)
|
||||||
|
- deploy SharePoint workbench
|
||||||
|
- clone this repo
|
||||||
|
- in the command line run
|
||||||
|
- `npm i`
|
||||||
|
- `gulp serve --nobrowser`
|
||||||
|
- from the **./temp** directory create a copy of the **workbench.html** file and rename it to **workbench.aspx**
|
||||||
|
- in the **workbench.aspx** file change the value of the **webAbsoluteUrl** property to the absolute URL of your SharePoint site
|
||||||
|
- upload the **workbench.aspx** file to a document library in your site
|
||||||
|
- use the web part
|
||||||
|
- in your web browser navigate to the **workbench.aspx** page uploaded in your SharePoint site
|
||||||
|
- add the Poll web part to the canvas
|
||||||
|
- in the configuration specify the **Poll title** and optionally the **Poll description**. Also specify the title of your poll list
|
||||||
|
- confirm the changes by clicking the **Apply** button
|
||||||
|
- select one of the vote options and click the **Vote** button to submit your vote
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## Features
|
||||||
|
|
||||||
|
This project contains sample client-side web parts built on the SharePoint Framework using Angular illustrating working with multi-page web parts.
|
||||||
|
|
||||||
|
This sample illustrates the following concepts on top of the SharePoint Framework:
|
||||||
|
|
||||||
|
- using Angular v1.x with TypeScript for building SharePoint Framework client-side web parts
|
||||||
|
- using Angular UI Router for building multi-page web parts
|
||||||
|
- navigating between the different pages without changing the URL
|
||||||
|
- building parent and child states with Angular UI Router
|
||||||
|
- passing web part configuration into an Angular application
|
||||||
|
- reacting to Angular events in a SharePoint Framework client-side web part
|
||||||
|
- styling Angular applications using Office UI Fabric
|
||||||
|
- using non-reactive web part property pane
|
||||||
|
- using conditional rendering for one-time web part setup
|
||||||
|
- chaining multiple Angular promises
|
||||||
|
- reading and updating SharePoint list items using Angular
|
||||||
|
- showing charts using [Chart.js](http://www.chartjs.org) and [Angular Chart directives](https://jtblin.github.io/angular-chart.js/)
|
||||||
|
|
||||||
|
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/angular-multipage" />
|
||||||
|
|
@ -0,0 +1,86 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<Project DefaultTargets="Gulp" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
|
||||||
|
<PropertyGroup>
|
||||||
|
<Configuration Condition=" '$(Configuration)' == '' ">Debug</Configuration>
|
||||||
|
<SchemaVersion>2.0</SchemaVersion>
|
||||||
|
<ProjectGuid>{2edf4e93-fd5d-4c59-8b46-480af77c2233}</ProjectGuid>
|
||||||
|
<ProjectHome />
|
||||||
|
<ProjectView>ProjectFiles</ProjectView>
|
||||||
|
<StartupFile>node_modules\gulp\bin\gulp.js</StartupFile>
|
||||||
|
<WorkingDirectory>.</WorkingDirectory>
|
||||||
|
<OutputPath>.</OutputPath>
|
||||||
|
<ProjectTypeGuids>{3AF33F2E-1136-4D97-BBB7-1795711AC8B8};{349c5851-65df-11da-9384-00065b846f21};{9092AA53-FB77-4645-B42D-1CCCA6BD08BD}</ProjectTypeGuids>
|
||||||
|
<TypeScriptSourceMap>true</TypeScriptSourceMap>
|
||||||
|
<TypeScriptModuleKind>CommonJS</TypeScriptModuleKind>
|
||||||
|
<EnableTypeScript>false</EnableTypeScript>
|
||||||
|
<VisualStudioVersion Condition="'$(VisualStudioVersion)' == ''">11.0</VisualStudioVersion>
|
||||||
|
<VSToolsPath Condition="'$(VSToolsPath)' == ''">$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)</VSToolsPath>
|
||||||
|
<ScriptArguments>serve</ScriptArguments>
|
||||||
|
<StartWebBrowser>True</StartWebBrowser>
|
||||||
|
</PropertyGroup>
|
||||||
|
<PropertyGroup Condition="'$(Configuration)' == 'Debug'" />
|
||||||
|
<PropertyGroup Condition="'$(Configuration)' == 'Release'" />
|
||||||
|
<Target Name="Gulp">
|
||||||
|
<Message Text="Running gulp2vs.js" Importance="normal" />
|
||||||
|
<Exec Command="node.exe "$(MSBuildThisFileDirectory)\node_modules\@microsoft\npmx-lib\lib\gulp2vs.js"" />
|
||||||
|
</Target>
|
||||||
|
<ItemGroup>
|
||||||
|
<Content Include="*.js" />
|
||||||
|
<Content Include="*.json" />
|
||||||
|
<Content Include="*.md" />
|
||||||
|
<Content Include="config\**\*.json" />
|
||||||
|
<Content Include="docs\*.md" />
|
||||||
|
<Content Include="sharepoint\feature_xml\**\*.*" />
|
||||||
|
<Content Include="src\**\*.html" />
|
||||||
|
<Content Include="src\**\*.js" />
|
||||||
|
<Content Include="src\**\*.json" />
|
||||||
|
<Content Include="src\**\*.less" />
|
||||||
|
<Content Include="src\**\*.resx" />
|
||||||
|
<Content Include="src\**\*.scss" />
|
||||||
|
<Content Include="src\**\*.ts" />
|
||||||
|
<Content Include="src\**\*.tsx" />
|
||||||
|
<Content Include="typings\**\*.ts" />
|
||||||
|
</ItemGroup>
|
||||||
|
<Import Project="$(MSBuildToolsPath)\Microsoft.Common.targets" Condition="Exists('$(MSBuildExtensionsPath)\$(MSBuildToolsVersion)\Microsoft.Common.props')" />
|
||||||
|
<!--Do not delete the following Import Project. While this appears to do nothing it is a marker for setting TypeScript properties before our import that depends on them.-->
|
||||||
|
<Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.targets" Condition="False" />
|
||||||
|
<Import Project="$(VSToolsPath)\Node.js Tools\Microsoft.NodejsTools.targets" />
|
||||||
|
<ProjectExtensions>
|
||||||
|
<VisualStudio>
|
||||||
|
<FlavorProperties GUID="{349c5851-65df-11da-9384-00065b846f21}">
|
||||||
|
<WebProjectProperties>
|
||||||
|
<UseIIS>False</UseIIS>
|
||||||
|
<AutoAssignPort>True</AutoAssignPort>
|
||||||
|
<DevelopmentServerPort>0</DevelopmentServerPort>
|
||||||
|
<DevelopmentServerVPath>/</DevelopmentServerVPath>
|
||||||
|
<IISUrl>http://localhost:48022/</IISUrl>
|
||||||
|
<NTLMAuthentication>False</NTLMAuthentication>
|
||||||
|
<UseCustomServer>True</UseCustomServer>
|
||||||
|
<CustomServerUrl>http://localhost:1337</CustomServerUrl>
|
||||||
|
<SaveServerSettingsInUserFile>False</SaveServerSettingsInUserFile>
|
||||||
|
</WebProjectProperties>
|
||||||
|
</FlavorProperties>
|
||||||
|
<FlavorProperties GUID="{349c5851-65df-11da-9384-00065b846f21}" User="">
|
||||||
|
<WebProjectProperties>
|
||||||
|
<StartPageUrl>
|
||||||
|
</StartPageUrl>
|
||||||
|
<StartAction>CurrentPage</StartAction>
|
||||||
|
<AspNetDebugging>True</AspNetDebugging>
|
||||||
|
<SilverlightDebugging>False</SilverlightDebugging>
|
||||||
|
<NativeDebugging>False</NativeDebugging>
|
||||||
|
<SQLDebugging>False</SQLDebugging>
|
||||||
|
<ExternalProgram>
|
||||||
|
</ExternalProgram>
|
||||||
|
<StartExternalURL>
|
||||||
|
</StartExternalURL>
|
||||||
|
<StartCmdLineArguments>
|
||||||
|
</StartCmdLineArguments>
|
||||||
|
<StartWorkingDirectory>
|
||||||
|
</StartWorkingDirectory>
|
||||||
|
<EnableENC>False</EnableENC>
|
||||||
|
<AlwaysStartWebServerOnDebug>False</AlwaysStartWebServerOnDebug>
|
||||||
|
</WebProjectProperties>
|
||||||
|
</FlavorProperties>
|
||||||
|
</VisualStudio>
|
||||||
|
</ProjectExtensions>
|
||||||
|
</Project>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 618 KiB |
|
|
@ -0,0 +1,22 @@
|
||||||
|
{
|
||||||
|
"entries": [
|
||||||
|
{
|
||||||
|
"entry": "./lib/webparts/poll/PollWebPart.js",
|
||||||
|
"manifest": "./src/webparts/poll/PollWebPart.manifest.json",
|
||||||
|
"outputPath": "./dist/poll.bundle.js"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"externals": {
|
||||||
|
"@microsoft/sp-client-base": "node_modules/@microsoft/sp-client-base/dist/sp-client-base.js",
|
||||||
|
"@microsoft/sp-client-preview": "node_modules/@microsoft/sp-client-preview/dist/sp-client-preview.js",
|
||||||
|
"@microsoft/sp-lodash-subset": "node_modules/@microsoft/sp-lodash-subset/dist/sp-lodash-subset.js",
|
||||||
|
"office-ui-fabric-react": "node_modules/office-ui-fabric-react/dist/office-ui-fabric-react.js",
|
||||||
|
"react": "node_modules/react/dist/react.min.js",
|
||||||
|
"react-dom": "node_modules/react-dom/dist/react-dom.min.js",
|
||||||
|
"react-dom/server": "node_modules/react-dom/dist/react-dom-server.min.js",
|
||||||
|
"moment": "https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.2/moment.min.js"
|
||||||
|
},
|
||||||
|
"localizedResources": {
|
||||||
|
"pollStrings": "webparts/poll/loc/{locale}.js"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
{
|
||||||
|
"workingDir": "./temp/deploy/",
|
||||||
|
"account": "<!-- STORAGE ACCOUNT NAME -->",
|
||||||
|
"container": "angular-multipage",
|
||||||
|
"accessKey": "<!-- ACCESS KEY -->"
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
{
|
||||||
|
"solution": {
|
||||||
|
"name": "angular-multipage-client-side-solution",
|
||||||
|
"id": "2edf4e93-fd5d-4c59-8b46-480af77c2233",
|
||||||
|
"version": "1.0.0.0"
|
||||||
|
},
|
||||||
|
"paths": {
|
||||||
|
"zippedPackage": "solution/angular-multipage.spapp"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
{
|
||||||
|
"deployCdnPath": "temp/deploy"
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
{
|
||||||
|
"port": 4321,
|
||||||
|
"initialPage": "https://localhost:5432/workbench",
|
||||||
|
"https": true,
|
||||||
|
"api": {
|
||||||
|
"port": 5432,
|
||||||
|
"entryPath": "node_modules/@microsoft/sp-webpart-workbench/lib/api/"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,51 @@
|
||||||
|
{
|
||||||
|
// Display errors as warnings
|
||||||
|
"displayAsWarning": true,
|
||||||
|
// The TSLint task may have been configured with several custom lint rules
|
||||||
|
// before this config file is read (for example lint rules from the tslint-microsoft-contrib
|
||||||
|
// project). If true, this flag will deactivate any of these rules.
|
||||||
|
"removeExistingRules": true,
|
||||||
|
// When true, the TSLint task is configured with some default TSLint "rules.":
|
||||||
|
"useDefaultConfigAsBase": false,
|
||||||
|
// Since removeExistingRules=true and useDefaultConfigAsBase=false, there will be no lint rules
|
||||||
|
// which are active, other than the list of rules below.
|
||||||
|
"lintConfig": {
|
||||||
|
// Opt-in to Lint rules which help to eliminate bugs in JavaScript
|
||||||
|
"rules": {
|
||||||
|
"class-name": false,
|
||||||
|
"export-name": false,
|
||||||
|
"forin": false,
|
||||||
|
"label-position": false,
|
||||||
|
"label-undefined": false,
|
||||||
|
"member-access": true,
|
||||||
|
"no-arg": false,
|
||||||
|
"no-console": false,
|
||||||
|
"no-construct": false,
|
||||||
|
"no-duplicate-case": true,
|
||||||
|
"no-duplicate-key": false,
|
||||||
|
"no-duplicate-variable": true,
|
||||||
|
"no-eval": false,
|
||||||
|
"no-function-expression": true,
|
||||||
|
"no-internal-module": true,
|
||||||
|
"no-shadowed-variable": true,
|
||||||
|
"no-switch-case-fall-through": true,
|
||||||
|
"no-unnecessary-semicolons": true,
|
||||||
|
"no-unused-expression": true,
|
||||||
|
"no-unused-imports": true,
|
||||||
|
"no-unused-variable": true,
|
||||||
|
"no-unreachable": true,
|
||||||
|
"no-use-before-declare": true,
|
||||||
|
"no-with-statement": true,
|
||||||
|
"semicolon": true,
|
||||||
|
"trailing-comma": false,
|
||||||
|
"typedef": false,
|
||||||
|
"typedef-whitespace": false,
|
||||||
|
"use-named-parameter": true,
|
||||||
|
"valid-typeof": true,
|
||||||
|
"variable-name": false,
|
||||||
|
"whitespace": false,
|
||||||
|
"prefer-const": true,
|
||||||
|
"a11y-role": true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
{
|
||||||
|
"cdnBasePath": "<!-- PATH TO CDN -->"
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
const gulp = require('gulp');
|
||||||
|
const build = require('@microsoft/sp-build-web');
|
||||||
|
|
||||||
|
build.initialize(gulp);
|
||||||
|
|
@ -0,0 +1,34 @@
|
||||||
|
{
|
||||||
|
"name": "angular-multipage",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"private": true,
|
||||||
|
"engines": {
|
||||||
|
"node": ">=0.10.0"
|
||||||
|
},
|
||||||
|
"author": {
|
||||||
|
"name": "Waldek Mastykarz",
|
||||||
|
"url": "https://blog.mastykarz.nl"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@microsoft/sp-client-base": "~0.4.0",
|
||||||
|
"@microsoft/sp-client-preview": "~0.5.0",
|
||||||
|
"@types/angular": "^1.5.17",
|
||||||
|
"@types/angular-ui-router": "^1.1.34",
|
||||||
|
"@types/chart.js": "0.0.7",
|
||||||
|
"angular": "^1.5.8",
|
||||||
|
"angular-chart.js": "^1.0.3",
|
||||||
|
"angular-ui-router": "^0.3.1",
|
||||||
|
"chart.js": "^2.3.0"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@microsoft/sp-build-web": "~0.7.0",
|
||||||
|
"@microsoft/sp-module-interfaces": "~0.4.0",
|
||||||
|
"@microsoft/sp-webpart-workbench": "~0.5.0",
|
||||||
|
"gulp": "~3.9.1"
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"build": "gulp bundle",
|
||||||
|
"clean": "gulp nuke",
|
||||||
|
"test": "gulp test"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
var context = require.context('.', true, /.+\.test\.js?$/);
|
||||||
|
|
||||||
|
context.keys().forEach(context);
|
||||||
|
|
||||||
|
module.exports = context;
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
import { DisplayMode } from '@microsoft/sp-client-base';
|
||||||
|
|
||||||
|
export interface IConfigurationChanged {
|
||||||
|
listName: string;
|
||||||
|
sharePointApiUrl: string;
|
||||||
|
title: string;
|
||||||
|
description: string;
|
||||||
|
displayMode: DisplayMode;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
export interface IPollWebPartProps {
|
||||||
|
listName: string;
|
||||||
|
pollTitle: string;
|
||||||
|
pollDescription: string;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
.poll {
|
||||||
|
.container {
|
||||||
|
max-width: 700px;
|
||||||
|
margin: 0px auto;
|
||||||
|
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,21 @@
|
||||||
|
{
|
||||||
|
"$schema": "../../../node_modules/@microsoft/sp-module-interfaces/lib/manifestSchemas/jsonSchemas/clientSideComponentManifestSchema.json",
|
||||||
|
|
||||||
|
"id": "2527c144-5b77-4709-8d14-4313b7380dd1",
|
||||||
|
"componentType": "WebPart",
|
||||||
|
"version": "0.0.1",
|
||||||
|
"manifestVersion": 2,
|
||||||
|
|
||||||
|
"preconfiguredEntries": [{
|
||||||
|
"groupId": "2527c144-5b77-4709-8d14-4313b7380dd1",
|
||||||
|
"group": { "default": "Content" },
|
||||||
|
"title": { "default": "Poll" },
|
||||||
|
"description": { "default": "Vote and see the results" },
|
||||||
|
"officeFabricIconFontName": "CheckboxComposite",
|
||||||
|
"properties": {
|
||||||
|
"listName": "",
|
||||||
|
"pollTitle": "",
|
||||||
|
"pollDescription": ""
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,101 @@
|
||||||
|
import {
|
||||||
|
BaseClientSideWebPart,
|
||||||
|
IPropertyPaneSettings,
|
||||||
|
IWebPartContext,
|
||||||
|
PropertyPaneTextField
|
||||||
|
} from '@microsoft/sp-client-preview';
|
||||||
|
import * as angular from 'angular';
|
||||||
|
|
||||||
|
import styles from './Poll.module.scss';
|
||||||
|
import * as strings from 'pollStrings';
|
||||||
|
import { IPollWebPartProps } from './IPollWebPartProps';
|
||||||
|
import { IConfigurationChanged } from './IConfigurationChanged';
|
||||||
|
import './app/app.module';
|
||||||
|
|
||||||
|
export default class PollWebPart extends BaseClientSideWebPart<IPollWebPartProps> {
|
||||||
|
private $injector: ng.auto.IInjectorService;
|
||||||
|
|
||||||
|
public constructor(context: IWebPartContext) {
|
||||||
|
super(context);
|
||||||
|
}
|
||||||
|
|
||||||
|
public render(): void {
|
||||||
|
if (this.renderedOnce === false) {
|
||||||
|
this.domElement.innerHTML = `
|
||||||
|
<div class="${styles.poll}" ng-controller="appController as vm">
|
||||||
|
<div ui-view></div>
|
||||||
|
</div>`;
|
||||||
|
|
||||||
|
this.$injector = angular.bootstrap(this.domElement, ['poll']);
|
||||||
|
}
|
||||||
|
|
||||||
|
const $rootScope: angular.IRootScopeService = this.$injector.get('$rootScope');
|
||||||
|
$rootScope.$broadcast('configurationChanged', <IConfigurationChanged>{
|
||||||
|
listName: this.properties.listName,
|
||||||
|
sharePointApiUrl: this.context.pageContext.web.absoluteUrl + '/_api',
|
||||||
|
title: this.properties.pollTitle,
|
||||||
|
description: this.properties.pollDescription,
|
||||||
|
displayMode: this.displayMode
|
||||||
|
});
|
||||||
|
$rootScope.$on('startConfiguration', (event: angular.IAngularEvent): void => {
|
||||||
|
this.configureStart();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
protected get propertyPaneSettings(): IPropertyPaneSettings {
|
||||||
|
return {
|
||||||
|
pages: [
|
||||||
|
{
|
||||||
|
header: {
|
||||||
|
description: strings.PropertyPaneDescription
|
||||||
|
},
|
||||||
|
groups: [
|
||||||
|
{
|
||||||
|
groupName: strings.ViewGroupName,
|
||||||
|
groupFields: [
|
||||||
|
PropertyPaneTextField('pollTitle', {
|
||||||
|
label: strings.PollTitleFieldLabel,
|
||||||
|
onGetErrorMessage: this.validatePollTitle
|
||||||
|
}),
|
||||||
|
PropertyPaneTextField('pollDescription', {
|
||||||
|
label: strings.PollDescriptionFieldLabel
|
||||||
|
})
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
groupName: strings.DataGroupName,
|
||||||
|
groupFields: [
|
||||||
|
PropertyPaneTextField('listName', {
|
||||||
|
label: strings.ListNameFieldLabel,
|
||||||
|
onGetErrorMessage: this.validateListName
|
||||||
|
})
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
private validatePollTitle(pollTitle: string): string {
|
||||||
|
if (pollTitle.trim().length === 0) {
|
||||||
|
return 'Please enter title of this poll';
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private validateListName(listName: string): string {
|
||||||
|
if (listName.trim().length === 0) {
|
||||||
|
return 'Please enter the name of the list';
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
protected get disableReactivePropertyChanges(): boolean {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,32 @@
|
||||||
|
import * as angular from 'angular';
|
||||||
|
import { DisplayMode } from '@microsoft/sp-client-base';
|
||||||
|
import { IConfigurationChanged } from '../IConfigurationChanged';
|
||||||
|
|
||||||
|
export interface IAppControllerState {
|
||||||
|
}
|
||||||
|
|
||||||
|
export class AppController implements IAppControllerState {
|
||||||
|
public static $inject: string[] = ['$rootScope', '$state'];
|
||||||
|
|
||||||
|
constructor($rootScope: angular.IRootScopeService, private $state: angular.ui.IStateService) {
|
||||||
|
$rootScope.$on('configurationChanged', (event: angular.IAngularEvent, args: IConfigurationChanged): void => {
|
||||||
|
this.init(args.listName, args.sharePointApiUrl, args.title, args.description, args.displayMode);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
private init(listName: string, sharePointApiUrl: string, title: string, description: string, displayMode: DisplayMode): void {
|
||||||
|
if (!listName || listName.trim().length === 0) {
|
||||||
|
this.$state.go('config', {
|
||||||
|
displayMode: displayMode
|
||||||
|
});
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
this.$state.go('poll.vote', <IConfigurationChanged>{
|
||||||
|
title: title,
|
||||||
|
description: description,
|
||||||
|
listName: listName,
|
||||||
|
sharePointApiUrl: sharePointApiUrl
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,25 @@
|
||||||
|
import * as angular from 'angular';
|
||||||
|
import 'angular-ui-router';
|
||||||
|
import 'angular-chart.js';
|
||||||
|
import { AppController } from './AppController';
|
||||||
|
import { ConfigController } from './config/ConfigController';
|
||||||
|
import { PollController } from './poll/PollController';
|
||||||
|
import { VoteController } from './poll/vote/VoteController';
|
||||||
|
import { ResultsController } from './poll/results/ResultsController';
|
||||||
|
import { PollService } from './services/PollService';
|
||||||
|
import { SpinnerDirective } from './directives/SpinnerDirective';
|
||||||
|
|
||||||
|
angular
|
||||||
|
.module('poll', [
|
||||||
|
'ui.router',
|
||||||
|
'chart.js'
|
||||||
|
])
|
||||||
|
.controller('appController', AppController)
|
||||||
|
.controller('configController', ConfigController)
|
||||||
|
.controller('pollController', PollController)
|
||||||
|
.controller('voteController', VoteController)
|
||||||
|
.controller('resultsController', ResultsController)
|
||||||
|
.service('PollService', PollService)
|
||||||
|
.directive('spinner', SpinnerDirective.factory());
|
||||||
|
|
||||||
|
require('./app.states');
|
||||||
|
|
@ -0,0 +1,46 @@
|
||||||
|
import * as angular from 'angular';
|
||||||
|
|
||||||
|
angular
|
||||||
|
.module('poll')
|
||||||
|
.config(uiRouterConfigurator);
|
||||||
|
|
||||||
|
uiRouterConfigurator.$inject = ['$stateProvider', '$urlRouterProvider'];
|
||||||
|
|
||||||
|
function uiRouterConfigurator($stateProvider: ng.ui.IStateProvider, $urlRouterProvider: ng.ui.IUrlRouterProvider): void {
|
||||||
|
$stateProvider
|
||||||
|
.state('config', {
|
||||||
|
template: require('./config/config.html'),
|
||||||
|
params: {
|
||||||
|
displayMode: undefined
|
||||||
|
},
|
||||||
|
controller: 'configController',
|
||||||
|
controllerAs: 'vm'
|
||||||
|
})
|
||||||
|
.state('poll', {
|
||||||
|
template: require('./poll/poll.html'),
|
||||||
|
params: {
|
||||||
|
title: undefined,
|
||||||
|
description: undefined
|
||||||
|
},
|
||||||
|
controller: 'pollController',
|
||||||
|
controllerAs: 'vm'
|
||||||
|
})
|
||||||
|
.state('poll.vote', {
|
||||||
|
template: require('./poll/vote/vote.html'),
|
||||||
|
params: {
|
||||||
|
listName: undefined,
|
||||||
|
sharePointApiUrl: undefined
|
||||||
|
},
|
||||||
|
controller: 'voteController',
|
||||||
|
controllerAs: 'vm'
|
||||||
|
})
|
||||||
|
.state('poll.results', {
|
||||||
|
template: require('./poll/results/results.html'),
|
||||||
|
params: {
|
||||||
|
listName: undefined,
|
||||||
|
sharePointApiUrl: undefined
|
||||||
|
},
|
||||||
|
controller: 'resultsController',
|
||||||
|
controllerAs: 'vm'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,27 @@
|
||||||
|
import * as angular from 'angular';
|
||||||
|
import { DisplayMode } from '@microsoft/sp-client-base';
|
||||||
|
|
||||||
|
export interface IConfigControllerState {
|
||||||
|
isEditMode: boolean;
|
||||||
|
configure: ($event: MouseEvent) => void;
|
||||||
|
}
|
||||||
|
|
||||||
|
export class ConfigController implements IConfigControllerState {
|
||||||
|
public static $inject: string[] = ['$stateParams', '$rootScope'];
|
||||||
|
|
||||||
|
public isEditMode: boolean;
|
||||||
|
|
||||||
|
constructor($stateParams: angular.ui.IStateParamsService, private $rootScope: angular.IRootScopeService) {
|
||||||
|
this.init($stateParams['displayMode']);
|
||||||
|
}
|
||||||
|
|
||||||
|
private init(displayMode: DisplayMode): void {
|
||||||
|
this.isEditMode = displayMode === DisplayMode.Edit;
|
||||||
|
}
|
||||||
|
|
||||||
|
public configure($event: MouseEvent): void {
|
||||||
|
$event.preventDefault();
|
||||||
|
|
||||||
|
this.$rootScope.$broadcast('startConfiguration');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
<div class="Placeholder">
|
||||||
|
<div class="Placeholder-container ms-Grid">
|
||||||
|
<div class="Placeholder-head ms-Grid-row">
|
||||||
|
<div class="ms-Grid-col ms-u-hiddenSm ms-u-md3">
|
||||||
|
</div>
|
||||||
|
<div class="Placeholder-headContainer ms-Grid-col ms-u-sm12 ms-u-md6">
|
||||||
|
<i class="Placeholder-icon ms-fontSize-su ms-Icon ms-Icon--CheckboxComposite"></i>
|
||||||
|
<span class="Placeholder-text ms-fontWeight-light ms-fontSize-xxl">Poll</span>
|
||||||
|
</div>
|
||||||
|
<div class="ms-Grid-col ms-u-hiddenSm ms-u-md3">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="Placeholder-description ms-Grid-row">
|
||||||
|
<span class="Placeholder-descriptionText">Find out what others think.</span>
|
||||||
|
</div>
|
||||||
|
<div class="Placeholder-description ms-Grid-row">
|
||||||
|
<button class="ms-Button ms-Button--primary" ng-click="vm.configure($event)"
|
||||||
|
ng-show="vm.isEditMode">
|
||||||
|
<span class="ms-Button-label">Configure</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,189 @@
|
||||||
|
import * as angular from 'angular';
|
||||||
|
|
||||||
|
export enum SpinnerSize {
|
||||||
|
'small',
|
||||||
|
'large'
|
||||||
|
}
|
||||||
|
|
||||||
|
export class SpinnerDirective implements angular.IDirective {
|
||||||
|
public restrict: string = 'E';
|
||||||
|
public transclude: boolean = true;
|
||||||
|
public replace: boolean = true;
|
||||||
|
public template: string = '<div class="ms-Spinner"></div>';
|
||||||
|
public controller: any = SpinnerController;
|
||||||
|
public scope: any = {
|
||||||
|
'ngShow': '=',
|
||||||
|
'uifSize': '@'
|
||||||
|
};
|
||||||
|
|
||||||
|
public static factory(): angular.IDirectiveFactory {
|
||||||
|
const directive: angular.IDirectiveFactory = () => new SpinnerDirective();
|
||||||
|
return directive;
|
||||||
|
}
|
||||||
|
|
||||||
|
public link(
|
||||||
|
scope: ISpinnerScope,
|
||||||
|
instanceElement: angular.IAugmentedJQuery,
|
||||||
|
attrs: ISpinnerAttributes,
|
||||||
|
controller: SpinnerController,
|
||||||
|
$transclude: angular.ITranscludeFunction): void {
|
||||||
|
|
||||||
|
if (angular.isDefined(attrs.uifSize)) {
|
||||||
|
if (angular.isUndefined(SpinnerSize[attrs.uifSize])) {
|
||||||
|
|
||||||
|
controller.$log.error('Error [ngOfficeUiFabric] officeuifabric.components.spinner - Unsupported size: ' +
|
||||||
|
'Spinner size (\'' + attrs.uifSize + '\') is not supported by the Office UI Fabric.');
|
||||||
|
}
|
||||||
|
|
||||||
|
if (SpinnerSize[attrs.uifSize] === SpinnerSize.large) {
|
||||||
|
instanceElement.addClass('ms-Spinner--large');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (attrs.ngShow != null) {
|
||||||
|
scope.$watch('ngShow', (newVisible: boolean, oldVisible: boolean, spinnerScope: ISpinnerScope): void => {
|
||||||
|
if (newVisible) {
|
||||||
|
spinnerScope.start();
|
||||||
|
} else {
|
||||||
|
spinnerScope.stop();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
scope.start();
|
||||||
|
}
|
||||||
|
|
||||||
|
$transclude((clone: angular.IAugmentedJQuery) => {
|
||||||
|
if (clone.length > 0) {
|
||||||
|
const wrapper: angular.IAugmentedJQuery = angular.element('<div></div>');
|
||||||
|
wrapper.addClass('ms-Spinner-label').append(clone);
|
||||||
|
instanceElement.append(wrapper);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
scope.init();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface ISpinnerScope extends angular.IScope {
|
||||||
|
start: () => void;
|
||||||
|
stop: () => void;
|
||||||
|
init: () => void;
|
||||||
|
ngShow: boolean;
|
||||||
|
uifSize: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export class SpinnerController {
|
||||||
|
|
||||||
|
public static $inject: string[] = ['$scope', '$element', '$interval', '$log'];
|
||||||
|
|
||||||
|
private _offsetSize: number = 0.179;
|
||||||
|
private _numCircles: number = 8;
|
||||||
|
private _animationSpeed: number = 90;
|
||||||
|
private _circles: CircleObject[] = [];
|
||||||
|
private _fadeIncrement: number;
|
||||||
|
private _animationInterval: angular.IPromise<any>;
|
||||||
|
private _parentSize: number;
|
||||||
|
|
||||||
|
constructor(
|
||||||
|
public $scope: ISpinnerScope,
|
||||||
|
private $element: angular.IAugmentedJQuery,
|
||||||
|
private $interval: angular.IIntervalService,
|
||||||
|
public $log: angular.ILogService) {
|
||||||
|
|
||||||
|
$scope.init = (): void => {
|
||||||
|
this._parentSize = SpinnerSize[this.$scope.uifSize] === SpinnerSize.large ? 28 : 20;
|
||||||
|
this.createCirclesAndArrange();
|
||||||
|
this.setInitialOpacity();
|
||||||
|
};
|
||||||
|
|
||||||
|
$scope.start = (): void => {
|
||||||
|
this._animationInterval = $interval(
|
||||||
|
() => {
|
||||||
|
let i: number = this._circles.length;
|
||||||
|
while (i--) {
|
||||||
|
this.fadeCircle(this._circles[i]);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
this._animationSpeed);
|
||||||
|
};
|
||||||
|
|
||||||
|
$scope.stop = (): void => {
|
||||||
|
$interval.cancel(this._animationInterval);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
private createCirclesAndArrange(): void {
|
||||||
|
|
||||||
|
let angle: number = 0;
|
||||||
|
const offset: number = this._parentSize * this._offsetSize;
|
||||||
|
const step: number = (2 * Math.PI) / this._numCircles;
|
||||||
|
let i: number = this._numCircles;
|
||||||
|
const radius: number = (this._parentSize - offset) * 0.5;
|
||||||
|
|
||||||
|
while (i--) {
|
||||||
|
const circle: angular.IAugmentedJQuery = this.createCircle();
|
||||||
|
|
||||||
|
const x: number = Math.round(this._parentSize * 0.5 + radius * Math.cos(angle) - circle[0].clientWidth * 0.5) - offset * 0.5;
|
||||||
|
const y: number = Math.round(this._parentSize * 0.5 + radius * Math.sin(angle) - circle[0].clientHeight * 0.5) - offset * 0.5;
|
||||||
|
|
||||||
|
this.$element.append(circle);
|
||||||
|
|
||||||
|
circle.css('left', (x + 'px'));
|
||||||
|
circle.css('top', (y + 'px'));
|
||||||
|
|
||||||
|
angle += step;
|
||||||
|
|
||||||
|
const circleObject: CircleObject = new CircleObject(circle, i);
|
||||||
|
this._circles.push(circleObject);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private createCircle(): angular.IAugmentedJQuery {
|
||||||
|
const circle: angular.IAugmentedJQuery = angular.element('<div></div>');
|
||||||
|
const dotSize: string = (this._parentSize * this._offsetSize) + 'px';
|
||||||
|
circle.addClass('ms-Spinner-circle').css('width', dotSize).css('height', dotSize);
|
||||||
|
|
||||||
|
return circle;
|
||||||
|
};
|
||||||
|
|
||||||
|
private setInitialOpacity(): void {
|
||||||
|
let opcaityToSet: number;
|
||||||
|
this._fadeIncrement = 1 / this._numCircles;
|
||||||
|
|
||||||
|
this._circles.forEach((circle: CircleObject, index: number) => {
|
||||||
|
opcaityToSet = (this._fadeIncrement * (index + 1));
|
||||||
|
circle.opacity = opcaityToSet;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
private fadeCircle(circle: CircleObject): void {
|
||||||
|
let newOpacity: number = circle.opacity - this._fadeIncrement;
|
||||||
|
|
||||||
|
if (newOpacity <= 0) {
|
||||||
|
newOpacity = 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
circle.opacity = newOpacity;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
class CircleObject {
|
||||||
|
constructor(
|
||||||
|
public circleElement: angular.IAugmentedJQuery,
|
||||||
|
public circleIndex: number) {
|
||||||
|
}
|
||||||
|
|
||||||
|
public get opacity(): number {
|
||||||
|
return +(this.circleElement.css('opacity'));
|
||||||
|
}
|
||||||
|
|
||||||
|
public set opacity(opacity: number) {
|
||||||
|
this.circleElement.css('opacity', opacity);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface ISpinnerAttributes extends angular.IAttributes {
|
||||||
|
uifSize?: string;
|
||||||
|
ngShow?: any;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,22 @@
|
||||||
|
import * as angular from 'angular';
|
||||||
|
|
||||||
|
export interface IPollControllerState {
|
||||||
|
title: string;
|
||||||
|
description: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export class PollController implements IPollControllerState {
|
||||||
|
public static $inject: string[] = ['$stateParams'];
|
||||||
|
|
||||||
|
public title: string;
|
||||||
|
public description: string;
|
||||||
|
|
||||||
|
constructor(private $stateParams: angular.ui.IStateParamsService) {
|
||||||
|
this.init($stateParams['title'], $stateParams['description']);
|
||||||
|
}
|
||||||
|
|
||||||
|
private init(title: string, description: string): void {
|
||||||
|
this.title = title;
|
||||||
|
this.description = description;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
<div class="ms-font-xl">{{::vm.title}}</div>
|
||||||
|
<div class="ms-font-m-plus">{{::vm.description}}</div>
|
||||||
|
<br />
|
||||||
|
<div ui-view></div>
|
||||||
|
|
@ -0,0 +1,74 @@
|
||||||
|
import * as angular from 'angular';
|
||||||
|
import { IPollService, IVoteResult } from '../../services/PollService';
|
||||||
|
|
||||||
|
export interface IResultsControllerScope {
|
||||||
|
loading: boolean;
|
||||||
|
error: string;
|
||||||
|
data: number[][];
|
||||||
|
labels: string[];
|
||||||
|
series: string[];
|
||||||
|
options: any;
|
||||||
|
}
|
||||||
|
|
||||||
|
export class ResultsController implements IResultsControllerScope {
|
||||||
|
public static $inject: string[] = ['PollService', '$stateParams'];
|
||||||
|
|
||||||
|
public loading: boolean;
|
||||||
|
public error: string;
|
||||||
|
public data: number[][];
|
||||||
|
public labels: string[];
|
||||||
|
public series: string[];
|
||||||
|
public options: any;
|
||||||
|
|
||||||
|
private listName: string;
|
||||||
|
private sharePointApiUrl: string;
|
||||||
|
|
||||||
|
constructor(private pollService: IPollService, $stateParams: angular.ui.IStateParamsService) {
|
||||||
|
this.init($stateParams['listName'], $stateParams['sharePointApiUrl']);
|
||||||
|
}
|
||||||
|
|
||||||
|
private init(listName: string, sharePointApiUrl: string): void {
|
||||||
|
this.error = undefined;
|
||||||
|
|
||||||
|
this.listName = listName;
|
||||||
|
this.sharePointApiUrl = sharePointApiUrl;
|
||||||
|
this.loadResults();
|
||||||
|
}
|
||||||
|
|
||||||
|
public loadResults(): void {
|
||||||
|
this.loading = true;
|
||||||
|
this.error = undefined;
|
||||||
|
|
||||||
|
this.pollService.getResults(this.listName, this.sharePointApiUrl)
|
||||||
|
.then((results: IVoteResult[]): void => {
|
||||||
|
this.labels = [];
|
||||||
|
this.series = ['Number of votes'];
|
||||||
|
this.data = [];
|
||||||
|
this.data[0] = [];
|
||||||
|
this.options = {
|
||||||
|
scales: {
|
||||||
|
xAxes: [{
|
||||||
|
gridLines: {
|
||||||
|
display: false
|
||||||
|
},
|
||||||
|
scaleLabel: {
|
||||||
|
display: true,
|
||||||
|
labelString: 'Number of votes'
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
for (let i: number = 0; i < results.length; i++) {
|
||||||
|
const result: IVoteResult = results[i];
|
||||||
|
this.labels.push(result.label);
|
||||||
|
this.data[0].push(result.numVotes);
|
||||||
|
}
|
||||||
|
}, (error: any): void => {
|
||||||
|
this.error = error;
|
||||||
|
})
|
||||||
|
.finally((): void => {
|
||||||
|
this.loading = false;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,11 @@
|
||||||
|
<div ng-hide="vm.error">
|
||||||
|
<div ng-show="vm.loading">
|
||||||
|
<spinner>Loading...</spinner>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<canvas ng-hide="vm.loading" class="chart chart-horizontal-bar" chart-data="vm.data" chart-labels="vm.labels" chart-series="vm.series" chart-options="vm.options">
|
||||||
|
</canvas>
|
||||||
|
</div>
|
||||||
|
<div ng-show="vm.error" class="ms-fontColor-red">
|
||||||
|
<i class="ms-Icon ms-Icon--StatusErrorFull"></i> An error has occured while loading vote options: <em>{{::vm.error.data['odata.error'].message.value}}</em>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,83 @@
|
||||||
|
import * as angular from 'angular';
|
||||||
|
import { IPollService, IVoteOption } from '../../services/PollService';
|
||||||
|
import { IConfigurationChanged } from '../../../IConfigurationChanged';
|
||||||
|
|
||||||
|
export interface IVoteControllerScope {
|
||||||
|
loading: boolean;
|
||||||
|
error: string;
|
||||||
|
voteOptions: IVoteOption[];
|
||||||
|
vote: ($event: MouseEvent) => void;
|
||||||
|
voteOptionId: number;
|
||||||
|
voting: boolean;
|
||||||
|
selectVoteOption: (voteOptionId: number, $event: MouseEvent) => void;
|
||||||
|
}
|
||||||
|
|
||||||
|
export class VoteController implements IVoteControllerScope {
|
||||||
|
public static $inject: string[] = ['PollService', '$state', '$stateParams'];
|
||||||
|
|
||||||
|
public loading: boolean;
|
||||||
|
public error: string;
|
||||||
|
public voteOptions: IVoteOption[];
|
||||||
|
public voteOptionId: number;
|
||||||
|
public voting: boolean;
|
||||||
|
|
||||||
|
private listName: string;
|
||||||
|
private sharePointApiUrl: string;
|
||||||
|
|
||||||
|
constructor(private pollService: IPollService, private $state: angular.ui.IStateService, $stateParams: angular.ui.IStateParamsService) {
|
||||||
|
this.init($stateParams['listName'], $stateParams['sharePointApiUrl']);
|
||||||
|
}
|
||||||
|
|
||||||
|
private init(listName: string, sharePointApiUrl: string): void {
|
||||||
|
this.error = undefined;
|
||||||
|
|
||||||
|
this.listName = listName;
|
||||||
|
this.sharePointApiUrl = sharePointApiUrl;
|
||||||
|
this.loadVoteOptions();
|
||||||
|
}
|
||||||
|
|
||||||
|
private loadVoteOptions(): void {
|
||||||
|
this.loading = true;
|
||||||
|
this.error = undefined;
|
||||||
|
|
||||||
|
this.pollService.getVoteOptions(this.listName, this.sharePointApiUrl)
|
||||||
|
.then((voteOptions: IVoteOption[]): void => {
|
||||||
|
this.voteOptions = voteOptions;
|
||||||
|
}, (error: any): void => {
|
||||||
|
this.error = error;
|
||||||
|
})
|
||||||
|
.finally((): void => {
|
||||||
|
this.loading = false;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
public vote($event: MouseEvent): void {
|
||||||
|
event.preventDefault();
|
||||||
|
|
||||||
|
this.voting = true;
|
||||||
|
this.error = undefined;
|
||||||
|
|
||||||
|
this.pollService.vote(this.voteOptionId, this.listName, this.sharePointApiUrl)
|
||||||
|
.then((): void => {
|
||||||
|
this.$state.go('poll.results', <IConfigurationChanged>{
|
||||||
|
listName: this.listName,
|
||||||
|
sharePointApiUrl: this.sharePointApiUrl
|
||||||
|
});
|
||||||
|
}, (error: any): void => {
|
||||||
|
this.error = error;
|
||||||
|
})
|
||||||
|
.finally((): void => {
|
||||||
|
this.voting = false;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
public selectVoteOption(voteOptionId: number, $event: MouseEvent): void {
|
||||||
|
$event.preventDefault();
|
||||||
|
|
||||||
|
if (this.voting) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
this.voteOptionId = voteOptionId;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,26 @@
|
||||||
|
<div ng-hide="vm.error">
|
||||||
|
<div ng-show="vm.loading">
|
||||||
|
<spinner>Loading...</spinner>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ms-ChoiceFieldGroup" ng-hide="vm.loading">
|
||||||
|
<div class="ms-ChoiceField" ng-repeat="option in vm.voteOptions" ng-click="vm.selectVoteOption(option.id, $event)">
|
||||||
|
<input class="ms-ChoiceField-input" type="radio" value="{{option.id}}" ng-disabled="vm.voting">
|
||||||
|
<label class="ms-ChoiceField-field" ng-class="{ 'is-checked': option.id === vm.voteOptionId, 'is-disabled': vm.voting }">
|
||||||
|
<span class="ms-Label">{{::option.label}}</span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br />
|
||||||
|
<button class="ms-Button ms-Button--primary" ng-disabled="vm.voteOptionId === undefined || vm.voting" ng-click="vm.vote($event)"
|
||||||
|
ng-hide="vm.loading" ng-show="vm.voteOptions && vm.voteOptions.length > 0">
|
||||||
|
<span class="ms-Button-label">Vote</span>
|
||||||
|
</button>
|
||||||
|
<br /><br />
|
||||||
|
<div ng-show="vm.voting">
|
||||||
|
<spinner>Voting...</spinner>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div ng-show="vm.error" class="ms-fontColor-red">
|
||||||
|
<i class="ms-Icon ms-Icon--StatusErrorFull"></i> An error has occured while loading vote options: <em>{{::vm.error.data['odata.error'].message.value}}</em>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,175 @@
|
||||||
|
import * as angular from 'angular';
|
||||||
|
|
||||||
|
export interface IVoteOption {
|
||||||
|
id: number;
|
||||||
|
label: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface IVoteResult extends IVoteOption {
|
||||||
|
numVotes: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface IVoteOptionItem {
|
||||||
|
Id: number;
|
||||||
|
Title: string;
|
||||||
|
NumVotes?: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface IPollService {
|
||||||
|
getVoteOptions: (listName: string, sharePointApiUrl: string) => angular.IPromise<IVoteOption[]>;
|
||||||
|
vote: (voteOptionId: number, listName: string, sharePointApiUrl: string) => angular.IPromise<void>;
|
||||||
|
getResults: (listName: string, sharePointApiUrl: string) => angular.IPromise<IVoteResult[]>;
|
||||||
|
}
|
||||||
|
|
||||||
|
export class PollService implements IPollService {
|
||||||
|
public static $inject: string[] = ['$http', '$q'];
|
||||||
|
|
||||||
|
constructor(private $http: angular.IHttpService, private $q: angular.IQService) {
|
||||||
|
}
|
||||||
|
|
||||||
|
public getVoteOptions(listName: string, sharePointApiUrl: string): angular.IPromise<IVoteOption[]> {
|
||||||
|
const deferred: angular.IDeferred<IVoteOption[]> = this.$q.defer<IVoteOption[]>();
|
||||||
|
|
||||||
|
this.$http({
|
||||||
|
method: 'GET',
|
||||||
|
url: sharePointApiUrl + `/web/lists/getByTitle('${listName}')/items?$select=Id,Title`,
|
||||||
|
headers: {
|
||||||
|
'Accept': 'application/json;odata=nometadata'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.then((result: angular.IHttpPromiseCallbackArg<{ value: IVoteOptionItem[] }>): void => {
|
||||||
|
const voteOptions: IVoteOption[] = [];
|
||||||
|
for (let i: number = 0; i < result.data.value.length; i++) {
|
||||||
|
const item: IVoteOptionItem = result.data.value[i];
|
||||||
|
voteOptions.push({
|
||||||
|
id: item.Id,
|
||||||
|
label: item.Title
|
||||||
|
});
|
||||||
|
}
|
||||||
|
deferred.resolve(voteOptions);
|
||||||
|
}, (error: any): void => {
|
||||||
|
deferred.reject(error);
|
||||||
|
});
|
||||||
|
|
||||||
|
return deferred.promise;
|
||||||
|
}
|
||||||
|
|
||||||
|
public vote(voteOptionId: number, listName: string, sharePointApiUrl: string): angular.IPromise<void> {
|
||||||
|
const deferred: angular.IDeferred<void> = this.$q.defer<void>();
|
||||||
|
|
||||||
|
let requestDigest: string = undefined;
|
||||||
|
let listItemEntityTypeName: string = undefined;
|
||||||
|
|
||||||
|
this.getRequestDigest(sharePointApiUrl)
|
||||||
|
.then((digest: string): angular.IPromise<string> => {
|
||||||
|
requestDigest = digest;
|
||||||
|
|
||||||
|
return this.getListItemEntityTypeName(listName, sharePointApiUrl);
|
||||||
|
})
|
||||||
|
.then((itemEntityTypeName: string): angular.IPromise<IVoteOptionItem> => {
|
||||||
|
listItemEntityTypeName = itemEntityTypeName;
|
||||||
|
|
||||||
|
return this.$http({
|
||||||
|
method: 'GET',
|
||||||
|
url: sharePointApiUrl + `/web/lists/getByTitle('${listName}')/items('${voteOptionId}')?$select=NumVotes`,
|
||||||
|
headers: {
|
||||||
|
'Accept': 'application/json;odata=nometadata'
|
||||||
|
}
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.then((result: angular.IHttpPromiseCallbackArg<IVoteOptionItem>): angular.IPromise<{}> => {
|
||||||
|
const body: string = JSON.stringify({
|
||||||
|
'__metadata': {
|
||||||
|
'type': listItemEntityTypeName
|
||||||
|
},
|
||||||
|
'NumVotes': result.data.NumVotes && !isNaN(result.data.NumVotes) ? result.data.NumVotes+1 : 1
|
||||||
|
});
|
||||||
|
|
||||||
|
return this.$http({
|
||||||
|
url: `${sharePointApiUrl}/web/lists/getByTitle('${listName}')/items(${voteOptionId})`,
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
'Accept': 'application/json;odata=nometadata',
|
||||||
|
'Content-type': 'application/json;odata=verbose',
|
||||||
|
'X-RequestDigest': requestDigest,
|
||||||
|
'IF-MATCH': result.headers('ETag'),
|
||||||
|
'X-HTTP-Method': 'MERGE'
|
||||||
|
},
|
||||||
|
data: body
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.then((): void => {
|
||||||
|
deferred.resolve();
|
||||||
|
}, (error: any): void => {
|
||||||
|
deferred.reject(error);
|
||||||
|
});
|
||||||
|
|
||||||
|
return deferred.promise;
|
||||||
|
}
|
||||||
|
|
||||||
|
public getResults(listName: string, sharePointApiUrl: string): angular.IPromise<IVoteResult[]> {
|
||||||
|
const deferred: angular.IDeferred<IVoteResult[]> = this.$q.defer<IVoteResult[]>();
|
||||||
|
|
||||||
|
this.$http({
|
||||||
|
method: 'GET',
|
||||||
|
url: sharePointApiUrl + `/web/lists/getByTitle('${listName}')/items?$select=Id,Title,NumVotes`,
|
||||||
|
headers: {
|
||||||
|
'Accept': 'application/json;odata=nometadata'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.then((result: angular.IHttpPromiseCallbackArg<{ value: IVoteOptionItem[] }>): void => {
|
||||||
|
const voteResults: IVoteResult[] = [];
|
||||||
|
for (let i: number = 0; i < result.data.value.length; i++) {
|
||||||
|
const item: IVoteOptionItem = result.data.value[i];
|
||||||
|
voteResults.push({
|
||||||
|
id: item.Id,
|
||||||
|
label: item.Title,
|
||||||
|
numVotes: item.NumVotes || 0
|
||||||
|
});
|
||||||
|
}
|
||||||
|
deferred.resolve(voteResults);
|
||||||
|
}, (error: any): void => {
|
||||||
|
deferred.reject(error);
|
||||||
|
});
|
||||||
|
|
||||||
|
return deferred.promise;
|
||||||
|
}
|
||||||
|
|
||||||
|
private getRequestDigest(sharePointApiUrl: string): angular.IPromise<string> {
|
||||||
|
const deferred: angular.IDeferred<string> = this.$q.defer<string>();
|
||||||
|
|
||||||
|
this.$http({
|
||||||
|
method: 'POST',
|
||||||
|
url: sharePointApiUrl + '/contextinfo',
|
||||||
|
headers: {
|
||||||
|
'Accept': 'application/json;odata=nometadata'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.then((result: angular.IHttpPromiseCallbackArg<{ FormDigestValue: string }>): void => {
|
||||||
|
deferred.resolve(result.data.FormDigestValue);
|
||||||
|
}, (error: any): void => {
|
||||||
|
deferred.reject(error);
|
||||||
|
});
|
||||||
|
|
||||||
|
return deferred.promise;
|
||||||
|
}
|
||||||
|
|
||||||
|
private getListItemEntityTypeName(listName: string, sharePointApiUrl: string): angular.IPromise<string> {
|
||||||
|
const deferred: angular.IDeferred<string> = this.$q.defer();
|
||||||
|
|
||||||
|
this.$http({
|
||||||
|
url: `${sharePointApiUrl}/web/lists/getByTitle('${listName}')?$select=ListItemEntityTypeFullName`,
|
||||||
|
method: 'GET',
|
||||||
|
headers: {
|
||||||
|
'Accept': 'application/json;odata=nometadata'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.then((result: angular.IHttpPromiseCallbackArg<{ ListItemEntityTypeFullName: string }>): void => {
|
||||||
|
deferred.resolve(result.data.ListItemEntityTypeFullName);
|
||||||
|
}, (error: any): void => {
|
||||||
|
deferred.reject(error);
|
||||||
|
});
|
||||||
|
|
||||||
|
return deferred.promise;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
define([], function() {
|
||||||
|
return {
|
||||||
|
"PropertyPaneDescription": "Configure properties of this poll",
|
||||||
|
"DataGroupName": "Data",
|
||||||
|
"ViewGroupName": "View",
|
||||||
|
"ListNameFieldLabel": "List name",
|
||||||
|
"PollTitleFieldLabel": "Poll title",
|
||||||
|
"PollDescriptionFieldLabel": "Poll description (optional)"
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,13 @@
|
||||||
|
declare interface IPollStrings {
|
||||||
|
PropertyPaneDescription: string;
|
||||||
|
DataGroupName: string;
|
||||||
|
ViewGroupName: string;
|
||||||
|
ListNameFieldLabel: string;
|
||||||
|
PollTitleFieldLabel: string;
|
||||||
|
PollDescriptionFieldLabel: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
declare module 'pollStrings' {
|
||||||
|
const strings: IPollStrings;
|
||||||
|
export = strings;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
import * as assert from 'assert';
|
||||||
|
|
||||||
|
describe('PollWebPart', () => {
|
||||||
|
it('should do something', () => {
|
||||||
|
assert.ok(true);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"target": "es5",
|
||||||
|
"module": "commonjs",
|
||||||
|
"jsx": "react",
|
||||||
|
"declaration": true,
|
||||||
|
"sourceMap": true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,13 @@
|
||||||
|
// Type definitions for webpack in Microsoft ODSP projects
|
||||||
|
// Project: ODSP-WEBPACK
|
||||||
|
|
||||||
|
/*
|
||||||
|
* This definition of webpack require overrides all other definitions of require in our toolchain
|
||||||
|
* Make sure all other definitions of require are commented out e.g. in node.d.ts
|
||||||
|
*/
|
||||||
|
declare var require: {
|
||||||
|
(path: string): any;
|
||||||
|
(paths: string[], callback: (...modules: any[]) => void): void;
|
||||||
|
resolve: (id: string) => string;
|
||||||
|
ensure: (paths: string[], callback: (require: <T>(path: string) => T) => void, path: string) => void;
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
// Type definitions for Microsoft ODSP projects
|
||||||
|
// Project: ODSP
|
||||||
|
|
||||||
|
/// <reference path="odsp-webpack.d.ts" />
|
||||||
|
|
||||||
|
/* Global definition for DEBUG builds */
|
||||||
|
declare const DEBUG: boolean;
|
||||||
|
|
||||||
|
/* Global definition for UNIT_TEST builds */
|
||||||
|
declare const UNIT_TEST: boolean;
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
// Type definitions for assertion-error 1.0.0
|
||||||
|
// Project: https://github.com/chaijs/assertion-error
|
||||||
|
// Definitions by: Bart van der Schoor <https://github.com/Bartvds>
|
||||||
|
// Definitions: https://github.com/borisyankov/DefinitelyTyped
|
||||||
|
|
||||||
|
declare module 'assertion-error' {
|
||||||
|
class AssertionError implements Error {
|
||||||
|
constructor(message: string, props?: any, ssf?: Function);
|
||||||
|
name: string;
|
||||||
|
message: string;
|
||||||
|
showDiff: boolean;
|
||||||
|
stack: string;
|
||||||
|
}
|
||||||
|
export = AssertionError;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,388 @@
|
||||||
|
// Type definitions for chai 3.2.0
|
||||||
|
// Project: http://chaijs.com/
|
||||||
|
// Definitions by: Jed Mao <https://github.com/jedmao/>,
|
||||||
|
// Bart van der Schoor <https://github.com/Bartvds>,
|
||||||
|
// Andrew Brown <https://github.com/AGBrown>,
|
||||||
|
// Olivier Chevet <https://github.com/olivr70>
|
||||||
|
// Definitions: https://github.com/borisyankov/DefinitelyTyped
|
||||||
|
|
||||||
|
// <reference path="../assertion-error/assertion-error.d.ts"/>
|
||||||
|
|
||||||
|
declare module Chai {
|
||||||
|
|
||||||
|
interface ChaiStatic {
|
||||||
|
expect: ExpectStatic;
|
||||||
|
should(): Should;
|
||||||
|
/**
|
||||||
|
* Provides a way to extend the internals of Chai
|
||||||
|
*/
|
||||||
|
use(fn: (chai: any, utils: any) => void): any;
|
||||||
|
assert: AssertStatic;
|
||||||
|
config: Config;
|
||||||
|
AssertionError: AssertionError;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface ExpectStatic extends AssertionStatic {
|
||||||
|
fail(actual?: any, expected?: any, message?: string, operator?: string): void;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AssertStatic extends Assert {
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AssertionStatic {
|
||||||
|
(target: any, message?: string): Assertion;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface ShouldAssertion {
|
||||||
|
equal(value1: any, value2: any, message?: string): void;
|
||||||
|
Throw: ShouldThrow;
|
||||||
|
throw: ShouldThrow;
|
||||||
|
exist(value: any, message?: string): void;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Should extends ShouldAssertion {
|
||||||
|
not: ShouldAssertion;
|
||||||
|
fail(actual: any, expected: any, message?: string, operator?: string): void;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface ShouldThrow {
|
||||||
|
(actual: Function): void;
|
||||||
|
(actual: Function, expected: string|RegExp, message?: string): void;
|
||||||
|
(actual: Function, constructor: Error|Function, expected?: string|RegExp, message?: string): void;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Assertion extends LanguageChains, NumericComparison, TypeComparison {
|
||||||
|
not: Assertion;
|
||||||
|
deep: Deep;
|
||||||
|
any: KeyFilter;
|
||||||
|
all: KeyFilter;
|
||||||
|
a: TypeComparison;
|
||||||
|
an: TypeComparison;
|
||||||
|
include: Include;
|
||||||
|
includes: Include;
|
||||||
|
contain: Include;
|
||||||
|
contains: Include;
|
||||||
|
ok: Assertion;
|
||||||
|
true: Assertion;
|
||||||
|
false: Assertion;
|
||||||
|
null: Assertion;
|
||||||
|
undefined: Assertion;
|
||||||
|
NaN: Assertion;
|
||||||
|
exist: Assertion;
|
||||||
|
empty: Assertion;
|
||||||
|
arguments: Assertion;
|
||||||
|
Arguments: Assertion;
|
||||||
|
equal: Equal;
|
||||||
|
equals: Equal;
|
||||||
|
eq: Equal;
|
||||||
|
eql: Equal;
|
||||||
|
eqls: Equal;
|
||||||
|
property: Property;
|
||||||
|
ownProperty: OwnProperty;
|
||||||
|
haveOwnProperty: OwnProperty;
|
||||||
|
ownPropertyDescriptor: OwnPropertyDescriptor;
|
||||||
|
haveOwnPropertyDescriptor: OwnPropertyDescriptor;
|
||||||
|
length: Length;
|
||||||
|
lengthOf: Length;
|
||||||
|
match: Match;
|
||||||
|
matches: Match;
|
||||||
|
string(string: string, message?: string): Assertion;
|
||||||
|
keys: Keys;
|
||||||
|
key(string: string): Assertion;
|
||||||
|
throw: Throw;
|
||||||
|
throws: Throw;
|
||||||
|
Throw: Throw;
|
||||||
|
respondTo: RespondTo;
|
||||||
|
respondsTo: RespondTo;
|
||||||
|
itself: Assertion;
|
||||||
|
satisfy: Satisfy;
|
||||||
|
satisfies: Satisfy;
|
||||||
|
closeTo(expected: number, delta: number, message?: string): Assertion;
|
||||||
|
members: Members;
|
||||||
|
increase: PropertyChange;
|
||||||
|
increases: PropertyChange;
|
||||||
|
decrease: PropertyChange;
|
||||||
|
decreases: PropertyChange;
|
||||||
|
change: PropertyChange;
|
||||||
|
changes: PropertyChange;
|
||||||
|
extensible: Assertion;
|
||||||
|
sealed: Assertion;
|
||||||
|
frozen: Assertion;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
interface LanguageChains {
|
||||||
|
to: Assertion;
|
||||||
|
be: Assertion;
|
||||||
|
been: Assertion;
|
||||||
|
is: Assertion;
|
||||||
|
that: Assertion;
|
||||||
|
which: Assertion;
|
||||||
|
and: Assertion;
|
||||||
|
has: Assertion;
|
||||||
|
have: Assertion;
|
||||||
|
with: Assertion;
|
||||||
|
at: Assertion;
|
||||||
|
of: Assertion;
|
||||||
|
same: Assertion;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface NumericComparison {
|
||||||
|
above: NumberComparer;
|
||||||
|
gt: NumberComparer;
|
||||||
|
greaterThan: NumberComparer;
|
||||||
|
least: NumberComparer;
|
||||||
|
gte: NumberComparer;
|
||||||
|
below: NumberComparer;
|
||||||
|
lt: NumberComparer;
|
||||||
|
lessThan: NumberComparer;
|
||||||
|
most: NumberComparer;
|
||||||
|
lte: NumberComparer;
|
||||||
|
within(start: number, finish: number, message?: string): Assertion;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface NumberComparer {
|
||||||
|
(value: number, message?: string): Assertion;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface TypeComparison {
|
||||||
|
(type: string, message?: string): Assertion;
|
||||||
|
instanceof: InstanceOf;
|
||||||
|
instanceOf: InstanceOf;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface InstanceOf {
|
||||||
|
(constructor: Object, message?: string): Assertion;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Deep {
|
||||||
|
equal: Equal;
|
||||||
|
include: Include;
|
||||||
|
property: Property;
|
||||||
|
members: Members;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KeyFilter {
|
||||||
|
keys: Keys;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Equal {
|
||||||
|
(value: any, message?: string): Assertion;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Property {
|
||||||
|
(name: string, value?: any, message?: string): Assertion;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface OwnProperty {
|
||||||
|
(name: string, message?: string): Assertion;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface OwnPropertyDescriptor {
|
||||||
|
(name: string, descriptor: PropertyDescriptor, message?: string): Assertion;
|
||||||
|
(name: string, message?: string): Assertion;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Length extends LanguageChains, NumericComparison {
|
||||||
|
(length: number, message?: string): Assertion;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Include {
|
||||||
|
(value: Object, message?: string): Assertion;
|
||||||
|
(value: string, message?: string): Assertion;
|
||||||
|
(value: number, message?: string): Assertion;
|
||||||
|
keys: Keys;
|
||||||
|
members: Members;
|
||||||
|
any: KeyFilter;
|
||||||
|
all: KeyFilter;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Match {
|
||||||
|
(regexp: RegExp|string, message?: string): Assertion;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Keys {
|
||||||
|
(...keys: string[]): Assertion;
|
||||||
|
(keys: any[]): Assertion;
|
||||||
|
(keys: Object): Assertion;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Throw {
|
||||||
|
(): Assertion;
|
||||||
|
(expected: string, message?: string): Assertion;
|
||||||
|
(expected: RegExp, message?: string): Assertion;
|
||||||
|
(constructor: Error, expected?: string, message?: string): Assertion;
|
||||||
|
(constructor: Error, expected?: RegExp, message?: string): Assertion;
|
||||||
|
(constructor: Function, expected?: string, message?: string): Assertion;
|
||||||
|
(constructor: Function, expected?: RegExp, message?: string): Assertion;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface RespondTo {
|
||||||
|
(method: string, message?: string): Assertion;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Satisfy {
|
||||||
|
(matcher: Function, message?: string): Assertion;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Members {
|
||||||
|
(set: any[], message?: string): Assertion;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface PropertyChange {
|
||||||
|
(object: Object, prop: string, msg?: string): Assertion;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Assert {
|
||||||
|
/**
|
||||||
|
* @param expression Expression to test for truthiness.
|
||||||
|
* @param message Message to display on error.
|
||||||
|
*/
|
||||||
|
(expression: any, message?: string): void;
|
||||||
|
|
||||||
|
fail(actual?: any, expected?: any, msg?: string, operator?: string): void;
|
||||||
|
|
||||||
|
ok(val: any, msg?: string): void;
|
||||||
|
isOk(val: any, msg?: string): void;
|
||||||
|
notOk(val: any, msg?: string): void;
|
||||||
|
isNotOk(val: any, msg?: string): void;
|
||||||
|
|
||||||
|
equal(act: any, exp: any, msg?: string): void;
|
||||||
|
notEqual(act: any, exp: any, msg?: string): void;
|
||||||
|
|
||||||
|
strictEqual(act: any, exp: any, msg?: string): void;
|
||||||
|
notStrictEqual(act: any, exp: any, msg?: string): void;
|
||||||
|
|
||||||
|
deepEqual(act: any, exp: any, msg?: string): void;
|
||||||
|
notDeepEqual(act: any, exp: any, msg?: string): void;
|
||||||
|
|
||||||
|
isTrue(val: any, msg?: string): void;
|
||||||
|
isFalse(val: any, msg?: string): void;
|
||||||
|
|
||||||
|
isNull(val: any, msg?: string): void;
|
||||||
|
isNotNull(val: any, msg?: string): void;
|
||||||
|
|
||||||
|
isUndefined(val: any, msg?: string): void;
|
||||||
|
isDefined(val: any, msg?: string): void;
|
||||||
|
|
||||||
|
isNaN(val: any, msg?: string): void;
|
||||||
|
isNotNaN(val: any, msg?: string): void;
|
||||||
|
|
||||||
|
isAbove(val: number, abv: number, msg?: string): void;
|
||||||
|
isBelow(val: number, blw: number, msg?: string): void;
|
||||||
|
|
||||||
|
isFunction(val: any, msg?: string): void;
|
||||||
|
isNotFunction(val: any, msg?: string): void;
|
||||||
|
|
||||||
|
isObject(val: any, msg?: string): void;
|
||||||
|
isNotObject(val: any, msg?: string): void;
|
||||||
|
|
||||||
|
isArray(val: any, msg?: string): void;
|
||||||
|
isNotArray(val: any, msg?: string): void;
|
||||||
|
|
||||||
|
isString(val: any, msg?: string): void;
|
||||||
|
isNotString(val: any, msg?: string): void;
|
||||||
|
|
||||||
|
isNumber(val: any, msg?: string): void;
|
||||||
|
isNotNumber(val: any, msg?: string): void;
|
||||||
|
|
||||||
|
isBoolean(val: any, msg?: string): void;
|
||||||
|
isNotBoolean(val: any, msg?: string): void;
|
||||||
|
|
||||||
|
typeOf(val: any, type: string, msg?: string): void;
|
||||||
|
notTypeOf(val: any, type: string, msg?: string): void;
|
||||||
|
|
||||||
|
instanceOf(val: any, type: Function, msg?: string): void;
|
||||||
|
notInstanceOf(val: any, type: Function, msg?: string): void;
|
||||||
|
|
||||||
|
include(exp: string, inc: any, msg?: string): void;
|
||||||
|
include(exp: any[], inc: any, msg?: string): void;
|
||||||
|
|
||||||
|
notInclude(exp: string, inc: any, msg?: string): void;
|
||||||
|
notInclude(exp: any[], inc: any, msg?: string): void;
|
||||||
|
|
||||||
|
match(exp: any, re: RegExp, msg?: string): void;
|
||||||
|
notMatch(exp: any, re: RegExp, msg?: string): void;
|
||||||
|
|
||||||
|
property(obj: Object, prop: string, msg?: string): void;
|
||||||
|
notProperty(obj: Object, prop: string, msg?: string): void;
|
||||||
|
deepProperty(obj: Object, prop: string, msg?: string): void;
|
||||||
|
notDeepProperty(obj: Object, prop: string, msg?: string): void;
|
||||||
|
|
||||||
|
propertyVal(obj: Object, prop: string, val: any, msg?: string): void;
|
||||||
|
propertyNotVal(obj: Object, prop: string, val: any, msg?: string): void;
|
||||||
|
|
||||||
|
deepPropertyVal(obj: Object, prop: string, val: any, msg?: string): void;
|
||||||
|
deepPropertyNotVal(obj: Object, prop: string, val: any, msg?: string): void;
|
||||||
|
|
||||||
|
lengthOf(exp: any, len: number, msg?: string): void;
|
||||||
|
//alias frenzy
|
||||||
|
throw(fn: Function, msg?: string): void;
|
||||||
|
throw(fn: Function, regExp: RegExp): void;
|
||||||
|
throw(fn: Function, errType: Function, msg?: string): void;
|
||||||
|
throw(fn: Function, errType: Function, regExp: RegExp): void;
|
||||||
|
|
||||||
|
throws(fn: Function, msg?: string): void;
|
||||||
|
throws(fn: Function, regExp: RegExp): void;
|
||||||
|
throws(fn: Function, errType: Function, msg?: string): void;
|
||||||
|
throws(fn: Function, errType: Function, regExp: RegExp): void;
|
||||||
|
|
||||||
|
Throw(fn: Function, msg?: string): void;
|
||||||
|
Throw(fn: Function, regExp: RegExp): void;
|
||||||
|
Throw(fn: Function, errType: Function, msg?: string): void;
|
||||||
|
Throw(fn: Function, errType: Function, regExp: RegExp): void;
|
||||||
|
|
||||||
|
doesNotThrow(fn: Function, msg?: string): void;
|
||||||
|
doesNotThrow(fn: Function, regExp: RegExp): void;
|
||||||
|
doesNotThrow(fn: Function, errType: Function, msg?: string): void;
|
||||||
|
doesNotThrow(fn: Function, errType: Function, regExp: RegExp): void;
|
||||||
|
|
||||||
|
operator(val: any, operator: string, val2: any, msg?: string): void;
|
||||||
|
closeTo(act: number, exp: number, delta: number, msg?: string): void;
|
||||||
|
|
||||||
|
sameMembers(set1: any[], set2: any[], msg?: string): void;
|
||||||
|
sameDeepMembers(set1: any[], set2: any[], msg?: string): void;
|
||||||
|
includeMembers(superset: any[], subset: any[], msg?: string): void;
|
||||||
|
|
||||||
|
ifError(val: any, msg?: string): void;
|
||||||
|
|
||||||
|
isExtensible(obj: {}, msg?: string): void;
|
||||||
|
extensible(obj: {}, msg?: string): void;
|
||||||
|
isNotExtensible(obj: {}, msg?: string): void;
|
||||||
|
notExtensible(obj: {}, msg?: string): void;
|
||||||
|
|
||||||
|
isSealed(obj: {}, msg?: string): void;
|
||||||
|
sealed(obj: {}, msg?: string): void;
|
||||||
|
isNotSealed(obj: {}, msg?: string): void;
|
||||||
|
notSealed(obj: {}, msg?: string): void;
|
||||||
|
|
||||||
|
isFrozen(obj: Object, msg?: string): void;
|
||||||
|
frozen(obj: Object, msg?: string): void;
|
||||||
|
isNotFrozen(obj: Object, msg?: string): void;
|
||||||
|
notFrozen(obj: Object, msg?: string): void;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Config {
|
||||||
|
includeStack: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
export class AssertionError {
|
||||||
|
constructor(message: string, _props?: any, ssf?: Function);
|
||||||
|
name: string;
|
||||||
|
message: string;
|
||||||
|
showDiff: boolean;
|
||||||
|
stack: string;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
declare var chai: Chai.ChaiStatic;
|
||||||
|
|
||||||
|
declare module "chai" {
|
||||||
|
export = chai;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Object {
|
||||||
|
should: Chai.Assertion;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,107 @@
|
||||||
|
// Type definitions for Combokeys v2.4.6
|
||||||
|
// Project: https://github.com/PolicyStat/combokeys
|
||||||
|
// Definitions by: Ian Clanton-Thuon <https://github.com/iclanton>
|
||||||
|
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
|
||||||
|
|
||||||
|
declare namespace Combokeys {
|
||||||
|
interface CombokeysStatic {
|
||||||
|
new (element: Element): Combokeys;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* all instances of Combokeys
|
||||||
|
*/
|
||||||
|
instances: Combokeys[];
|
||||||
|
|
||||||
|
/**
|
||||||
|
* reset all instances
|
||||||
|
*/
|
||||||
|
reset(): void;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Combokeys {
|
||||||
|
element: Element;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* binds an event to Combokeys
|
||||||
|
*
|
||||||
|
* can be a single key, a combination of keys separated with +,
|
||||||
|
* an array of keys, or a sequence of keys separated by spaces
|
||||||
|
*
|
||||||
|
* be sure to list the modifier keys first to make sure that the
|
||||||
|
* correct key ends up getting bound (the last key in the pattern)
|
||||||
|
*
|
||||||
|
* @param {keys} key combination or combinations
|
||||||
|
* @param {callback} callback function
|
||||||
|
* @param {handler} optional - one of "keypress", "keydown", or "keyup"
|
||||||
|
* @returns void
|
||||||
|
*/
|
||||||
|
bind(keys: string | string[], callback: () => void, action?: string): void;
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* binds multiple combinations to the same callback
|
||||||
|
*
|
||||||
|
* @param {keys} key combinations
|
||||||
|
* @param {callback} callback function
|
||||||
|
* @param {handler} optional - one of "keypress", "keydown", or "keyup"
|
||||||
|
* @returns void
|
||||||
|
*/
|
||||||
|
bindMultiple(keys: string[], callback: () => void, action?: string): void;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* unbinds an event to Combokeys
|
||||||
|
*
|
||||||
|
* the unbinding sets the callback function of the specified key combo
|
||||||
|
* to an empty function and deletes the corresponding key in the
|
||||||
|
* directMap dict.
|
||||||
|
*
|
||||||
|
* the keycombo+action has to be exactly the same as
|
||||||
|
* it was defined in the bind method
|
||||||
|
*
|
||||||
|
* @param {keys} key combination or combinations
|
||||||
|
* @param {action} optional - one of "keypress", "keydown", or "keyup"
|
||||||
|
* @returns void
|
||||||
|
*/
|
||||||
|
unbind(keys: string | string[], action?: string): void;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* triggers an event that has already been bound
|
||||||
|
*
|
||||||
|
* @param {keys} key combination
|
||||||
|
* @param {action} optional - one of "keypress", "keydown", or "keyup"
|
||||||
|
* @returns void
|
||||||
|
*/
|
||||||
|
trigger(keys: string, action?: string): void;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* resets the library back to its initial state. This is useful
|
||||||
|
* if you want to clear out the current keyboard shortcuts and bind
|
||||||
|
* new ones - for example if you switch to another page
|
||||||
|
*
|
||||||
|
* @returns void
|
||||||
|
*/
|
||||||
|
reset(): void;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* should we stop this event before firing off callbacks
|
||||||
|
*
|
||||||
|
* @param {e} event
|
||||||
|
* @param {element} bound element
|
||||||
|
* @return {boolean}
|
||||||
|
*/
|
||||||
|
stopCallback(e: Event, element: Element): boolean;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* detach all listners from the bound element
|
||||||
|
*
|
||||||
|
* @return {void}
|
||||||
|
*/
|
||||||
|
detach(): void;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
declare var combokeys: Combokeys.CombokeysStatic;
|
||||||
|
|
||||||
|
declare module "combokeys" {
|
||||||
|
export = combokeys;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,113 @@
|
||||||
|
// Type definitions for es6-collections v0.5.1
|
||||||
|
// Project: https://github.com/WebReflection/es6-collections/
|
||||||
|
// Definitions by: Ron Buckton <http://github.com/rbuckton>
|
||||||
|
// Definitions: https://github.com/borisyankov/DefinitelyTyped
|
||||||
|
|
||||||
|
/* *****************************************************************************
|
||||||
|
Copyright (c) Microsoft Corporation. All rights reserved.
|
||||||
|
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
|
||||||
|
this file except in compliance with the License. You may obtain a copy of the
|
||||||
|
License at http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
|
||||||
|
THIS CODE IS PROVIDED *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
||||||
|
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
|
||||||
|
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
|
||||||
|
MERCHANTABLITY OR NON-INFRINGEMENT.
|
||||||
|
|
||||||
|
See the Apache Version 2.0 License for specific language governing permissions
|
||||||
|
and limitations under the License.
|
||||||
|
***************************************************************************** */
|
||||||
|
|
||||||
|
interface IteratorResult<T> {
|
||||||
|
done: boolean;
|
||||||
|
value?: T;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Iterator<T> {
|
||||||
|
next(value?: any): IteratorResult<T>;
|
||||||
|
return?(value?: any): IteratorResult<T>;
|
||||||
|
throw?(e?: any): IteratorResult<T>;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface ForEachable<T> {
|
||||||
|
forEach(callbackfn: (value: T) => void): void;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Map<K, V> {
|
||||||
|
clear(): void;
|
||||||
|
delete(key: K): boolean;
|
||||||
|
forEach(callbackfn: (value: V, index: K, map: Map<K, V>) => void, thisArg?: any): void;
|
||||||
|
get(key: K): V;
|
||||||
|
has(key: K): boolean;
|
||||||
|
set(key: K, value?: V): Map<K, V>;
|
||||||
|
entries(): Iterator<[K, V]>;
|
||||||
|
keys(): Iterator<K>;
|
||||||
|
values(): Iterator<V>;
|
||||||
|
size: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface MapConstructor {
|
||||||
|
new <K, V>(): Map<K, V>;
|
||||||
|
new <K, V>(iterable: ForEachable<[K, V]>): Map<K, V>;
|
||||||
|
prototype: Map<any, any>;
|
||||||
|
}
|
||||||
|
|
||||||
|
declare var Map: MapConstructor;
|
||||||
|
|
||||||
|
interface Set<T> {
|
||||||
|
add(value: T): Set<T>;
|
||||||
|
clear(): void;
|
||||||
|
delete(value: T): boolean;
|
||||||
|
forEach(callbackfn: (value: T, index: T, set: Set<T>) => void, thisArg?: any): void;
|
||||||
|
has(value: T): boolean;
|
||||||
|
entries(): Iterator<[T, T]>;
|
||||||
|
keys(): Iterator<T>;
|
||||||
|
values(): Iterator<T>;
|
||||||
|
size: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface SetConstructor {
|
||||||
|
new <T>(): Set<T>;
|
||||||
|
new <T>(iterable: ForEachable<T>): Set<T>;
|
||||||
|
prototype: Set<any>;
|
||||||
|
}
|
||||||
|
|
||||||
|
declare var Set: SetConstructor;
|
||||||
|
|
||||||
|
interface WeakMap<K, V> {
|
||||||
|
delete(key: K): boolean;
|
||||||
|
clear(): void;
|
||||||
|
get(key: K): V;
|
||||||
|
has(key: K): boolean;
|
||||||
|
set(key: K, value?: V): WeakMap<K, V>;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface WeakMapConstructor {
|
||||||
|
new <K, V>(): WeakMap<K, V>;
|
||||||
|
new <K, V>(iterable: ForEachable<[K, V]>): WeakMap<K, V>;
|
||||||
|
prototype: WeakMap<any, any>;
|
||||||
|
}
|
||||||
|
|
||||||
|
declare var WeakMap: WeakMapConstructor;
|
||||||
|
|
||||||
|
interface WeakSet<T> {
|
||||||
|
delete(value: T): boolean;
|
||||||
|
clear(): void;
|
||||||
|
add(value: T): WeakSet<T>;
|
||||||
|
has(value: T): boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface WeakSetConstructor {
|
||||||
|
new <T>(): WeakSet<T>;
|
||||||
|
new <T>(iterable: ForEachable<T>): WeakSet<T>;
|
||||||
|
prototype: WeakSet<any>;
|
||||||
|
}
|
||||||
|
|
||||||
|
declare var WeakSet: WeakSetConstructor;
|
||||||
|
|
||||||
|
declare module "es6-collections" {
|
||||||
|
var Map: MapConstructor;
|
||||||
|
var Set: SetConstructor;
|
||||||
|
var WeakMap: WeakMapConstructor;
|
||||||
|
var WeakSet: WeakSetConstructor;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,74 @@
|
||||||
|
// Type definitions for es6-promise
|
||||||
|
// Project: https://github.com/jakearchibald/ES6-Promise
|
||||||
|
// Definitions by: François de Campredon <https://github.com/fdecampredon/>, vvakame <https://github.com/vvakame>
|
||||||
|
// Definitions: https://github.com/borisyankov/DefinitelyTyped
|
||||||
|
|
||||||
|
interface Thenable<R> {
|
||||||
|
then<U>(onFulfilled?: (value: R) => U | Thenable<U>, onRejected?: (error: any) => U | Thenable<U>): Thenable<U>;
|
||||||
|
then<U>(onFulfilled?: (value: R) => U | Thenable<U>, onRejected?: (error: any) => void): Thenable<U>;
|
||||||
|
catch<U>(onRejected?: (error: any) => U | Thenable<U>): Thenable<U>;
|
||||||
|
}
|
||||||
|
|
||||||
|
declare class Promise<R> implements Thenable<R> {
|
||||||
|
/**
|
||||||
|
* If you call resolve in the body of the callback passed to the constructor,
|
||||||
|
* your promise is fulfilled with result object passed to resolve.
|
||||||
|
* If you call reject your promise is rejected with the object passed to reject.
|
||||||
|
* For consistency and debugging (eg stack traces), obj should be an instanceof Error.
|
||||||
|
* Any errors thrown in the constructor callback will be implicitly passed to reject().
|
||||||
|
*/
|
||||||
|
constructor(callback: (resolve : (value?: R | Thenable<R>) => void, reject: (error?: any) => void) => void);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* onFulfilled is called when/if "promise" resolves. onRejected is called when/if "promise" rejects.
|
||||||
|
* Both are optional, if either/both are omitted the next onFulfilled/onRejected in the chain is called.
|
||||||
|
* Both callbacks have a single parameter , the fulfillment value or rejection reason.
|
||||||
|
* "then" returns a new promise equivalent to the value you return from onFulfilled/onRejected after being passed through Promise.resolve.
|
||||||
|
* If an error is thrown in the callback, the returned promise rejects with that error.
|
||||||
|
*
|
||||||
|
* @param onFulfilled called when/if "promise" resolves
|
||||||
|
* @param onRejected called when/if "promise" rejects
|
||||||
|
*/
|
||||||
|
then<U>(onFulfilled?: (value: R) => U | Thenable<U>, onRejected?: (error: any) => U | Thenable<U>): Promise<U>;
|
||||||
|
then<U>(onFulfilled?: (value: R) => U | Thenable<U>, onRejected?: (error: any) => void): Promise<U>;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Sugar for promise.then(undefined, onRejected)
|
||||||
|
*
|
||||||
|
* @param onRejected called when/if "promise" rejects
|
||||||
|
*/
|
||||||
|
catch<U>(onRejected?: (error: any) => U | Thenable<U>): Promise<U>;
|
||||||
|
}
|
||||||
|
|
||||||
|
declare module Promise {
|
||||||
|
/**
|
||||||
|
* Make a new promise from the thenable.
|
||||||
|
* A thenable is promise-like in as far as it has a "then" method.
|
||||||
|
*/
|
||||||
|
function resolve<R>(value?: R | Thenable<R>): Promise<R>;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Make a promise that rejects to obj. For consistency and debugging (eg stack traces), obj should be an instanceof Error
|
||||||
|
*/
|
||||||
|
function reject(error: any): Promise<any>;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Make a promise that fulfills when every item in the array fulfills, and rejects if (and when) any item rejects.
|
||||||
|
* the array passed to all can be a mixture of promise-like objects and other objects.
|
||||||
|
* The fulfillment value is an array (in order) of fulfillment values. The rejection value is the first rejection value.
|
||||||
|
*/
|
||||||
|
function all<R>(promises: (R | Thenable<R>)[]): Promise<R[]>;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Make a Promise that fulfills when any item fulfills, and rejects if any item rejects.
|
||||||
|
*/
|
||||||
|
function race<R>(promises: (R | Thenable<R>)[]): Promise<R>;
|
||||||
|
}
|
||||||
|
|
||||||
|
declare module 'es6-promise' {
|
||||||
|
var foo: typeof Promise; // Temp variable to reference Promise in local context
|
||||||
|
module rsvp {
|
||||||
|
export var Promise: typeof foo;
|
||||||
|
}
|
||||||
|
export = rsvp;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,631 @@
|
||||||
|
// Type definitions for Knockout v3.2.0
|
||||||
|
// Project: http://knockoutjs.com
|
||||||
|
// Definitions by: Boris Yankov <https://github.com/borisyankov/>, Igor Oleinikov <https://github.com/Igorbek/>, Clément Bourgeois <https://github.com/moonpyk/>
|
||||||
|
// Definitions: https://github.com/borisyankov/DefinitelyTyped
|
||||||
|
|
||||||
|
|
||||||
|
interface KnockoutSubscribableFunctions<T> {
|
||||||
|
[key: string]: KnockoutBindingHandler;
|
||||||
|
|
||||||
|
notifySubscribers(valueToWrite?: T, event?: string): void;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutComputedFunctions<T> {
|
||||||
|
[key: string]: KnockoutBindingHandler;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutObservableFunctions<T> {
|
||||||
|
[key: string]: KnockoutBindingHandler;
|
||||||
|
|
||||||
|
equalityComparer(a: any, b: any): boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutObservableArrayFunctions<T> {
|
||||||
|
// General Array functions
|
||||||
|
indexOf(searchElement: T, fromIndex?: number): number;
|
||||||
|
slice(start: number, end?: number): T[];
|
||||||
|
splice(start: number): T[];
|
||||||
|
splice(start: number, deleteCount: number, ...items: T[]): T[];
|
||||||
|
pop(): T;
|
||||||
|
push(...items: T[]): void;
|
||||||
|
shift(): T;
|
||||||
|
unshift(...items: T[]): number;
|
||||||
|
reverse(): KnockoutObservableArray<T>;
|
||||||
|
sort(): KnockoutObservableArray<T>;
|
||||||
|
sort(compareFunction: (left: T, right: T) => number): KnockoutObservableArray<T>;
|
||||||
|
|
||||||
|
// Ko specific
|
||||||
|
[key: string]: KnockoutBindingHandler;
|
||||||
|
|
||||||
|
replace(oldItem: T, newItem: T): void;
|
||||||
|
|
||||||
|
remove(item: T): T[];
|
||||||
|
remove(removeFunction: (item: T) => boolean): T[];
|
||||||
|
removeAll(items: T[]): T[];
|
||||||
|
removeAll(): T[];
|
||||||
|
|
||||||
|
destroy(item: T): void;
|
||||||
|
destroy(destroyFunction: (item: T) => boolean): void;
|
||||||
|
destroyAll(items: T[]): void;
|
||||||
|
destroyAll(): void;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutSubscribableStatic {
|
||||||
|
fn: KnockoutSubscribableFunctions<any>;
|
||||||
|
|
||||||
|
new <T>(): KnockoutSubscribable<T>;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutSubscription {
|
||||||
|
dispose(): void;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutSubscribable<T> extends KnockoutSubscribableFunctions<T> {
|
||||||
|
subscribe(callback: (newValue: T) => void, target?: any, event?: string): KnockoutSubscription;
|
||||||
|
subscribe<TEvent>(callback: (newValue: TEvent) => void, target: any, event: string): KnockoutSubscription;
|
||||||
|
extend(requestedExtenders: { [key: string]: any; }): KnockoutSubscribable<T>;
|
||||||
|
getSubscriptionsCount(): number;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutComputedStatic {
|
||||||
|
fn: KnockoutComputedFunctions<any>;
|
||||||
|
|
||||||
|
<T>(): KnockoutComputed<T>;
|
||||||
|
<T>(func: () => T, context?: any, options?: any): KnockoutComputed<T>;
|
||||||
|
<T>(def: KnockoutComputedDefine<T>, context?: any): KnockoutComputed<T>;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutComputed<T> extends KnockoutObservable<T>, KnockoutComputedFunctions<T> {
|
||||||
|
fn: KnockoutComputedFunctions<any>;
|
||||||
|
|
||||||
|
dispose(): void;
|
||||||
|
isActive(): boolean;
|
||||||
|
getDependenciesCount(): number;
|
||||||
|
extend(requestedExtenders: { [key: string]: any; }): KnockoutComputed<T>;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutObservableArrayStatic {
|
||||||
|
fn: KnockoutObservableArrayFunctions<any>;
|
||||||
|
|
||||||
|
<T>(value?: T[]): KnockoutObservableArray<T>;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutObservableArray<T> extends KnockoutObservable<T[]>, KnockoutObservableArrayFunctions<T> {
|
||||||
|
extend(requestedExtenders: { [key: string]: any; }): KnockoutObservableArray<T>;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutObservableStatic {
|
||||||
|
fn: KnockoutObservableFunctions<any>;
|
||||||
|
|
||||||
|
<T>(value?: T): KnockoutObservable<T>;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutObservable<T> extends KnockoutSubscribable<T>, KnockoutObservableFunctions<T> {
|
||||||
|
(): T;
|
||||||
|
(value: T): void;
|
||||||
|
|
||||||
|
peek(): T;
|
||||||
|
valueHasMutated?:{(): void;};
|
||||||
|
valueWillMutate?:{(): void;};
|
||||||
|
extend(requestedExtenders: { [key: string]: any; }): KnockoutObservable<T>;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutComputedDefine<T> {
|
||||||
|
read(): T;
|
||||||
|
write? (value: T): void;
|
||||||
|
disposeWhenNodeIsRemoved?: Node;
|
||||||
|
disposeWhen? (): boolean;
|
||||||
|
owner?: any;
|
||||||
|
deferEvaluation?: boolean;
|
||||||
|
pure?: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutBindingContext {
|
||||||
|
$parent: any;
|
||||||
|
$parents: any[];
|
||||||
|
$root: any;
|
||||||
|
$data: any;
|
||||||
|
$rawData: any | KnockoutObservable<any>;
|
||||||
|
$index?: KnockoutObservable<number>;
|
||||||
|
$parentContext?: KnockoutBindingContext;
|
||||||
|
$component: any;
|
||||||
|
$componentTemplateNodes: Node[];
|
||||||
|
|
||||||
|
extend(properties: any): any;
|
||||||
|
createChildContext(dataItemOrAccessor: any, dataItemAlias?: any, extendCallback?: Function): any;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutAllBindingsAccessor {
|
||||||
|
(): any;
|
||||||
|
get(name: string): any;
|
||||||
|
has(name: string): boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutBindingHandler {
|
||||||
|
after?: Array<string>;
|
||||||
|
init?: (element: any, valueAccessor: () => any, allBindingsAccessor?: KnockoutAllBindingsAccessor, viewModel?: any, bindingContext?: KnockoutBindingContext) => void | { controlsDescendantBindings: boolean; };
|
||||||
|
update?: (element: any, valueAccessor: () => any, allBindingsAccessor?: KnockoutAllBindingsAccessor, viewModel?: any, bindingContext?: KnockoutBindingContext) => void;
|
||||||
|
options?: any;
|
||||||
|
preprocess?: (value: string, name: string, addBindingCallback?: (name: string, value: string) => void) => string;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutBindingHandlers {
|
||||||
|
[bindingHandler: string]: KnockoutBindingHandler;
|
||||||
|
|
||||||
|
// Controlling text and appearance
|
||||||
|
visible: KnockoutBindingHandler;
|
||||||
|
text: KnockoutBindingHandler;
|
||||||
|
html: KnockoutBindingHandler;
|
||||||
|
css: KnockoutBindingHandler;
|
||||||
|
style: KnockoutBindingHandler;
|
||||||
|
attr: KnockoutBindingHandler;
|
||||||
|
|
||||||
|
// Control Flow
|
||||||
|
foreach: KnockoutBindingHandler;
|
||||||
|
if: KnockoutBindingHandler;
|
||||||
|
ifnot: KnockoutBindingHandler;
|
||||||
|
with: KnockoutBindingHandler;
|
||||||
|
|
||||||
|
// Working with form fields
|
||||||
|
click: KnockoutBindingHandler;
|
||||||
|
event: KnockoutBindingHandler;
|
||||||
|
submit: KnockoutBindingHandler;
|
||||||
|
enable: KnockoutBindingHandler;
|
||||||
|
disable: KnockoutBindingHandler;
|
||||||
|
value: KnockoutBindingHandler;
|
||||||
|
textInput: KnockoutBindingHandler;
|
||||||
|
hasfocus: KnockoutBindingHandler;
|
||||||
|
checked: KnockoutBindingHandler;
|
||||||
|
options: KnockoutBindingHandler;
|
||||||
|
selectedOptions: KnockoutBindingHandler;
|
||||||
|
uniqueName: KnockoutBindingHandler;
|
||||||
|
|
||||||
|
// Rendering templates
|
||||||
|
template: KnockoutBindingHandler;
|
||||||
|
|
||||||
|
// Components (new for v3.2)
|
||||||
|
component: KnockoutBindingHandler;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutMemoization {
|
||||||
|
memoize(callback: () => string): string;
|
||||||
|
unmemoize(memoId: string, callbackParams: any[]): boolean;
|
||||||
|
unmemoizeDomNodeAndDescendants(domNode: any, extraCallbackParamsArray: any[]): boolean;
|
||||||
|
parseMemoText(memoText: string): string;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutVirtualElement {}
|
||||||
|
|
||||||
|
interface KnockoutVirtualElements {
|
||||||
|
allowedBindings: { [bindingName: string]: boolean; };
|
||||||
|
emptyNode(node: KnockoutVirtualElement ): void;
|
||||||
|
firstChild(node: KnockoutVirtualElement ): KnockoutVirtualElement;
|
||||||
|
insertAfter( container: KnockoutVirtualElement, nodeToInsert: Node, insertAfter: Node ): void;
|
||||||
|
nextSibling(node: KnockoutVirtualElement): Node;
|
||||||
|
prepend(node: KnockoutVirtualElement, toInsert: Node ): void;
|
||||||
|
setDomNodeChildren(node: KnockoutVirtualElement, newChildren: { length: number;[index: number]: Node; } ): void;
|
||||||
|
childNodes(node: KnockoutVirtualElement ): Node[];
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutExtenders {
|
||||||
|
throttle(target: any, timeout: number): KnockoutComputed<any>;
|
||||||
|
notify(target: any, notifyWhen: string): any;
|
||||||
|
|
||||||
|
rateLimit(target: any, timeout: number): any;
|
||||||
|
rateLimit(target: any, options: { timeout: number; method?: string; }): any;
|
||||||
|
|
||||||
|
trackArrayChanges(target: any): any;
|
||||||
|
}
|
||||||
|
|
||||||
|
//
|
||||||
|
// NOTE TO MAINTAINERS AND CONTRIBUTORS : pay attention to only include symbols that are
|
||||||
|
// publicly exported in the minified version of ko, without that you can give the false
|
||||||
|
// impression that some functions will be available in production builds.
|
||||||
|
//
|
||||||
|
interface KnockoutUtils {
|
||||||
|
//////////////////////////////////
|
||||||
|
// utils.domData.js
|
||||||
|
//////////////////////////////////
|
||||||
|
|
||||||
|
domData: {
|
||||||
|
get (node: Element, key: string): any;
|
||||||
|
|
||||||
|
set (node: Element, key: string, value: any): void;
|
||||||
|
|
||||||
|
getAll(node: Element, createIfNotFound: boolean): any;
|
||||||
|
|
||||||
|
clear(node: Element): boolean;
|
||||||
|
};
|
||||||
|
|
||||||
|
//////////////////////////////////
|
||||||
|
// utils.domNodeDisposal.js
|
||||||
|
//////////////////////////////////
|
||||||
|
|
||||||
|
domNodeDisposal: {
|
||||||
|
addDisposeCallback(node: Element, callback: Function): void;
|
||||||
|
|
||||||
|
removeDisposeCallback(node: Element, callback: Function): void;
|
||||||
|
|
||||||
|
cleanNode(node: Node): Element;
|
||||||
|
|
||||||
|
removeNode(node: Node): void;
|
||||||
|
};
|
||||||
|
|
||||||
|
addOrRemoveItem<T>(array: T[] | KnockoutObservable<T>, value: T, included: T): void;
|
||||||
|
|
||||||
|
arrayFilter<T>(array: T[], predicate: (item: T) => boolean): T[];
|
||||||
|
|
||||||
|
arrayFirst<T>(array: T[], predicate: (item: T) => boolean, predicateOwner?: any): T;
|
||||||
|
|
||||||
|
arrayForEach<T>(array: T[], action: (item: T, index: number) => void): void;
|
||||||
|
|
||||||
|
arrayGetDistinctValues<T>(array: T[]): T[];
|
||||||
|
|
||||||
|
arrayIndexOf<T>(array: T[], item: T): number;
|
||||||
|
|
||||||
|
arrayMap<T, U>(array: T[], mapping: (item: T) => U): U[];
|
||||||
|
|
||||||
|
arrayPushAll<T>(array: T[] | KnockoutObservableArray<T>, valuesToPush: T[]): T[];
|
||||||
|
|
||||||
|
arrayRemoveItem(array: any[], itemToRemove: any): void;
|
||||||
|
|
||||||
|
compareArrays<T>(a: T[], b: T[]): Array<KnockoutArrayChange<T>>;
|
||||||
|
|
||||||
|
extend(target: Object, source: Object): Object;
|
||||||
|
|
||||||
|
fieldsIncludedWithJsonPost: any[];
|
||||||
|
|
||||||
|
getFormFields(form: any, fieldName: string): any[];
|
||||||
|
|
||||||
|
objectForEach(obj: any, action: (key: any, value: any) => void): void;
|
||||||
|
|
||||||
|
parseHtmlFragment(html: string): any[];
|
||||||
|
|
||||||
|
parseJson(jsonString: string): any;
|
||||||
|
|
||||||
|
postJson(urlOrForm: any, data: any, options: any): void;
|
||||||
|
|
||||||
|
peekObservable<T>(value: KnockoutObservable<T>): T;
|
||||||
|
|
||||||
|
range(min: any, max: any): any;
|
||||||
|
|
||||||
|
registerEventHandler(element: any, eventType: any, handler: Function): void;
|
||||||
|
|
||||||
|
setHtml(node: Element, html: () => string): void;
|
||||||
|
|
||||||
|
setHtml(node: Element, html: string): void;
|
||||||
|
|
||||||
|
setTextContent(element: any, textContent: string | KnockoutObservable<string>): void;
|
||||||
|
|
||||||
|
stringifyJson(data: any, replacer?: Function, space?: string): string;
|
||||||
|
|
||||||
|
toggleDomNodeCssClass(node: any, className: string, shouldHaveClass: boolean): void;
|
||||||
|
|
||||||
|
triggerEvent(element: any, eventType: any): void;
|
||||||
|
|
||||||
|
unwrapObservable<T>(value: KnockoutObservable<T> | T): T;
|
||||||
|
|
||||||
|
// NOT PART OF THE MINIFIED API SURFACE (ONLY IN knockout-{version}.debug.js) https://github.com/SteveSanderson/knockout/issues/670
|
||||||
|
// forceRefresh(node: any): void;
|
||||||
|
// ieVersion: number;
|
||||||
|
// isIe6: boolean;
|
||||||
|
// isIe7: boolean;
|
||||||
|
// jQueryHtmlParse(html: string): any[];
|
||||||
|
// makeArray(arrayLikeObject: any): any[];
|
||||||
|
// moveCleanedNodesToContainerElement(nodes: any[]): HTMLElement;
|
||||||
|
// replaceDomNodes(nodeToReplaceOrNodeArray: any, newNodesArray: any[]): void;
|
||||||
|
// setDomNodeChildren(domNode: any, childNodes: any[]): void;
|
||||||
|
// setElementName(element: any, name: string): void;
|
||||||
|
// setOptionNodeSelectionState(optionNode: any, isSelected: boolean): void;
|
||||||
|
// simpleHtmlParse(html: string): any[];
|
||||||
|
// stringStartsWith(str: string, startsWith: string): boolean;
|
||||||
|
// stringTokenize(str: string, delimiter: string): string[];
|
||||||
|
// stringTrim(str: string): string;
|
||||||
|
// tagNameLower(element: any): string;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutArrayChange<T> {
|
||||||
|
status: string;
|
||||||
|
value: T;
|
||||||
|
index: number;
|
||||||
|
moved?: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
//////////////////////////////////
|
||||||
|
// templateSources.js
|
||||||
|
//////////////////////////////////
|
||||||
|
|
||||||
|
interface KnockoutTemplateSourcesDomElement {
|
||||||
|
text(): any;
|
||||||
|
text(value: any): void;
|
||||||
|
|
||||||
|
data(key: string): any;
|
||||||
|
data(key: string, value: any): any;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutTemplateAnonymous extends KnockoutTemplateSourcesDomElement {
|
||||||
|
nodes(): any;
|
||||||
|
nodes(value: any): void;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutTemplateSources {
|
||||||
|
|
||||||
|
domElement: {
|
||||||
|
prototype: KnockoutTemplateSourcesDomElement
|
||||||
|
new (element: Element): KnockoutTemplateSourcesDomElement
|
||||||
|
};
|
||||||
|
|
||||||
|
anonymousTemplate: {
|
||||||
|
prototype: KnockoutTemplateAnonymous;
|
||||||
|
new (element: Element): KnockoutTemplateAnonymous;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
//////////////////////////////////
|
||||||
|
// nativeTemplateEngine.js
|
||||||
|
//////////////////////////////////
|
||||||
|
|
||||||
|
interface KnockoutNativeTemplateEngine {
|
||||||
|
|
||||||
|
renderTemplateSource(templateSource: Object, bindingContext?: KnockoutBindingContext, options?: Object): any[];
|
||||||
|
}
|
||||||
|
|
||||||
|
//////////////////////////////////
|
||||||
|
// templateEngine.js
|
||||||
|
//////////////////////////////////
|
||||||
|
|
||||||
|
interface KnockoutTemplateEngine extends KnockoutNativeTemplateEngine {
|
||||||
|
|
||||||
|
createJavaScriptEvaluatorBlock(script: string): string;
|
||||||
|
|
||||||
|
makeTemplateSource(template: any, templateDocument?: Document): any;
|
||||||
|
|
||||||
|
renderTemplate(template: any, bindingContext: KnockoutBindingContext, options: Object, templateDocument: Document): any;
|
||||||
|
|
||||||
|
isTemplateRewritten(template: any, templateDocument: Document): boolean;
|
||||||
|
|
||||||
|
rewriteTemplate(template: any, rewriterCallback: Function, templateDocument: Document): void;
|
||||||
|
}
|
||||||
|
|
||||||
|
/////////////////////////////////
|
||||||
|
|
||||||
|
interface KnockoutStatic {
|
||||||
|
utils: KnockoutUtils;
|
||||||
|
memoization: KnockoutMemoization;
|
||||||
|
|
||||||
|
bindingHandlers: KnockoutBindingHandlers;
|
||||||
|
getBindingHandler(handler: string): KnockoutBindingHandler;
|
||||||
|
|
||||||
|
virtualElements: KnockoutVirtualElements;
|
||||||
|
extenders: KnockoutExtenders;
|
||||||
|
|
||||||
|
applyBindings(viewModelOrBindingContext?: any, rootNode?: any): void;
|
||||||
|
applyBindingsToDescendants(viewModelOrBindingContext: any, rootNode: any): void;
|
||||||
|
applyBindingAccessorsToNode(node: Node, bindings: (bindingContext: KnockoutBindingContext, node: Node) => {}, bindingContext: KnockoutBindingContext): void;
|
||||||
|
applyBindingAccessorsToNode(node: Node, bindings: {}, bindingContext: KnockoutBindingContext): void;
|
||||||
|
applyBindingAccessorsToNode(node: Node, bindings: (bindingContext: KnockoutBindingContext, node: Node) => {}, viewModel: any): void;
|
||||||
|
applyBindingAccessorsToNode(node: Node, bindings: {}, viewModel: any): void;
|
||||||
|
applyBindingsToNode(node: Node, bindings: any, viewModelOrBindingContext?: any): any;
|
||||||
|
|
||||||
|
subscribable: KnockoutSubscribableStatic;
|
||||||
|
observable: KnockoutObservableStatic;
|
||||||
|
|
||||||
|
computed: KnockoutComputedStatic;
|
||||||
|
pureComputed<T>(evaluatorFunction: () => T, context?: any): KnockoutComputed<T>;
|
||||||
|
pureComputed<T>(options: KnockoutComputedDefine<T>, context?: any): KnockoutComputed<T>;
|
||||||
|
|
||||||
|
observableArray: KnockoutObservableArrayStatic;
|
||||||
|
|
||||||
|
contextFor(node: any): any;
|
||||||
|
isSubscribable(instance: any): boolean;
|
||||||
|
toJSON(viewModel: any, replacer?: Function, space?: any): string;
|
||||||
|
toJS(viewModel: any): any;
|
||||||
|
isObservable(instance: any): boolean;
|
||||||
|
isWriteableObservable(instance: any): boolean;
|
||||||
|
isComputed(instance: any): boolean;
|
||||||
|
dataFor(node: any): any;
|
||||||
|
removeNode(node: Element): void;
|
||||||
|
cleanNode(node: Element): Element;
|
||||||
|
renderTemplate(template: Function, viewModel: any, options?: any, target?: any, renderMode?: any): any;
|
||||||
|
renderTemplate(template: string, viewModel: any, options?: any, target?: any, renderMode?: any): any;
|
||||||
|
unwrap<T>(value: KnockoutObservable<T> | T): T;
|
||||||
|
|
||||||
|
computedContext: KnockoutComputedContext;
|
||||||
|
|
||||||
|
//////////////////////////////////
|
||||||
|
// templateSources.js
|
||||||
|
//////////////////////////////////
|
||||||
|
|
||||||
|
templateSources: KnockoutTemplateSources;
|
||||||
|
|
||||||
|
//////////////////////////////////
|
||||||
|
// templateEngine.js
|
||||||
|
//////////////////////////////////
|
||||||
|
|
||||||
|
templateEngine: {
|
||||||
|
|
||||||
|
prototype: KnockoutTemplateEngine;
|
||||||
|
|
||||||
|
new (): KnockoutTemplateEngine;
|
||||||
|
};
|
||||||
|
|
||||||
|
//////////////////////////////////
|
||||||
|
// templateRewriting.js
|
||||||
|
//////////////////////////////////
|
||||||
|
|
||||||
|
templateRewriting: {
|
||||||
|
|
||||||
|
ensureTemplateIsRewritten(template: Node, templateEngine: KnockoutTemplateEngine, templateDocument: Document): any;
|
||||||
|
ensureTemplateIsRewritten(template: string, templateEngine: KnockoutTemplateEngine, templateDocument: Document): any;
|
||||||
|
|
||||||
|
memoizeBindingAttributeSyntax(htmlString: string, templateEngine: KnockoutTemplateEngine): any;
|
||||||
|
|
||||||
|
applyMemoizedBindingsToNextSibling(bindings: any, nodeName: string): string;
|
||||||
|
};
|
||||||
|
|
||||||
|
//////////////////////////////////
|
||||||
|
// nativeTemplateEngine.js
|
||||||
|
//////////////////////////////////
|
||||||
|
|
||||||
|
nativeTemplateEngine: {
|
||||||
|
|
||||||
|
prototype: KnockoutNativeTemplateEngine;
|
||||||
|
|
||||||
|
new (): KnockoutNativeTemplateEngine;
|
||||||
|
|
||||||
|
instance: KnockoutNativeTemplateEngine;
|
||||||
|
};
|
||||||
|
|
||||||
|
//////////////////////////////////
|
||||||
|
// jqueryTmplTemplateEngine.js
|
||||||
|
//////////////////////////////////
|
||||||
|
|
||||||
|
jqueryTmplTemplateEngine: {
|
||||||
|
|
||||||
|
prototype: KnockoutTemplateEngine;
|
||||||
|
|
||||||
|
renderTemplateSource(templateSource: Object, bindingContext: KnockoutBindingContext, options: Object): Node[];
|
||||||
|
|
||||||
|
createJavaScriptEvaluatorBlock(script: string): string;
|
||||||
|
|
||||||
|
addTemplate(templateName: string, templateMarkup: string): void;
|
||||||
|
};
|
||||||
|
|
||||||
|
//////////////////////////////////
|
||||||
|
// templating.js
|
||||||
|
//////////////////////////////////
|
||||||
|
|
||||||
|
setTemplateEngine(templateEngine: KnockoutNativeTemplateEngine): void;
|
||||||
|
|
||||||
|
renderTemplate(template: Function, dataOrBindingContext: KnockoutBindingContext, options: Object, targetNodeOrNodeArray: Node, renderMode: string): any;
|
||||||
|
renderTemplate(template: any, dataOrBindingContext: KnockoutBindingContext, options: Object, targetNodeOrNodeArray: Node, renderMode: string): any;
|
||||||
|
renderTemplate(template: Function, dataOrBindingContext: any, options: Object, targetNodeOrNodeArray: Node, renderMode: string): any;
|
||||||
|
renderTemplate(template: any, dataOrBindingContext: any, options: Object, targetNodeOrNodeArray: Node, renderMode: string): any;
|
||||||
|
renderTemplate(template: Function, dataOrBindingContext: KnockoutBindingContext, options: Object, targetNodeOrNodeArray: Node[], renderMode: string): any;
|
||||||
|
renderTemplate(template: any, dataOrBindingContext: KnockoutBindingContext, options: Object, targetNodeOrNodeArray: Node[], renderMode: string): any;
|
||||||
|
renderTemplate(template: Function, dataOrBindingContext: any, options: Object, targetNodeOrNodeArray: Node[], renderMode: string): any;
|
||||||
|
renderTemplate(template: any, dataOrBindingContext: any, options: Object, targetNodeOrNodeArray: Node[], renderMode: string): any;
|
||||||
|
|
||||||
|
renderTemplateForEach(template: Function, arrayOrObservableArray: any[], options: Object, targetNode: Node, parentBindingContext: KnockoutBindingContext): any;
|
||||||
|
renderTemplateForEach(template: any, arrayOrObservableArray: any[], options: Object, targetNode: Node, parentBindingContext: KnockoutBindingContext): any;
|
||||||
|
renderTemplateForEach(template: Function, arrayOrObservableArray: KnockoutObservable<any>, options: Object, targetNode: Node, parentBindingContext: KnockoutBindingContext): any;
|
||||||
|
renderTemplateForEach(template: any, arrayOrObservableArray: KnockoutObservable<any>, options: Object, targetNode: Node, parentBindingContext: KnockoutBindingContext): any;
|
||||||
|
|
||||||
|
expressionRewriting: {
|
||||||
|
bindingRewriteValidators: any;
|
||||||
|
parseObjectLiteral: { (objectLiteralString: string): any[] }
|
||||||
|
};
|
||||||
|
|
||||||
|
/////////////////////////////////
|
||||||
|
|
||||||
|
bindingProvider: {
|
||||||
|
instance: KnockoutBindingProvider;
|
||||||
|
new (): KnockoutBindingProvider;
|
||||||
|
}
|
||||||
|
|
||||||
|
/////////////////////////////////
|
||||||
|
// selectExtensions.js
|
||||||
|
/////////////////////////////////
|
||||||
|
|
||||||
|
selectExtensions: {
|
||||||
|
|
||||||
|
readValue(element: HTMLElement): any;
|
||||||
|
|
||||||
|
writeValue(element: HTMLElement, value: any): void;
|
||||||
|
};
|
||||||
|
|
||||||
|
components: KnockoutComponents;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutBindingProvider {
|
||||||
|
nodeHasBindings(node: Node): boolean;
|
||||||
|
getBindings(node: Node, bindingContext: KnockoutBindingContext): {};
|
||||||
|
getBindingAccessors?(node: Node, bindingContext: KnockoutBindingContext): { [key: string]: string; };
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutComputedContext {
|
||||||
|
getDependenciesCount(): number;
|
||||||
|
isInitial: () => boolean;
|
||||||
|
isSleeping: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
//
|
||||||
|
// refactored types into a namespace to reduce global pollution
|
||||||
|
// and used Union Types to simplify overloads (requires TypeScript 1.4)
|
||||||
|
//
|
||||||
|
declare module KnockoutComponentTypes {
|
||||||
|
|
||||||
|
interface Config {
|
||||||
|
viewModel?: ViewModelFunction | ViewModelSharedInstance | ViewModelFactoryFunction | AMDModule;
|
||||||
|
template: string | Node[]| DocumentFragment | TemplateElement | AMDModule;
|
||||||
|
synchronous?: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface ComponentConfig {
|
||||||
|
viewModel?: ViewModelFunction | ViewModelSharedInstance | ViewModelFactoryFunction | AMDModule;
|
||||||
|
template: any;
|
||||||
|
createViewModel?: any;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface EmptyConfig {
|
||||||
|
}
|
||||||
|
|
||||||
|
// common AMD type
|
||||||
|
interface AMDModule {
|
||||||
|
require: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
// viewmodel types
|
||||||
|
interface ViewModelFunction {
|
||||||
|
(params?: any): any;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface ViewModelSharedInstance {
|
||||||
|
instance: any;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface ViewModelFactoryFunction {
|
||||||
|
createViewModel: (params?: any, componentInfo?: ComponentInfo) => any;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface ComponentInfo {
|
||||||
|
element: Node;
|
||||||
|
templateNodes: Node[];
|
||||||
|
}
|
||||||
|
|
||||||
|
interface TemplateElement {
|
||||||
|
element: string | Node;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Loader {
|
||||||
|
getConfig? (componentName: string, callback: (result: ComponentConfig) => void): void;
|
||||||
|
loadComponent? (componentName: string, config: ComponentConfig, callback: (result: Definition) => void): void;
|
||||||
|
loadTemplate? (componentName: string, templateConfig: any, callback: (result: Node[]) => void): void;
|
||||||
|
loadViewModel? (componentName: string, viewModelConfig: any, callback: (result: any) => void): void;
|
||||||
|
suppressLoaderExceptions?: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Definition {
|
||||||
|
template: Node[];
|
||||||
|
createViewModel? (params: any, options: { element: Node; }): any;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
interface KnockoutComponents {
|
||||||
|
// overloads for register method:
|
||||||
|
register(componentName: string, config: KnockoutComponentTypes.Config | KnockoutComponentTypes.EmptyConfig): void;
|
||||||
|
|
||||||
|
isRegistered(componentName: string): boolean;
|
||||||
|
unregister(componentName: string): void;
|
||||||
|
get(componentName: string, callback: (definition: KnockoutComponentTypes.Definition) => void): void;
|
||||||
|
clearCachedDefinition(componentName: string): void
|
||||||
|
defaultLoader: KnockoutComponentTypes.Loader;
|
||||||
|
loaders: KnockoutComponentTypes.Loader[];
|
||||||
|
getComponentNameForNode(node: Node): string;
|
||||||
|
}
|
||||||
|
|
||||||
|
declare var ko: KnockoutStatic;
|
||||||
|
|
||||||
|
declare module "knockout" {
|
||||||
|
export = ko;
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,214 @@
|
||||||
|
// Type definitions for mocha 2.2.5
|
||||||
|
// Project: http://mochajs.org/
|
||||||
|
// Definitions by: Kazi Manzur Rashid <https://github.com/kazimanzurrashid/>, otiai10 <https://github.com/otiai10>, jt000 <https://github.com/jt000>, Vadim Macagon <https://github.com/enlight>
|
||||||
|
// Definitions: https://github.com/borisyankov/DefinitelyTyped
|
||||||
|
|
||||||
|
interface MochaSetupOptions {
|
||||||
|
//milliseconds to wait before considering a test slow
|
||||||
|
slow?: number;
|
||||||
|
|
||||||
|
// timeout in milliseconds
|
||||||
|
timeout?: number;
|
||||||
|
|
||||||
|
// ui name "bdd", "tdd", "exports" etc
|
||||||
|
ui?: string;
|
||||||
|
|
||||||
|
//array of accepted globals
|
||||||
|
globals?: any[];
|
||||||
|
|
||||||
|
// reporter instance (function or string), defaults to `mocha.reporters.Spec`
|
||||||
|
reporter?: any;
|
||||||
|
|
||||||
|
// bail on the first test failure
|
||||||
|
bail?: boolean;
|
||||||
|
|
||||||
|
// ignore global leaks
|
||||||
|
ignoreLeaks?: boolean;
|
||||||
|
|
||||||
|
// grep string or regexp to filter tests with
|
||||||
|
grep?: any;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface MochaDone {
|
||||||
|
(error?: Error): void;
|
||||||
|
}
|
||||||
|
|
||||||
|
declare var mocha: Mocha;
|
||||||
|
declare var describe: Mocha.IContextDefinition;
|
||||||
|
declare var xdescribe: Mocha.IContextDefinition;
|
||||||
|
// alias for `describe`
|
||||||
|
declare var context: Mocha.IContextDefinition;
|
||||||
|
// alias for `describe`
|
||||||
|
declare var suite: Mocha.IContextDefinition;
|
||||||
|
declare var it: Mocha.ITestDefinition;
|
||||||
|
declare var xit: Mocha.ITestDefinition;
|
||||||
|
// alias for `it`
|
||||||
|
declare var test: Mocha.ITestDefinition;
|
||||||
|
|
||||||
|
declare function before(action: () => void): void;
|
||||||
|
|
||||||
|
declare function before(action: (done: MochaDone) => void): void;
|
||||||
|
|
||||||
|
declare function setup(action: () => void): void;
|
||||||
|
|
||||||
|
declare function setup(action: (done: MochaDone) => void): void;
|
||||||
|
|
||||||
|
declare function after(action: () => void): void;
|
||||||
|
|
||||||
|
declare function after(action: (done: MochaDone) => void): void;
|
||||||
|
|
||||||
|
declare function teardown(action: () => void): void;
|
||||||
|
|
||||||
|
declare function teardown(action: (done: MochaDone) => void): void;
|
||||||
|
|
||||||
|
declare function beforeEach(action: () => void): void;
|
||||||
|
|
||||||
|
declare function beforeEach(action: (done: MochaDone) => void): void;
|
||||||
|
|
||||||
|
declare function suiteSetup(action: () => void): void;
|
||||||
|
|
||||||
|
declare function suiteSetup(action: (done: MochaDone) => void): void;
|
||||||
|
|
||||||
|
declare function afterEach(action: () => void): void;
|
||||||
|
|
||||||
|
declare function afterEach(action: (done: MochaDone) => void): void;
|
||||||
|
|
||||||
|
declare function suiteTeardown(action: () => void): void;
|
||||||
|
|
||||||
|
declare function suiteTeardown(action: (done: MochaDone) => void): void;
|
||||||
|
|
||||||
|
declare class Mocha {
|
||||||
|
constructor(options?: {
|
||||||
|
grep?: RegExp;
|
||||||
|
ui?: string;
|
||||||
|
reporter?: string;
|
||||||
|
timeout?: number;
|
||||||
|
bail?: boolean;
|
||||||
|
});
|
||||||
|
|
||||||
|
/** Setup mocha with the given options. */
|
||||||
|
setup(options: MochaSetupOptions): Mocha;
|
||||||
|
bail(value?: boolean): Mocha;
|
||||||
|
addFile(file: string): Mocha;
|
||||||
|
/** Sets reporter by name, defaults to "spec". */
|
||||||
|
reporter(name: string): Mocha;
|
||||||
|
/** Sets reporter constructor, defaults to mocha.reporters.Spec. */
|
||||||
|
reporter(reporter: (runner: Mocha.IRunner, options: any) => any): Mocha;
|
||||||
|
ui(value: string): Mocha;
|
||||||
|
grep(value: string): Mocha;
|
||||||
|
grep(value: RegExp): Mocha;
|
||||||
|
invert(): Mocha;
|
||||||
|
ignoreLeaks(value: boolean): Mocha;
|
||||||
|
checkLeaks(): Mocha;
|
||||||
|
/** Enables growl support. */
|
||||||
|
growl(): Mocha;
|
||||||
|
globals(value: string): Mocha;
|
||||||
|
globals(values: string[]): Mocha;
|
||||||
|
useColors(value: boolean): Mocha;
|
||||||
|
useInlineDiffs(value: boolean): Mocha;
|
||||||
|
timeout(value: number): Mocha;
|
||||||
|
slow(value: number): Mocha;
|
||||||
|
enableTimeouts(value: boolean): Mocha;
|
||||||
|
asyncOnly(value: boolean): Mocha;
|
||||||
|
noHighlighting(value: boolean): Mocha;
|
||||||
|
/** Runs tests and invokes `onComplete()` when finished. */
|
||||||
|
run(onComplete?: (failures: number) => void): Mocha.IRunner;
|
||||||
|
}
|
||||||
|
|
||||||
|
// merge the Mocha class declaration with a module
|
||||||
|
declare module Mocha {
|
||||||
|
/** Partial interface for Mocha's `Runnable` class. */
|
||||||
|
interface IRunnable {
|
||||||
|
title: string;
|
||||||
|
fn: Function;
|
||||||
|
async: boolean;
|
||||||
|
sync: boolean;
|
||||||
|
timedOut: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Partial interface for Mocha's `Suite` class. */
|
||||||
|
interface ISuite {
|
||||||
|
parent: ISuite;
|
||||||
|
title: string;
|
||||||
|
|
||||||
|
fullTitle(): string;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Partial interface for Mocha's `Test` class. */
|
||||||
|
interface ITest extends IRunnable {
|
||||||
|
parent: ISuite;
|
||||||
|
pending: boolean;
|
||||||
|
|
||||||
|
fullTitle(): string;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Partial interface for Mocha's `Runner` class. */
|
||||||
|
interface IRunner {}
|
||||||
|
|
||||||
|
interface IContextDefinition {
|
||||||
|
(description: string, spec: () => void): ISuite;
|
||||||
|
only(description: string, spec: () => void): ISuite;
|
||||||
|
skip(description: string, spec: () => void): void;
|
||||||
|
timeout(ms: number): void;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface ITestDefinition {
|
||||||
|
(expectation: string, assertion?: () => void): ITest;
|
||||||
|
(expectation: string, assertion?: (done: MochaDone) => void): ITest;
|
||||||
|
only(expectation: string, assertion?: () => void): ITest;
|
||||||
|
only(expectation: string, assertion?: (done: MochaDone) => void): ITest;
|
||||||
|
skip(expectation: string, assertion?: () => void): void;
|
||||||
|
skip(expectation: string, assertion?: (done: MochaDone) => void): void;
|
||||||
|
timeout(ms: number): void;
|
||||||
|
}
|
||||||
|
|
||||||
|
export module reporters {
|
||||||
|
export class Base {
|
||||||
|
stats: {
|
||||||
|
suites: number;
|
||||||
|
tests: number;
|
||||||
|
passes: number;
|
||||||
|
pending: number;
|
||||||
|
failures: number;
|
||||||
|
};
|
||||||
|
|
||||||
|
constructor(runner: IRunner);
|
||||||
|
}
|
||||||
|
|
||||||
|
export class Doc extends Base {}
|
||||||
|
export class Dot extends Base {}
|
||||||
|
export class HTML extends Base {}
|
||||||
|
export class HTMLCov extends Base {}
|
||||||
|
export class JSON extends Base {}
|
||||||
|
export class JSONCov extends Base {}
|
||||||
|
export class JSONStream extends Base {}
|
||||||
|
export class Landing extends Base {}
|
||||||
|
export class List extends Base {}
|
||||||
|
export class Markdown extends Base {}
|
||||||
|
export class Min extends Base {}
|
||||||
|
export class Nyan extends Base {}
|
||||||
|
export class Progress extends Base {
|
||||||
|
/**
|
||||||
|
* @param options.open String used to indicate the start of the progress bar.
|
||||||
|
* @param options.complete String used to indicate a complete test on the progress bar.
|
||||||
|
* @param options.incomplete String used to indicate an incomplete test on the progress bar.
|
||||||
|
* @param options.close String used to indicate the end of the progress bar.
|
||||||
|
*/
|
||||||
|
constructor(runner: IRunner, options?: {
|
||||||
|
open?: string;
|
||||||
|
complete?: string;
|
||||||
|
incomplete?: string;
|
||||||
|
close?: string;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
export class Spec extends Base {}
|
||||||
|
export class TAP extends Base {}
|
||||||
|
export class XUnit extends Base {
|
||||||
|
constructor(runner: IRunner, options?: any);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
declare module "mocha" {
|
||||||
|
export = Mocha;
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,19 @@
|
||||||
|
// Type definitions for React v0.14 (react-addons-css-transition-group)
|
||||||
|
// Project: http://facebook.github.io/react/
|
||||||
|
// Definitions by: Asana <https://asana.com>, AssureSign <http://www.assuresign.com>, Microsoft <https://microsoft.com>
|
||||||
|
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
|
||||||
|
|
||||||
|
/// <reference path="react.d.ts" />
|
||||||
|
|
||||||
|
declare namespace __React {
|
||||||
|
namespace __Addons {
|
||||||
|
export function shallowCompare<P, S>(
|
||||||
|
component: __React.Component<P, S>,
|
||||||
|
nextProps: P,
|
||||||
|
nextState: S): boolean;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
declare module "react-addons-shallow-compare" {
|
||||||
|
export = __React.__Addons.shallowCompare;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,155 @@
|
||||||
|
// Type definitions for React v0.14 (react-addons-test-utils)
|
||||||
|
// Project: http://facebook.github.io/react/
|
||||||
|
// Definitions by: Asana <https://asana.com>, AssureSign <http://www.assuresign.com>, Microsoft <https://microsoft.com>
|
||||||
|
// Definitions: https://github.com/borisyankov/DefinitelyTyped
|
||||||
|
|
||||||
|
/// <reference path="react.d.ts" />
|
||||||
|
|
||||||
|
declare namespace __React {
|
||||||
|
interface SyntheticEventData {
|
||||||
|
altKey?: boolean;
|
||||||
|
button?: number;
|
||||||
|
buttons?: number;
|
||||||
|
clientX?: number;
|
||||||
|
clientY?: number;
|
||||||
|
changedTouches?: TouchList;
|
||||||
|
charCode?: boolean;
|
||||||
|
clipboardData?: DataTransfer;
|
||||||
|
ctrlKey?: boolean;
|
||||||
|
deltaMode?: number;
|
||||||
|
deltaX?: number;
|
||||||
|
deltaY?: number;
|
||||||
|
deltaZ?: number;
|
||||||
|
detail?: number;
|
||||||
|
getModifierState?(key: string): boolean;
|
||||||
|
key?: string;
|
||||||
|
keyCode?: number;
|
||||||
|
locale?: string;
|
||||||
|
location?: number;
|
||||||
|
metaKey?: boolean;
|
||||||
|
pageX?: number;
|
||||||
|
pageY?: number;
|
||||||
|
relatedTarget?: EventTarget;
|
||||||
|
repeat?: boolean;
|
||||||
|
screenX?: number;
|
||||||
|
screenY?: number;
|
||||||
|
shiftKey?: boolean;
|
||||||
|
targetTouches?: TouchList;
|
||||||
|
touches?: TouchList;
|
||||||
|
view?: AbstractView;
|
||||||
|
which?: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface EventSimulator {
|
||||||
|
(element: Element, eventData?: SyntheticEventData): void;
|
||||||
|
(component: Component<any, any>, eventData?: SyntheticEventData): void;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface MockedComponentClass {
|
||||||
|
new(): any;
|
||||||
|
}
|
||||||
|
|
||||||
|
class ShallowRenderer {
|
||||||
|
getRenderOutput<E extends ReactElement<any>>(): E;
|
||||||
|
getRenderOutput(): ReactElement<any>;
|
||||||
|
render(element: ReactElement<any>, context?: any): void;
|
||||||
|
unmount(): void;
|
||||||
|
}
|
||||||
|
|
||||||
|
namespace __Addons {
|
||||||
|
namespace TestUtils {
|
||||||
|
namespace Simulate {
|
||||||
|
export var blur: EventSimulator;
|
||||||
|
export var change: EventSimulator;
|
||||||
|
export var click: EventSimulator;
|
||||||
|
export var cut: EventSimulator;
|
||||||
|
export var doubleClick: EventSimulator;
|
||||||
|
export var drag: EventSimulator;
|
||||||
|
export var dragEnd: EventSimulator;
|
||||||
|
export var dragEnter: EventSimulator;
|
||||||
|
export var dragExit: EventSimulator;
|
||||||
|
export var dragLeave: EventSimulator;
|
||||||
|
export var dragOver: EventSimulator;
|
||||||
|
export var dragStart: EventSimulator;
|
||||||
|
export var drop: EventSimulator;
|
||||||
|
export var focus: EventSimulator;
|
||||||
|
export var input: EventSimulator;
|
||||||
|
export var keyDown: EventSimulator;
|
||||||
|
export var keyPress: EventSimulator;
|
||||||
|
export var keyUp: EventSimulator;
|
||||||
|
export var mouseDown: EventSimulator;
|
||||||
|
export var mouseEnter: EventSimulator;
|
||||||
|
export var mouseLeave: EventSimulator;
|
||||||
|
export var mouseMove: EventSimulator;
|
||||||
|
export var mouseOut: EventSimulator;
|
||||||
|
export var mouseOver: EventSimulator;
|
||||||
|
export var mouseUp: EventSimulator;
|
||||||
|
export var paste: EventSimulator;
|
||||||
|
export var scroll: EventSimulator;
|
||||||
|
export var submit: EventSimulator;
|
||||||
|
export var touchCancel: EventSimulator;
|
||||||
|
export var touchEnd: EventSimulator;
|
||||||
|
export var touchMove: EventSimulator;
|
||||||
|
export var touchStart: EventSimulator;
|
||||||
|
export var wheel: EventSimulator;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function renderIntoDocument(
|
||||||
|
element: DOMElement<any>): Element;
|
||||||
|
export function renderIntoDocument<P>(
|
||||||
|
element: ReactElement<P>): Component<P, any>;
|
||||||
|
export function renderIntoDocument<C extends Component<any, any>>(
|
||||||
|
element: ReactElement<any>): C;
|
||||||
|
|
||||||
|
export function mockComponent(
|
||||||
|
mocked: MockedComponentClass, mockTagName?: string): typeof TestUtils;
|
||||||
|
|
||||||
|
export function isElementOfType(
|
||||||
|
element: ReactElement<any>, type: ReactType): boolean;
|
||||||
|
export function isDOMComponent(instance: ReactInstance): boolean;
|
||||||
|
export function isCompositeComponent(instance: ReactInstance): boolean;
|
||||||
|
export function isCompositeComponentWithType(
|
||||||
|
instance: ReactInstance,
|
||||||
|
type: ComponentClass<any>): boolean;
|
||||||
|
|
||||||
|
export function findAllInRenderedTree(
|
||||||
|
root: Component<any, any>,
|
||||||
|
fn: (i: ReactInstance) => boolean): ReactInstance[];
|
||||||
|
|
||||||
|
export function scryRenderedDOMComponentsWithClass(
|
||||||
|
root: Component<any, any>,
|
||||||
|
className: string): Element[];
|
||||||
|
export function findRenderedDOMComponentWithClass(
|
||||||
|
root: Component<any, any>,
|
||||||
|
className: string): Element;
|
||||||
|
|
||||||
|
export function scryRenderedDOMComponentsWithTag(
|
||||||
|
root: Component<any, any>,
|
||||||
|
tagName: string): Element[];
|
||||||
|
export function findRenderedDOMComponentWithTag(
|
||||||
|
root: Component<any, any>,
|
||||||
|
tagName: string): Element;
|
||||||
|
|
||||||
|
export function scryRenderedComponentsWithType<P>(
|
||||||
|
root: Component<any, any>,
|
||||||
|
type: ComponentClass<P>): Component<P, {}>[];
|
||||||
|
export function scryRenderedComponentsWithType<C extends Component<any, any>>(
|
||||||
|
root: Component<any, any>,
|
||||||
|
type: ComponentClass<any>): C[];
|
||||||
|
|
||||||
|
export function findRenderedComponentWithType<P>(
|
||||||
|
root: Component<any, any>,
|
||||||
|
type: ComponentClass<P>): Component<P, {}>;
|
||||||
|
export function findRenderedComponentWithType<C extends Component<any, any>>(
|
||||||
|
root: Component<any, any>,
|
||||||
|
type: ComponentClass<any>): C;
|
||||||
|
|
||||||
|
export function createRenderer(): ShallowRenderer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
declare module "react-addons-test-utils" {
|
||||||
|
import TestUtils = __React.__Addons.TestUtils;
|
||||||
|
export = TestUtils;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,35 @@
|
||||||
|
// Type definitions for React v0.14 (react-addons-update)
|
||||||
|
// Project: http://facebook.github.io/react/
|
||||||
|
// Definitions by: Asana <https://asana.com>, AssureSign <http://www.assuresign.com>, Microsoft <https://microsoft.com>
|
||||||
|
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
|
||||||
|
|
||||||
|
/// <reference path="react.d.ts" />
|
||||||
|
|
||||||
|
declare namespace __React {
|
||||||
|
interface UpdateSpecCommand {
|
||||||
|
$set?: any;
|
||||||
|
$merge?: {};
|
||||||
|
$apply?(value: any): any;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface UpdateSpecPath {
|
||||||
|
[key: string]: UpdateSpec;
|
||||||
|
}
|
||||||
|
|
||||||
|
type UpdateSpec = UpdateSpecCommand | UpdateSpecPath;
|
||||||
|
|
||||||
|
interface UpdateArraySpec extends UpdateSpecCommand {
|
||||||
|
$push?: any[];
|
||||||
|
$unshift?: any[];
|
||||||
|
$splice?: any[][];
|
||||||
|
}
|
||||||
|
|
||||||
|
namespace __Addons {
|
||||||
|
export function update(value: any[], spec: UpdateArraySpec): any[];
|
||||||
|
export function update(value: {}, spec: UpdateSpec): any;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
declare module "react-addons-update" {
|
||||||
|
export = __React.__Addons.update;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,66 @@
|
||||||
|
// Type definitions for React v0.14 (react-dom)
|
||||||
|
// Project: http://facebook.github.io/react/
|
||||||
|
// Definitions by: Asana <https://asana.com>, AssureSign <http://www.assuresign.com>, Microsoft <https://microsoft.com>
|
||||||
|
// Definitions: https://github.com/borisyankov/DefinitelyTyped
|
||||||
|
|
||||||
|
/// <reference path="react.d.ts" />
|
||||||
|
|
||||||
|
declare namespace __React {
|
||||||
|
namespace __DOM {
|
||||||
|
function findDOMNode<E extends Element>(instance: ReactInstance): E;
|
||||||
|
function findDOMNode(instance: ReactInstance): Element;
|
||||||
|
|
||||||
|
function render<P>(
|
||||||
|
element: DOMElement<P>,
|
||||||
|
container: Element,
|
||||||
|
callback?: (element: Element) => any): Element;
|
||||||
|
function render<P, S>(
|
||||||
|
element: ClassicElement<P>,
|
||||||
|
container: Element,
|
||||||
|
callback?: (component: ClassicComponent<P, S>) => any): ClassicComponent<P, S>;
|
||||||
|
function render<P, S>(
|
||||||
|
element: ReactElement<P>,
|
||||||
|
container: Element,
|
||||||
|
callback?: (component: Component<P, S>) => any): Component<P, S>;
|
||||||
|
|
||||||
|
function unmountComponentAtNode(container: Element): boolean;
|
||||||
|
|
||||||
|
var version: string;
|
||||||
|
|
||||||
|
function unstable_batchedUpdates<A, B>(callback: (a: A, b: B) => any, a: A, b: B): void;
|
||||||
|
function unstable_batchedUpdates<A>(callback: (a: A) => any, a: A): void;
|
||||||
|
function unstable_batchedUpdates(callback: () => any): void;
|
||||||
|
|
||||||
|
function unstable_renderSubtreeIntoContainer<P>(
|
||||||
|
parentComponent: Component<any, any>,
|
||||||
|
nextElement: DOMElement<P>,
|
||||||
|
container: Element,
|
||||||
|
callback?: (element: Element) => any): Element;
|
||||||
|
function unstable_renderSubtreeIntoContainer<P, S>(
|
||||||
|
parentComponent: Component<any, any>,
|
||||||
|
nextElement: ClassicElement<P>,
|
||||||
|
container: Element,
|
||||||
|
callback?: (component: ClassicComponent<P, S>) => any): ClassicComponent<P, S>;
|
||||||
|
function unstable_renderSubtreeIntoContainer<P, S>(
|
||||||
|
parentComponent: Component<any, any>,
|
||||||
|
nextElement: ReactElement<P>,
|
||||||
|
container: Element,
|
||||||
|
callback?: (component: Component<P, S>) => any): Component<P, S>;
|
||||||
|
}
|
||||||
|
|
||||||
|
namespace __DOMServer {
|
||||||
|
function renderToString(element: ReactElement<any>): string;
|
||||||
|
function renderToStaticMarkup(element: ReactElement<any>): string;
|
||||||
|
var version: string;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
declare module "react-dom" {
|
||||||
|
import DOM = __React.__DOM;
|
||||||
|
export = DOM;
|
||||||
|
}
|
||||||
|
|
||||||
|
declare module "react-dom/server" {
|
||||||
|
import DOMServer = __React.__DOMServer;
|
||||||
|
export = DOMServer;
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,21 @@
|
||||||
|
// Type definitions for System.js 0.18.4
|
||||||
|
// Project: https://github.com/systemjs/systemjs
|
||||||
|
// Definitions by: Ludovic HENIN <https://github.com/ludohenin/>, Nathan Walker <https://github.com/NathanWalker/>
|
||||||
|
// Definitions: https://github.com/borisyankov/DefinitelyTyped
|
||||||
|
|
||||||
|
interface System {
|
||||||
|
import(name: string): any;
|
||||||
|
defined: any;
|
||||||
|
amdDefine: () => void;
|
||||||
|
amdRequire: () => void;
|
||||||
|
baseURL: string;
|
||||||
|
paths: { [key: string]: string };
|
||||||
|
meta: { [key: string]: Object };
|
||||||
|
config: any;
|
||||||
|
}
|
||||||
|
|
||||||
|
declare var System: System;
|
||||||
|
|
||||||
|
declare module "systemjs" {
|
||||||
|
export = System;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,18 @@
|
||||||
|
/// <reference path="@ms/odsp.d.ts" />
|
||||||
|
/// <reference path="@ms/odsp-webpack.d.ts" />
|
||||||
|
/// <reference path="assertion-error/assertion-error.d.ts" />
|
||||||
|
/// <reference path="chai/chai.d.ts" />
|
||||||
|
/// <reference path="es6-collections/es6-collections.d.ts" />
|
||||||
|
/// <reference path="es6-promise/es6-promise.d.ts" />
|
||||||
|
/// <reference path="lodash/lodash.d.ts" />
|
||||||
|
/// <reference path="mocha/mocha.d.ts" />
|
||||||
|
/// <reference path="node/node.d.ts" />
|
||||||
|
/// <reference path="react/react.d.ts" />
|
||||||
|
/// <reference path="react/react-addons-shallow-compare.d.ts" />
|
||||||
|
/// <reference path="react/react-addons-test-utils.d.ts" />
|
||||||
|
/// <reference path="react/react-addons-update.d.ts" />
|
||||||
|
/// <reference path="react/react-dom.d.ts" />
|
||||||
|
/// <reference path="systemjs/systemjs.d.ts" />
|
||||||
|
/// <reference path="whatwg-fetch/whatwg-fetch.d.ts" />
|
||||||
|
/// <reference path="knockout/knockout.d.ts" />
|
||||||
|
/// <reference path="combokeys/combokeys.d.ts" />
|
||||||
|
|
@ -0,0 +1,87 @@
|
||||||
|
// Type definitions for fetch API
|
||||||
|
// Project: https://github.com/github/fetch
|
||||||
|
// Definitions by: Ryan Graham <https://github.com/ryan-codingintrigue>
|
||||||
|
// Definitions: https://github.com/borisyankov/DefinitelyTyped
|
||||||
|
|
||||||
|
/// <reference path="../es6-promise/es6-promise.d.ts" />
|
||||||
|
|
||||||
|
declare class Request extends Body {
|
||||||
|
constructor(input: string|Request, init?:RequestInit);
|
||||||
|
method: string;
|
||||||
|
url: string;
|
||||||
|
headers: Headers;
|
||||||
|
context: string|RequestContext;
|
||||||
|
referrer: string;
|
||||||
|
mode: string|RequestMode;
|
||||||
|
credentials: string|RequestCredentials;
|
||||||
|
cache: string|RequestCache;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface RequestInit {
|
||||||
|
method?: string;
|
||||||
|
headers?: HeaderInit|{ [index: string]: string };
|
||||||
|
body?: BodyInit;
|
||||||
|
mode?: string|RequestMode;
|
||||||
|
credentials?: string|RequestCredentials;
|
||||||
|
cache?: string|RequestCache;
|
||||||
|
}
|
||||||
|
|
||||||
|
declare enum RequestContext {
|
||||||
|
"audio", "beacon", "cspreport", "download", "embed", "eventsource", "favicon", "fetch",
|
||||||
|
"font", "form", "frame", "hyperlink", "iframe", "image", "imageset", "import",
|
||||||
|
"internal", "location", "manifest", "object", "ping", "plugin", "prefetch", "script",
|
||||||
|
"serviceworker", "sharedworker", "subresource", "style", "track", "video", "worker",
|
||||||
|
"xmlhttprequest", "xslt"
|
||||||
|
}
|
||||||
|
declare enum RequestMode { "same-origin", "no-cors", "cors" }
|
||||||
|
declare enum RequestCredentials { "omit", "same-origin", "include" }
|
||||||
|
declare enum RequestCache { "default", "no-store", "reload", "no-cache", "force-cache", "only-if-cached" }
|
||||||
|
|
||||||
|
declare class Headers {
|
||||||
|
append(name: string, value: string): void;
|
||||||
|
delete(name: string):void;
|
||||||
|
get(name: string): string;
|
||||||
|
getAll(name: string): Array<string>;
|
||||||
|
has(name: string): boolean;
|
||||||
|
set(name: string, value: string): void;
|
||||||
|
}
|
||||||
|
|
||||||
|
declare class Body {
|
||||||
|
bodyUsed: boolean;
|
||||||
|
arrayBuffer(): Promise<ArrayBuffer>;
|
||||||
|
blob(): Promise<Blob>;
|
||||||
|
formData(): Promise<FormData>;
|
||||||
|
json(): Promise<any>;
|
||||||
|
json<T>(): Promise<T>;
|
||||||
|
text(): Promise<string>;
|
||||||
|
}
|
||||||
|
declare class Response extends Body {
|
||||||
|
constructor(body?: BodyInit, init?: ResponseInit);
|
||||||
|
error(): Response;
|
||||||
|
redirect(url: string, status: number): Response;
|
||||||
|
type: string|ResponseType;
|
||||||
|
url: string;
|
||||||
|
status: number;
|
||||||
|
ok: boolean;
|
||||||
|
statusText: string;
|
||||||
|
headers: Headers;
|
||||||
|
clone(): Response;
|
||||||
|
}
|
||||||
|
|
||||||
|
declare enum ResponseType { "basic", "cors", "default", "error", "opaque" }
|
||||||
|
|
||||||
|
interface ResponseInit {
|
||||||
|
status: number;
|
||||||
|
statusText?: string;
|
||||||
|
headers?: HeaderInit;
|
||||||
|
}
|
||||||
|
|
||||||
|
declare type HeaderInit = Headers|Array<string>;
|
||||||
|
declare type BodyInit = Blob|FormData|string;
|
||||||
|
declare type RequestInfo = Request|string;
|
||||||
|
|
||||||
|
interface Window {
|
||||||
|
fetch(url: string|Request, init?: RequestInit): Promise<Response>;
|
||||||
|
}
|
||||||
|
|
||||||
|
declare var fetch: typeof window.fetch;
|
||||||
Loading…
Reference in New Issue