├── .gitignore ├── README.md ├── demo (KUI Core) ├── .eslintrc.js ├── .gitignore ├── README.md ├── index.html ├── package.json ├── src │ ├── .DS_Store │ ├── app.css │ ├── app.js │ └── kendoDropDownList.js └── webpack.config.js ├── demo (KUI Professional) ├── .eslintrc.js ├── .gitignore ├── README.md ├── index.html ├── package.json ├── src │ ├── .DS_Store │ ├── app.css │ ├── app.js │ └── kendoDropDownList.js └── webpack.config.js ├── lerna.json ├── package.json └── packages ├── .DS_Store ├── .eslintrc.js ├── .gitignore ├── autoComplete ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── barCode ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── button ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── calendar ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── charts ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── colorPicker ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── comboBox ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── datePicker ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── dateTimePicker ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── diagram ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── dialog ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── draggable ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── dropDownList ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── dropTarget ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── dropTargetArea ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── editor ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── gantt ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── grid ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── linearGauge ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── listView ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── map ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── maskedTextBox ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── mediaPlayer ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── menu ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── multiSelect ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── notification ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── numericTextBox ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── panelBar ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── pivotGrid ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── progressBar ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── qrCode ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── radialGauge ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── responsivePanel ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── scheduler ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── slider ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── sortable ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── sparklines ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── splitter ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── spreadsheet ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── stockChart ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── tabStrip ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── timePicker ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── toolBar ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── tooltip ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── treeList ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── treeMap ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── treeView ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── upload ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js ├── validator ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src │ └── index.js └── window ├── .babelrc ├── .gitignore ├── .npmignore ├── README.md ├── package.json └── src └── index.js /.gitignore: -------------------------------------------------------------------------------- 1 | 2 | /node_modules/ 3 | -------------------------------------------------------------------------------- /demo (KUI Core)/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | "env": { 3 | "browser": true, 4 | "es6": true 5 | }, 6 | "extends": "eslint:recommended", 7 | "parserOptions": { 8 | "ecmaFeatures": { 9 | "experimentalObjectRestSpread": true, 10 | "jsx": true 11 | }, 12 | "sourceType": "module" 13 | }, 14 | "plugins": [ 15 | "react" 16 | ], 17 | "rules": { 18 | "indent": [ 19 | "error", 20 | "tab" 21 | ], 22 | "linebreak-style": [ 23 | "error", 24 | "unix" 25 | ], 26 | "quotes": [ 27 | "error", 28 | "single" 29 | ], 30 | "semi": [ 31 | "error", 32 | "always" 33 | ] 34 | } 35 | }; -------------------------------------------------------------------------------- /demo (KUI Core)/.gitignore: -------------------------------------------------------------------------------- 1 | /build/ 2 | /node_modules/ 3 | -------------------------------------------------------------------------------- /demo (KUI Core)/README.md: -------------------------------------------------------------------------------- 1 | # Run Demo 2 | 3 | Open this directory in a terminal and run the following npm script commands. 4 | 5 | ``` 6 | $ npm install 7 | ``` 8 | 9 | ``` 10 | $ npm run webpack 11 | ``` 12 | 13 | then, in another tab/window: 14 | 15 | ``` 16 | $ npm run server 17 | ``` 18 | 19 | This will open a browser window with all of the KUI for React wrapper widgets running in a single page. 20 | -------------------------------------------------------------------------------- /demo (KUI Core)/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | webpack 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /demo (KUI Core)/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "scripts": { 3 | "webpack": "webpack --watch --display-modules", 4 | "server": "browser-sync --port 4000 start --server --files \"**/*.html\" \"build/**/*.css\" \"build/**/*.js\" " 5 | }, 6 | "devDependencies": { 7 | "babel-loader": "^6.2.5", 8 | "babel-core": "^6.16.0", 9 | "babel-preset-es2015": "^6.16.0", 10 | "babel-preset-react": "^6.16.0", 11 | "babel-preset-stage-0": "^6.16.0", 12 | "browser-sync": "^2.17.0", 13 | "css-loader": "^0.23.1", 14 | "extract-text-webpack-plugin": "^1.0.1", 15 | "file-loader": "^0.8.5", 16 | "json-loader": "^0.5.4", 17 | "raw-loader": "^0.5.1", 18 | "style-loader": "^0.13.1", 19 | "url-loader": "^0.5.7", 20 | "webpack": "^1.13.2" 21 | }, 22 | "dependencies": { 23 | "kendo-ui-react-jquery-autocomplete": "^1.0.3", 24 | "kendo-ui-react-jquery-button": "^1.0.4", 25 | "kendo-ui-react-jquery-calendar": "^1.0.14", 26 | "kendo-ui-react-jquery-colorpicker": "^1.0.14", 27 | "kendo-ui-react-jquery-combobox": "^1.0.2", 28 | "kendo-ui-react-jquery-datepicker": "^1.0.5", 29 | "kendo-ui-react-jquery-datetimepicker": "^1.0.2", 30 | "kendo-ui-react-jquery-dialog": "^1.0.2", 31 | "kendo-ui-react-jquery-draggable": "^1.0.1", 32 | "kendo-ui-react-jquery-dropdownlist": "^1.0.27", 33 | "kendo-ui-react-jquery-droptarget": "^1.0.1", 34 | "kendo-ui-react-jquery-droptargetarea": "^1.0.2", 35 | "kendo-ui-react-jquery-listview": "^1.0.5", 36 | "kendo-ui-react-jquery-maskedtextbox": "^1.0.4", 37 | "kendo-ui-react-jquery-menu": "^1.0.3", 38 | "kendo-ui-react-jquery-multiselect": "^1.0.3", 39 | "kendo-ui-react-jquery-notification": "^1.0.3", 40 | "kendo-ui-react-jquery-numerictextbox": "^1.0.2", 41 | "kendo-ui-react-jquery-panelbar": "^1.0.2", 42 | "kendo-ui-react-jquery-progressbar": "^1.0.2", 43 | "kendo-ui-react-jquery-responsivepanel": "^1.0.6", 44 | "kendo-ui-react-jquery-slider": "^1.0.2", 45 | "kendo-ui-react-jquery-sortable": "^1.0.2", 46 | "kendo-ui-react-jquery-splitter": "^1.0.2", 47 | "kendo-ui-react-jquery-tabstrip": "^1.0.3", 48 | "kendo-ui-react-jquery-timepicker": "^1.0.2", 49 | "kendo-ui-react-jquery-toolbar": "^1.0.2", 50 | "kendo-ui-react-jquery-tooltip": "^1.0.3", 51 | "kendo-ui-react-jquery-validator": "^1.0.2", 52 | "kendo-ui-react-jquery-window": "^1.0.3", 53 | "react": "^15.3.2", 54 | "react-dom": "^15.3.2" 55 | } 56 | } 57 | -------------------------------------------------------------------------------- /demo (KUI Core)/src/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codylindley/k-ui-react-jquery-wrappers/32451768f6ee970c99bc188fb8d5a175bd002f38/demo (KUI Core)/src/.DS_Store -------------------------------------------------------------------------------- /demo (KUI Core)/src/app.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin:50px; 3 | } 4 | -------------------------------------------------------------------------------- /demo (KUI Core)/webpack.config.js: -------------------------------------------------------------------------------- 1 | var path = require('path'); 2 | var ExtractTextPlugin = require("extract-text-webpack-plugin"); 3 | var webpack = require('webpack'); 4 | 5 | module.exports = { 6 | entry: ['./src/app.js'], 7 | output: { 8 | path: path.resolve(__dirname, 'build'), 9 | filename: 'appBundle.js' 10 | }, 11 | module: { 12 | loaders: [ 13 | { test: /\.png$/, loader: "url-loader?limit=100000" }, 14 | { test: /\.jpg$/, loader: "file-loader" }, 15 | { test: /\.jpeg$/, loader: "file-loader" }, 16 | { test: /\.gif$/, loader: "file-loader" }, 17 | { test: /\.txt$/, loader: "raw-loader" }, 18 | { test: /\.json$/, loader: "json-loader" }, 19 | { test: /.(woff(2)?|eot|ttf|svg)(\?[a-z0-9=\.]+)?$/, loader: 'url-loader?limit=100000' }, 20 | { test: /\.css$/,loader: ExtractTextPlugin.extract("style-loader", "css-loader") 21 | }, { 22 | loader: 'babel-loader', 23 | exclude: /node_modules/, 24 | test: /\.js$/, 25 | query: { 26 | presets: ['es2015', 'react', 'stage-0'], 27 | }, 28 | }] 29 | }, 30 | plugins: [ 31 | new ExtractTextPlugin("style.css", { 32 | allChunks: true 33 | }), 34 | new webpack.OldWatchingPlugin() 35 | ] 36 | }; 37 | -------------------------------------------------------------------------------- /demo (KUI Professional)/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | "env": { 3 | "browser": true, 4 | "es6": true 5 | }, 6 | "extends": "eslint:recommended", 7 | "parserOptions": { 8 | "ecmaFeatures": { 9 | "experimentalObjectRestSpread": true, 10 | "jsx": true 11 | }, 12 | "sourceType": "module" 13 | }, 14 | "plugins": [ 15 | "react" 16 | ], 17 | "rules": { 18 | "indent": [ 19 | "error", 20 | "tab" 21 | ], 22 | "linebreak-style": [ 23 | "error", 24 | "unix" 25 | ], 26 | "quotes": [ 27 | "error", 28 | "single" 29 | ], 30 | "semi": [ 31 | "error", 32 | "always" 33 | ] 34 | } 35 | }; -------------------------------------------------------------------------------- /demo (KUI Professional)/.gitignore: -------------------------------------------------------------------------------- 1 | /build/ 2 | /node_modules/ 3 | -------------------------------------------------------------------------------- /demo (KUI Professional)/README.md: -------------------------------------------------------------------------------- 1 | # Before Running Demo: 2 | 3 | ***WARNING:*** Must npm install professional version of Kendo UI using credentials. 4 | 5 | You'll need to setup a `.netrc` file on your local system. This file contains the login (username & password) of the account on telerik.com in which you purchased [Kendo UI professional](http://www.telerik.com/kendo-ui) or [DevCraft](http://www.telerik.com/devcraft). 6 | 7 | Below are the instructions for both Windows and Mac users. 8 | 9 | ***On Windows:*** 10 | 11 | Create a text file called `\_netrc` in your home directory (e.g. `c:\users\jane\_netrc`). 12 | 13 | Next, Declare a HOME environment variable. 14 | 15 | EXAMPLE 16 | 17 | ``` 18 | C:\> SETX HOME %USERPROFILE% 19 | ``` 20 | 21 | Add the credentials using the format in the example above. 22 | 23 | Git might have problems resolving your home directory if it contains spaces in its path—for example, `c:\Documents and Settings\jane`). Therefore, update your %HOME% environment variable to point to a directory having no spaces in its name. 24 | 25 | ***On Mac:*** 26 | 27 | Create a file called `.netrc` in your home directory `~/.netrc` (i.e `/User/USERNAME/.netrc`). Make sure you modify the file permissions to make it readable only to you. 28 | 29 | Add your credentials to the `~/.netrc` (i.e `/User/USERNAME/.netrc`) file using the format from the example below. 30 | 31 | EXAMPLE: 32 | 33 | ``` 34 | machine bower.telerik.com 35 | login my-telerik.identity@example.com-here 36 | password my-password-here 37 | ``` 38 | 39 | # Run Demo 40 | 41 | Open this directory in a terminal and run the following npm script commands. 42 | 43 | ``` 44 | $ npm install 45 | ``` 46 | 47 | ``` 48 | $ npm run webpack 49 | ``` 50 | 51 | then, in another tab/window: 52 | 53 | ``` 54 | $ npm run server 55 | ``` 56 | 57 | This will open a browser window with all of the KUI for React wrapper widgets running in a single page. 58 | -------------------------------------------------------------------------------- /demo (KUI Professional)/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | webpack 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /demo (KUI Professional)/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "scripts": { 3 | "webpack": "webpack --watch --display-modules", 4 | "server": "browser-sync --port 5100 start --server --files \"**/*.html\" \"build/**/*.css\" \"build/**/*.js\" " 5 | }, 6 | "devDependencies": { 7 | "babel-core": "^6.16.0", 8 | "babel-preset-es2015": "^6.16.0", 9 | "babel-preset-react": "^6.16.0", 10 | "babel-preset-stage-0": "^6.16.0", 11 | "babel-loader": "^6.2.5", 12 | "browser-sync": "^2.17.0", 13 | "css-loader": "^0.23.1", 14 | "extract-text-webpack-plugin": "^1.0.1", 15 | "file-loader": "^0.8.5", 16 | "json-loader": "^0.5.4", 17 | "raw-loader": "^0.5.1", 18 | "style-loader": "^0.13.1", 19 | "url-loader": "^0.5.7", 20 | "webpack": "^1.13.2" 21 | }, 22 | "dependencies": { 23 | "kendo-ui-react-jquery-barcode": "^1.0.3", 24 | "kendo-ui-react-jquery-charts": "^1.0.3", 25 | "kendo-ui-react-jquery-gantt": "^1.0.2", 26 | "kendo-ui-react-jquery-grid": "^1.0.9", 27 | "kendo-ui-react-jquery-lineargauge": "^1.0.2", 28 | "kendo-ui-react-jquery-mediaplayer": "^1.0.4", 29 | "kendo-ui-react-jquery-pivotgrid": "^1.0.5", 30 | "kendo-ui-react-jquery-qrcode": "^1.0.2", 31 | "kendo-ui-react-jquery-radialgauge": "^1.0.2", 32 | "kendo-ui-react-jquery-scheduler": "^1.0.3", 33 | "kendo-ui-react-jquery-sparklines": "^1.0.2", 34 | "kendo-ui-react-jquery-stockchart": "^1.0.4", 35 | "kendo-ui-react-jquery-treelist": "^1.0.7", 36 | "kendo-ui-react-jquery-treemap": "^1.0.4", 37 | "kendo-ui-react-jquery-treeview": "^1.0.2", 38 | "kendo-ui-react-jquery-upload": "^1.0.4", 39 | "react": "^15.3.2", 40 | "react-dom": "^15.3.2" 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /demo (KUI Professional)/src/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codylindley/k-ui-react-jquery-wrappers/32451768f6ee970c99bc188fb8d5a175bd002f38/demo (KUI Professional)/src/.DS_Store -------------------------------------------------------------------------------- /demo (KUI Professional)/src/app.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin:50px; 3 | } 4 | -------------------------------------------------------------------------------- /demo (KUI Professional)/webpack.config.js: -------------------------------------------------------------------------------- 1 | var path = require('path'); 2 | var ExtractTextPlugin = require("extract-text-webpack-plugin"); 3 | var webpack = require('webpack'); 4 | 5 | module.exports = { 6 | entry: ['./src/app.js'], 7 | output: { 8 | path: path.resolve(__dirname, 'build'), 9 | filename: 'appBundle.js' 10 | }, 11 | module: { 12 | loaders: [ 13 | { test: /\.png$/, loader: "url-loader?limit=100000" }, 14 | { test: /\.jpg$/, loader: "file-loader" }, 15 | { test: /\.jpeg$/, loader: "file-loader" }, 16 | { test: /\.gif$/, loader: "file-loader" }, 17 | { test: /\.txt$/, loader: "raw-loader" }, 18 | { test: /\.json$/, loader: "json-loader" }, 19 | { test: /.(woff(2)?|eot|ttf|svg)(\?[a-z0-9=\.]+)?$/, loader: 'url-loader?limit=100000' }, 20 | { test: /\.css$/,loader: ExtractTextPlugin.extract("style-loader", "css-loader") 21 | }, { 22 | loader: 'babel-loader', 23 | exclude: /node_modules/, 24 | test: /\.js$/, 25 | query: { 26 | presets: ['es2015', 'react', 'stage-0'], 27 | }, 28 | }] 29 | }, 30 | plugins: [ 31 | new ExtractTextPlugin("style.css", { 32 | allChunks: true 33 | }), 34 | new webpack.OldWatchingPlugin() 35 | ] 36 | }; 37 | -------------------------------------------------------------------------------- /lerna.json: -------------------------------------------------------------------------------- 1 | { 2 | "lerna": "2.0.0-beta.24", 3 | "version": "independent" 4 | } 5 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "devDependencies": { 3 | "eslint": "^3.5.0", 4 | "eslint-plugin-react": "^6.2.1", 5 | "lerna": "2.0.0-beta.24" 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /packages/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codylindley/k-ui-react-jquery-wrappers/32451768f6ee970c99bc188fb8d5a175bd002f38/packages/.DS_Store -------------------------------------------------------------------------------- /packages/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | "env": { 3 | "browser": true, 4 | "es6": true 5 | }, 6 | "extends": "eslint:recommended", 7 | "parserOptions": { 8 | "ecmaFeatures": { 9 | "experimentalObjectRestSpread": true, 10 | "jsx": true 11 | }, 12 | "sourceType": "module" 13 | }, 14 | "plugins": [ 15 | "react" 16 | ], 17 | "rules": { 18 | "indent": [ 19 | "error", 20 | "tab" 21 | ], 22 | "linebreak-style": [ 23 | "error", 24 | "unix" 25 | ], 26 | "quotes": [ 27 | "error", 28 | "single" 29 | ], 30 | "semi": [ 31 | "error", 32 | "always" 33 | ] 34 | } 35 | }; -------------------------------------------------------------------------------- /packages/.gitignore: -------------------------------------------------------------------------------- 1 | *.log 2 | -------------------------------------------------------------------------------- /packages/autoComplete/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/autoComplete/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/autoComplete/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/autoComplete/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-autocomplete", 3 | "version": "1.0.3", 4 | "description": "The Kendo UI for jQuery AutoComplete widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/autoComplete" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/barCode/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/barCode/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/barCode/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/barCode/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-barcode", 3 | "version": "1.0.3", 4 | "description": "The Kendo UI for jQuery BarCode widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/barCode" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo": "git+https://bower.telerik.com/npm-kendo-ui.git#2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/button/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/button/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/button/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/button/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-button 2 | 3 | The Kendo UI for jQuery Button widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-button 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoButton from 'kendo-ui-react-jquery-button'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return (button); 25 | } 26 | }); 27 | 28 | ReactDOM.render(, document.getElementById('app')); 29 | ``` 30 | 31 | ## React Props 32 | 33 | Every KUI React Wrapper can make use of the following React props: 34 | 35 | * `options` 36 | * `methods` 37 | * `events` 38 | * `unbindEvents` 39 | * `triggerEvents` 40 | 41 | Each is demonstrated below using a `` KUI React wrapper. 42 | 43 | ```javascript 44 | 80 | 81 | 82 | ``` 83 | 84 | ## KUI API 85 | 86 | * Button demos: [http://demos.telerik.com/kendo-ui/button/index](http://demos.telerik.com/kendo-ui/button/index) 87 | * Button docs: [http://docs.telerik.com/kendo-ui/controls/navigation/button/overview](http://docs.telerik.com/kendo-ui/controls/navigation/button/overview) 88 | * Button API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/button](http://docs.telerik.com/kendo-ui/api/javascript/ui/button) 89 | 90 | ## License 91 | 92 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 93 | -------------------------------------------------------------------------------- /packages/button/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-button", 3 | "version": "1.0.4", 4 | "description": "The Kendo UI for jQuery Button widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/button" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.14.0", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.14.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/calendar/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/calendar/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/calendar/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/calendar/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-calendar 2 | 3 | The Kendo UI for jQuery Calendar widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-calendar 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoCalendar from 'kendo-ui-react-jquery-calendar'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return (); 25 | } 26 | }); 27 | 28 | ReactDOM.render(, document.getElementById('app')); 29 | ``` 30 | 31 | ## React Props 32 | 33 | Every KUI React Wrapper can make use of the following React props: 34 | 35 | * `options` 36 | * `methods` 37 | * `events` 38 | * `unbindEvents` 39 | * `triggerEvents` 40 | 41 | Each is demonstrated below using a `` KUI React wrapper. 42 | 43 | ```javascript 44 | 80 | 81 | 82 | ``` 83 | 84 | ## KUI API 85 | 86 | * Calendar demos: [http://demos.telerik.com/kendo-ui/calendar/index](http://demos.telerik.com/kendo-ui/calendar/index) 87 | * Calendar docs: [http://docs.telerik.com/kendo-ui/controls/scheduling/calendar/overview](http://docs.telerik.com/kendo-ui/controls/scheduling/calendar/overview) 88 | * Calendar API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/calendar](http://docs.telerik.com/kendo-ui/api/javascript/ui/calendar) 89 | 90 | ## License 91 | 92 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 93 | -------------------------------------------------------------------------------- /packages/calendar/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-calendar", 3 | "version": "1.0.14", 4 | "description": "The Kendo UI for jQuery Calendar widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/calendar" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.14.0", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.14.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/charts/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/charts/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/charts/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/charts/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-charts", 3 | "version": "1.0.3", 4 | "description": "The Kendo UI for jQuery Charts widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/charts" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo": "git+https://bower.telerik.com/npm-kendo-ui.git#2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/charts/src/index.js: -------------------------------------------------------------------------------- 1 | // import/require dependencies 2 | import kuiCharts from 'kendo/js/kendo.dataviz.chart.js'; 3 | import React from 'react'; 4 | import ReactDOM from 'react-dom'; 5 | import deepDiff from 'deep-diff'; 6 | 7 | // create a React component, that is a wrapper for a Kendo UI widget 8 | const KendoCharts = React.createClass({ 9 | 10 | //component is in the DOM, so do stuff to it in this callback 11 | componentDidMount: function() { 12 | //get, child element node for this component 13 | var elementNode = ReactDOM.findDOMNode(this); 14 | 15 | //determine if a selector was passed on which to invoke the KUI widget 16 | if(this.props.selector){ 17 | elementNode = elementNode.querySelector(this.props.selector); 18 | } 19 | 20 | //instantiate and save reference to the Kendo UI widget on elementNode 21 | //note I am not using jQuery plugin to instantiate, don't want to wait for namespace on $.fn 22 | this.widgetInstance = new kuiCharts.dataviz.ui.Chart(elementNode,this.props.options); 23 | 24 | //if props are avaliable for events, triggers, unbind events, or methods make it happen now 25 | this.props.events ? this.bindEventsToKendoWidget(this.props.events) : null; 26 | this.props.methods ? this.callKendoWidgetMethods(this.props.methods) : null; 27 | this.props.triggerEvents ? this.triggerKendoWidgetEvents(this.props.triggerEvents) : null; 28 | }, 29 | 30 | //instance methods for updating widget 31 | triggerKendoWidgetEvents:function(events){ 32 | events.forEach(function(event){//loop over events, and trigger 33 | this.widgetInstance.trigger(event); 34 | }, this); 35 | }, 36 | bindEventsToKendoWidget:function(events){ 37 | Object.keys(events).forEach(function(event){//loop over events and bind 38 | this.widgetInstance.bind(event,events[event]); 39 | }, this); 40 | }, 41 | unbindEventsToKendoWidget:function(events){ 42 | events.forEach(function(event){//loop ove revents and unbind 43 | this.widgetInstance.unbind(event); 44 | }, this); 45 | }, 46 | callKendoWidgetMethods:function(methods){ 47 | Object.keys(methods).forEach(function(method){//loop over methods and call 48 | this.widgetInstance[method](...methods[method]); 49 | }, this); 50 | }, 51 | 52 | //not called on inital render, but whenever parent state changes this is called 53 | componentWillReceiveProps: function(nextProps){ 54 | //always update the widget with nextProp changes if avaliable 55 | if(nextProps.events){ 56 | this.bindEventsToKendoWidget(nextProps.events); 57 | } 58 | 59 | if(this.widgetInstance.setOptions){ 60 | if(nextProps.options){ 61 | this.widgetInstance.setOptions(nextProps.options); 62 | } 63 | } 64 | 65 | //try and determine if any of the nextProps have changed, and if so, update the widget 66 | if(nextProps.methods){ 67 | if(deepDiff(nextProps.methods,this.props.methods)){ 68 | this.callKendoWidgetMethods(nextProps.methods); 69 | } 70 | } 71 | 72 | if(nextProps.unbindEvents){ 73 | if(deepDiff(nextProps.unbindEvents,this.props.unbindEvents)){ 74 | this.unbindEventsToKendoWidget(nextProps.unbindEvents); 75 | } 76 | } 77 | 78 | if(nextProps.triggerEvents){ 79 | if(deepDiff(nextProps.triggerEvents,this.props.triggerEvents)){ 80 | this.triggerKendoWidgetEvents(nextProps.triggerEvents); 81 | } 82 | } 83 | }, 84 | 85 | //don't run render again, create widget once, then leave it alone 86 | shouldComponentUpdate: function(){return false;}, 87 | 88 | //destory it, when the component is unmouted 89 | componentWillUnmount: function() { 90 | this.widgetInstance.destroy(); 91 | }, 92 | 93 | //use the passed in React nodes or a plain
if no React child nodes are defined 94 | render: function() { 95 | return this.props.children ? this.props.children :
; 96 | } 97 | }); 98 | 99 | //export the wrapped component 100 | export default KendoCharts; 101 | -------------------------------------------------------------------------------- /packages/colorPicker/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/colorPicker/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/colorPicker/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/colorPicker/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-colorpicker 2 | 3 | The Kendo UI for jQuery ColorPicker widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-colorpicker 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoColorPicker from 'kendo-ui-react-jquery-colorpicker'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return ( 25 | 29 | ); 30 | } 31 | }); 32 | 33 | ReactDOM.render(, document.getElementById('app')); 34 | ``` 35 | 36 | ## React Props 37 | 38 | Every KUI React Wrapper can make use of the following React props: 39 | 40 | * `options` 41 | * `methods` 42 | * `events` 43 | * `unbindEvents` 44 | * `triggerEvents` 45 | 46 | Each is demonstrated below using a `` KUI React wrapper. 47 | 48 | ```javascript 49 | 85 | 86 | 87 | ``` 88 | 89 | ## KUI API 90 | 91 | * ColorPicker demos: [http://demos.telerik.com/kendo-ui/colorpicker/index](http://demos.telerik.com/kendo-ui/colorpicker/index) 92 | * ColorPicker docs: [http://docs.telerik.com/kendo-ui/controls/editors/colorpicker/overview](http://docs.telerik.com/kendo-ui/controls/editors/colorpicker/overview) 93 | * ColorPicker API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/colorpicker](http://docs.telerik.com/kendo-ui/api/javascript/ui/colorpicker) 94 | 95 | ## License 96 | 97 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 98 | -------------------------------------------------------------------------------- /packages/colorPicker/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-colorpicker", 3 | "version": "1.0.14", 4 | "description": "The Kendo UI for jQuery ColorPicker widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/colorPicker" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/comboBox/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/comboBox/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/comboBox/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/comboBox/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-combobox 2 | 3 | The Kendo UI for jQuery ComboBox widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-combobox 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoComboBox from 'kendo-ui-react-jquery-combobox'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return ( 25 | 33 | ); 34 | } 35 | }); 36 | 37 | ReactDOM.render(, document.getElementById('app')); 38 | ``` 39 | 40 | ## React Props 41 | 42 | Every KUI React Wrapper can make use of the following React props: 43 | 44 | * `options` 45 | * `methods` 46 | * `events` 47 | * `unbindEvents` 48 | * `triggerEvents` 49 | 50 | Each is demonstrated below using a `` KUI React wrapper. 51 | 52 | ```javascript 53 | 89 | 90 | 91 | ``` 92 | 93 | ## KUI API 94 | 95 | * ComboBox demos: [http://demos.telerik.com/kendo-ui/combobox/index](http://demos.telerik.com/kendo-ui/combobox/index) 96 | * ComboBox docs: [http://docs.telerik.com/kendo-ui/controls/editors/combobox/overview](http://docs.telerik.com/kendo-ui/controls/editors/combobox/overview) 97 | * ComboBox API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/combobox](http://docs.telerik.com/kendo-ui/api/javascript/ui/combobox) 98 | 99 | ## License 100 | 101 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 102 | -------------------------------------------------------------------------------- /packages/comboBox/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-combobox", 3 | "version": "1.0.2", 4 | "description": "The Kendo UI for jQuery ComboBox widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/comboBox" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/datePicker/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/datePicker/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/datePicker/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/datePicker/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-datepicker 2 | 3 | The Kendo UI for jQuery DatePicker widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-datepicker 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoDatePicker from 'kendo-ui-react-jquery-datepicker'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return (); 25 | } 26 | }); 27 | 28 | ReactDOM.render(, document.getElementById('app')); 29 | ``` 30 | 31 | ## React Props 32 | 33 | Every KUI React Wrapper can make use of the following React props: 34 | 35 | * `options` 36 | * `methods` 37 | * `events` 38 | * `unbindEvents` 39 | * `triggerEvents` 40 | 41 | Each is demonstrated below using a `` KUI React wrapper. 42 | 43 | ```javascript 44 | 80 | 81 | 82 | ``` 83 | 84 | ## KUI API 85 | 86 | * DatePicker demos: [http://demos.telerik.com/kendo-ui/datepicker/index](http://demos.telerik.com/kendo-ui/datepicker/index) 87 | * DatePicker docs: [http://docs.telerik.com/kendo-ui/controls/editors/datepicker/overview](http://docs.telerik.com/kendo-ui/controls/editors/datepicker/overview) 88 | * DatePicker API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/datepicker](http://docs.telerik.com/kendo-ui/api/javascript/ui/datepicker) 89 | 90 | ## License 91 | 92 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 93 | -------------------------------------------------------------------------------- /packages/datePicker/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-datepicker", 3 | "version": "1.0.5", 4 | "description": "The Kendo UI for jQuery DatePicker widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/datePicker" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/dateTimePicker/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/dateTimePicker/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/dateTimePicker/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/dateTimePicker/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-datetimepicker 2 | 3 | The Kendo UI for jQuery DateTimePicker widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-datetimepicker 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoDateTimePicker from 'kendo-ui-react-jquery-datetimepicker'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return ( 25 | 28 | ); 29 | } 30 | }); 31 | 32 | ReactDOM.render(, document.getElementById('app')); 33 | ``` 34 | 35 | ## React Props 36 | 37 | Every KUI React Wrapper can make use of the following React props: 38 | 39 | * `options` 40 | * `methods` 41 | * `events` 42 | * `unbindEvents` 43 | * `triggerEvents` 44 | 45 | Each is demonstrated below using a `` KUI React wrapper. 46 | 47 | ```javascript 48 | 84 | 85 | 86 | ``` 87 | 88 | ## KUI API 89 | 90 | * DateTimePicker demos: [http://demos.telerik.com/kendo-ui/datetimepicker/index](http://demos.telerik.com/kendo-ui/datetimepicker/index) 91 | * DateTimePicker docs: [http://docs.telerik.com/kendo-ui/controls/editors/datetimepicker/overview](http://docs.telerik.com/kendo-ui/controls/editors/datetimepicker/overview) 92 | * DateTimePicker API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/datetimepicker](http://docs.telerik.com/kendo-ui/api/javascript/ui/datetimepicker) 93 | 94 | ## License 95 | 96 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 97 | -------------------------------------------------------------------------------- /packages/dateTimePicker/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-datetimepicker", 3 | "version": "1.0.2", 4 | "description": "The Kendo UI for jQuery DateTimePicker widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/dateTimePicker" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/diagram/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/diagram/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/diagram/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/diagram/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-diagram", 3 | "version": "1.0.1", 4 | "description": "The Kendo UI for jQuery Diagram widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/diagram" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo": "git+https://bower.telerik.com/npm-kendo-ui.git#2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/dialog/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/dialog/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/dialog/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/dialog/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-dialog 2 | 3 | The Kendo UI for jQuery Dialog widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-dialog 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoDialog from 'kendo-ui-react-jquery-dialog'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return (
25 |

KendoDialog

26 | 27 | {dialog ? this.refDialog = dialog.widgetInstance : null;}} options={{ visible: false}}> 28 | Dialog content 29 | 30 | 31 |
); 32 | } 33 | }); 34 | 35 | ReactDOM.render(, document.getElementById('app')); 36 | ``` 37 | 38 | ## React Props 39 | 40 | Every KUI React Wrapper can make use of the following React props: 41 | 42 | * `options` 43 | * `methods` 44 | * `events` 45 | * `unbindEvents` 46 | * `triggerEvents` 47 | 48 | Each is demonstrated below using a `` KUI React wrapper. 49 | 50 | ```javascript 51 | 87 | 88 | 89 | ``` 90 | 91 | ## KUI API 92 | 93 | * Dialog demos: [http://demos.telerik.com/kendo-ui/dialog/index](http://demos.telerik.com/kendo-ui/dialog/index) 94 | * Dialog docs: [http://docs.telerik.com/kendo-ui/controls/layout/dialog/overview](http://docs.telerik.com/kendo-ui/controls/layout/dialog/overview) 95 | * Dialog API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/dialog](http://docs.telerik.com/kendo-ui/api/javascript/ui/dialog) 96 | 97 | ## License 98 | 99 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 100 | -------------------------------------------------------------------------------- /packages/dialog/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-dialog", 3 | "version": "1.0.2", 4 | "description": "The Kendo UI for jQuery Dialog widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/dialog" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.14.0", 32 | "babel-preset-es2015": "^6.14.0", 33 | "babel-preset-airbnb": "^2.1.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/draggable/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/draggable/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/draggable/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/draggable/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-draggable 2 | 3 | The Kendo UI for jQuery Draggable widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-draggable 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoDraggable from 'kendo-ui-react-jquery-draggable'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return ( 25 | 28 |
drag me
29 | 30 | ); 31 | } 32 | }); 33 | 34 | ReactDOM.render(, document.getElementById('app')); 35 | ``` 36 | 37 | ## React Props 38 | 39 | Every KUI React Wrapper can make use of the following React props: 40 | 41 | * `options` 42 | * `methods` 43 | * `events` 44 | * `unbindEvents` 45 | * `triggerEvents` 46 | 47 | Each is demonstrated below using a `` KUI React wrapper. 48 | 49 | ```javascript 50 | 86 | 87 | 88 | ``` 89 | 90 | ## KUI API 91 | 92 | * Draggable demos: [http://demos.telerik.com/kendo-ui/dragdrop/index](http://demos.telerik.com/kendo-ui/dragdrop/index) 93 | * Draggable docs: [http://docs.telerik.com/kendo-ui/controls/interactivity/draganddrop/overview#draggable](http://docs.telerik.com/kendo-ui/controls/interactivity/draganddrop/overview#draggable) 94 | * Draggable API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/draggable](http://docs.telerik.com/kendo-ui/api/javascript/ui/draggable) 95 | 96 | ## License 97 | 98 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 99 | -------------------------------------------------------------------------------- /packages/draggable/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-draggable", 3 | "version": "1.0.2", 4 | "description": "The Kendo UI for jQuery Draggable widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/draggable" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.14.0", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.14.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/dropDownList/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/dropDownList/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/dropDownList/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/dropDownList/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-dropdownlist 2 | 3 | The Kendo UI for jQuery DropDownList widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-dropdownlist 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoDropDownList from 'kendo-ui-react-jquery-dropdownlist'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return ( 25 | 26 | 32 | 33 | ); 34 | } 35 | }); 36 | 37 | ReactDOM.render(, document.getElementById('app')); 38 | ``` 39 | 40 | ## React Props 41 | 42 | Every KUI React Wrapper can make use of the following React props: 43 | 44 | * `options` 45 | * `methods` 46 | * `events` 47 | * `unbindEvents` 48 | * `triggerEvents` 49 | 50 | Each is demonstrated below using a `` KUI React wrapper. 51 | 52 | ```javascript 53 | 89 | 90 | 91 | ``` 92 | 93 | ## KUI API 94 | 95 | * DropDownList demos: [http://demos.telerik.com/kendo-ui/dropdownlist/index](http://demos.telerik.com/kendo-ui/dropdownlist/index) 96 | * DropDownList docs: [http://docs.telerik.com/kendo-ui/controls/editors/dropdownlist/overview](http://docs.telerik.com/kendo-ui/controls/editors/dropdownlist/overview) 97 | * DropDownList API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist](http://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist) 98 | 99 | ## License 100 | 101 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 102 | -------------------------------------------------------------------------------- /packages/dropDownList/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-dropdownlist", 3 | "version": "1.0.27", 4 | "description": "The Kendo UI for jQuery DropDownList widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/dropDownList" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.14.0", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.14.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/dropTarget/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/dropTarget/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/dropTarget/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/dropTarget/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-droptarget 2 | 3 | The Kendo UI for jQuery DropTarget widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-droptarget 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoDropTarget from 'kendo-ui-react-jquery-droptarget'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return ( 25 | 28 |
drop
29 | 30 | 33 |
drag me
34 | 35 | ); 36 | } 37 | }); 38 | 39 | ReactDOM.render(, document.getElementById('app')); 40 | ``` 41 | 42 | ## React Props 43 | 44 | Every KUI React Wrapper can make use of the following React props: 45 | 46 | * `options` 47 | * `methods` 48 | * `events` 49 | * `unbindEvents` 50 | * `triggerEvents` 51 | 52 | Each is demonstrated below using a `` KUI React wrapper. 53 | 54 | ```javascript 55 | 91 | 92 | 93 | ``` 94 | 95 | ## KUI API 96 | 97 | * DropTarget demos: [http://demos.telerik.com/kendo-ui/dragdrop/index](http://demos.telerik.com/kendo-ui/dragdrop/index) 98 | * DropTarget docs: [http://docs.telerik.com/kendo-ui/controls/interactivity/draganddrop/overview#droptarget](http://docs.telerik.com/kendo-ui/controls/interactivity/draganddrop/overview#droptarget) 99 | * DropTarget API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/droptarget](http://docs.telerik.com/kendo-ui/api/javascript/ui/droptarget) 100 | 101 | ## License 102 | 103 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 104 | -------------------------------------------------------------------------------- /packages/dropTarget/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-droptarget", 3 | "version": "1.0.2", 4 | "description": "The Kendo UI for jQuery DropTarget widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/dropTarget" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.14.0", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.14.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/dropTargetArea/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/dropTargetArea/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/dropTargetArea/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/dropTargetArea/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-droptargetarea 2 | 3 | The Kendo UI for jQuery DropTargetArea widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-droptargetarea 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoDropTargetArea from 'kendo-ui-react-jquery-droptargetarea'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return ( 25 | 29 |
drop
30 |
31 |
drop
32 |
33 |
no drop here
34 | 35 | 38 |
drag me
39 | 40 | ); 41 | } 42 | }); 43 | 44 | ReactDOM.render(, document.getElementById('app')); 45 | ``` 46 | 47 | ## React Props 48 | 49 | Every KUI React Wrapper can make use of the following React props: 50 | 51 | * `options` 52 | * `methods` 53 | * `events` 54 | * `unbindEvents` 55 | * `triggerEvents` 56 | 57 | Each is demonstrated below using a `` KUI React wrapper. 58 | 59 | ```javascript 60 | 96 | 97 | 98 | ``` 99 | 100 | ## KUI API 101 | 102 | * DropTargetArea demos: [http://demos.telerik.com/kendo-ui/dragdrop/index](http://demos.telerik.com/kendo-ui/dragdrop/index) 103 | * DropTargetArea docs: [http://docs.telerik.com/kendo-ui/controls/interactivity/draganddrop/overview#droptargetarea](http://docs.telerik.com/kendo-ui/controls/interactivity/draganddrop/overview#droptargetarea) 104 | * DropTargetArea API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/droptargetarea](http://docs.telerik.com/kendo-ui/api/javascript/ui/droptargetarea) 105 | 106 | ## License 107 | 108 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 109 | -------------------------------------------------------------------------------- /packages/dropTargetArea/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-droptargetarea", 3 | "version": "1.0.3", 4 | "description": "The Kendo UI for jQuery DropTargetArea widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/dropTargetArea" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.14.0", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.14.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/editor/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/editor/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/editor/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/editor/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-editor", 3 | "version": "1.0.2", 4 | "description": "The Kendo UI for jQuery Editor widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/editor" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo": "git+https://bower.telerik.com/npm-kendo-ui.git#2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/editor/src/index.js: -------------------------------------------------------------------------------- 1 | // import/require dependencies 2 | import kuiEditor from 'kendo/js/kendo.editor.js'; 3 | import React from 'react'; 4 | import ReactDOM from 'react-dom'; 5 | import deepDiff from 'deep-diff'; 6 | 7 | // create a React component, that is a wrapper for a Kendo UI widget 8 | const KendoEditor = React.createClass({ 9 | 10 | //component is in the DOM, so do stuff to it in this callback 11 | componentDidMount: function() { 12 | //get, child element node for this component 13 | var elementNode = ReactDOM.findDOMNode(this); 14 | 15 | //determine if a selector was passed on which to invoke the KUI widget 16 | if(this.props.selector){ 17 | elementNode = elementNode.querySelector(this.props.selector); 18 | } 19 | 20 | //instantiate and save reference to the Kendo UI widget on elementNode 21 | //note I am not using jQuery plugin to instantiate, don't want to wait for namespace on $.fn 22 | this.widgetInstance = new kuiEditor.ui.Editor(elementNode,this.props.options); 23 | 24 | //if props are avaliable for events, triggers, unbind events, or methods make it happen now 25 | this.props.events ? this.bindEventsToKendoWidget(this.props.events) : null; 26 | this.props.methods ? this.callKendoWidgetMethods(this.props.methods) : null; 27 | this.props.triggerEvents ? this.triggerKendoWidgetEvents(this.props.triggerEvents) : null; 28 | }, 29 | 30 | //instance methods for updating widget 31 | triggerKendoWidgetEvents:function(events){ 32 | events.forEach(function(event){//loop over events, and trigger 33 | this.widgetInstance.trigger(event); 34 | }, this); 35 | }, 36 | bindEventsToKendoWidget:function(events){ 37 | Object.keys(events).forEach(function(event){//loop over events and bind 38 | this.widgetInstance.bind(event,events[event]); 39 | }, this); 40 | }, 41 | unbindEventsToKendoWidget:function(events){ 42 | events.forEach(function(event){//loop ove revents and unbind 43 | this.widgetInstance.unbind(event); 44 | }, this); 45 | }, 46 | callKendoWidgetMethods:function(methods){ 47 | Object.keys(methods).forEach(function(method){//loop over methods and call 48 | this.widgetInstance[method](...methods[method]); 49 | }, this); 50 | }, 51 | 52 | //not called on inital render, but whenever parent state changes this is called 53 | componentWillReceiveProps: function(nextProps){ 54 | //always update the widget with nextProp changes if avaliable 55 | if(nextProps.events){ 56 | this.bindEventsToKendoWidget(nextProps.events); 57 | } 58 | 59 | if(this.widgetInstance.setOptions){ 60 | if(nextProps.options){ 61 | this.widgetInstance.setOptions(nextProps.options); 62 | } 63 | } 64 | 65 | //try and determine if any of the nextProps have changed, and if so, update the widget 66 | if(nextProps.methods){ 67 | if(deepDiff(nextProps.methods,this.props.methods)){ 68 | this.callKendoWidgetMethods(nextProps.methods); 69 | } 70 | } 71 | 72 | if(nextProps.unbindEvents){ 73 | if(deepDiff(nextProps.unbindEvents,this.props.unbindEvents)){ 74 | this.unbindEventsToKendoWidget(nextProps.unbindEvents); 75 | } 76 | } 77 | 78 | if(nextProps.triggerEvents){ 79 | if(deepDiff(nextProps.triggerEvents,this.props.triggerEvents)){ 80 | this.triggerKendoWidgetEvents(nextProps.triggerEvents); 81 | } 82 | } 83 | }, 84 | 85 | //don't run render again, create widget once, then leave it alone 86 | shouldComponentUpdate: function(){return false;}, 87 | 88 | //destory it, when the component is unmouted 89 | componentWillUnmount: function() { 90 | this.widgetInstance.destroy(); 91 | }, 92 | 93 | //use the passed in React nodes or a plain
if no React child nodes are defined 94 | render: function() { 95 | return this.props.children ? this.props.children :
; 96 | } 97 | }); 98 | 99 | //export the wrapped component 100 | export default KendoEditor; 101 | -------------------------------------------------------------------------------- /packages/gantt/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/gantt/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/gantt/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/gantt/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-gantt", 3 | "version": "1.0.2", 4 | "description": "The Kendo UI for jQuery Gantt widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/gantt" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo": "git+https://bower.telerik.com/npm-kendo-ui.git#2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.14.0", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.14.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/gantt/src/index.js: -------------------------------------------------------------------------------- 1 | // import/require dependencies 2 | import kuiGantt from 'kendo/js/kendo.gantt.js'; 3 | import React from 'react'; 4 | import ReactDOM from 'react-dom'; 5 | import deepDiff from 'deep-diff'; 6 | 7 | // create a React component, that is a wrapper for a Kendo UI widget 8 | const KendoGantt = React.createClass({ 9 | 10 | //component is in the DOM, so do stuff to it in this callback 11 | componentDidMount: function() { 12 | //get, child element node for this component 13 | var elementNode = ReactDOM.findDOMNode(this); 14 | 15 | //determine if a selector was passed on which to invoke the KUI widget 16 | if(this.props.selector){ 17 | elementNode = elementNode.querySelector(this.props.selector); 18 | } 19 | 20 | //instantiate and save reference to the Kendo UI widget on elementNode 21 | //note I am not using jQuery plugin to instantiate, don't want to wait for namespace on $.fn 22 | this.widgetInstance = new kuiGantt.ui.Gantt(elementNode,this.props.options); 23 | 24 | //if props are avaliable for events, triggers, unbind events, or methods make it happen now 25 | this.props.events ? this.bindEventsToKendoWidget(this.props.events) : null; 26 | this.props.methods ? this.callKendoWidgetMethods(this.props.methods) : null; 27 | this.props.triggerEvents ? this.triggerKendoWidgetEvents(this.props.triggerEvents) : null; 28 | }, 29 | 30 | //instance methods for updating widget 31 | triggerKendoWidgetEvents:function(events){ 32 | events.forEach(function(event){//loop over events, and trigger 33 | this.widgetInstance.trigger(event); 34 | }, this); 35 | }, 36 | bindEventsToKendoWidget:function(events){ 37 | Object.keys(events).forEach(function(event){//loop over events and bind 38 | this.widgetInstance.bind(event,events[event]); 39 | }, this); 40 | }, 41 | unbindEventsToKendoWidget:function(events){ 42 | events.forEach(function(event){//loop ove revents and unbind 43 | this.widgetInstance.unbind(event); 44 | }, this); 45 | }, 46 | callKendoWidgetMethods:function(methods){ 47 | Object.keys(methods).forEach(function(method){//loop over methods and call 48 | this.widgetInstance[method](...methods[method]); 49 | }, this); 50 | }, 51 | 52 | //not called on inital render, but whenever parent state changes this is called 53 | componentWillReceiveProps: function(nextProps){ 54 | //always update the widget with nextProp changes if avaliable 55 | if(nextProps.events){ 56 | this.bindEventsToKendoWidget(nextProps.events); 57 | } 58 | 59 | if(this.widgetInstance.setOptions){ 60 | if(nextProps.options){ 61 | this.widgetInstance.setOptions(nextProps.options); 62 | } 63 | } 64 | 65 | //try and determine if any of the nextProps have changed, and if so, update the widget 66 | if(nextProps.methods){ 67 | if(deepDiff(nextProps.methods,this.props.methods)){ 68 | this.callKendoWidgetMethods(nextProps.methods); 69 | } 70 | } 71 | 72 | if(nextProps.unbindEvents){ 73 | if(deepDiff(nextProps.unbindEvents,this.props.unbindEvents)){ 74 | this.unbindEventsToKendoWidget(nextProps.unbindEvents); 75 | } 76 | } 77 | 78 | if(nextProps.triggerEvents){ 79 | if(deepDiff(nextProps.triggerEvents,this.props.triggerEvents)){ 80 | this.triggerKendoWidgetEvents(nextProps.triggerEvents); 81 | } 82 | } 83 | }, 84 | 85 | //don't run render again, create widget once, then leave it alone 86 | shouldComponentUpdate: function(){return false;}, 87 | 88 | //destory it, when the component is unmouted 89 | componentWillUnmount: function() { 90 | this.widgetInstance.destroy(); 91 | }, 92 | 93 | //use the passed in React nodes or a plain
if no React child nodes are defined 94 | render: function() { 95 | return this.props.children ? this.props.children :
; 96 | } 97 | }); 98 | 99 | //export the wrapped component 100 | export default KendoGantt; 101 | -------------------------------------------------------------------------------- /packages/grid/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/grid/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/grid/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/grid/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-grid", 3 | "version": "1.0.9", 4 | "description": "The Kendo UI for jQuery Grid widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/grid" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo": "git+https://bower.telerik.com/npm-kendo-ui.git#2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/grid/src/index.js: -------------------------------------------------------------------------------- 1 | // import/require dependencies 2 | import kuiGrid from 'kendo/js/kendo.grid.js'; 3 | import React from 'react'; 4 | import ReactDOM from 'react-dom'; 5 | import deepDiff from 'deep-diff'; 6 | 7 | // create a React component, that is a wrapper for a Kendo UI widget 8 | const KendoGrid = React.createClass({ 9 | 10 | //component is in the DOM, so do stuff to it in this callback 11 | componentDidMount: function() { 12 | //get, child element node for this component 13 | var elementNode = ReactDOM.findDOMNode(this); 14 | 15 | //determine if a selector was passed on which to invoke the KUI widget 16 | if(this.props.selector){ 17 | elementNode = elementNode.querySelector(this.props.selector); 18 | } 19 | 20 | //instantiate and save reference to the Kendo UI widget on elementNode 21 | //note I am not using jQuery plugin to instantiate, don't want to wait for namespace on $.fn 22 | this.widgetInstance = new kuiGrid.ui.Grid(elementNode,this.props.options); 23 | 24 | //if props are avaliable for events, triggers, unbind events, or methods make it happen now 25 | this.props.events ? this.bindEventsToKendoWidget(this.props.events) : null; 26 | this.props.methods ? this.callKendoWidgetMethods(this.props.methods) : null; 27 | this.props.triggerEvents ? this.triggerKendoWidgetEvents(this.props.triggerEvents) : null; 28 | }, 29 | 30 | //instance methods for updating widget 31 | triggerKendoWidgetEvents:function(events){ 32 | events.forEach(function(event){//loop over events, and trigger 33 | this.widgetInstance.trigger(event); 34 | }, this); 35 | }, 36 | bindEventsToKendoWidget:function(events){ 37 | Object.keys(events).forEach(function(event){//loop over events and bind 38 | this.widgetInstance.bind(event,events[event]); 39 | }, this); 40 | }, 41 | unbindEventsToKendoWidget:function(events){ 42 | events.forEach(function(event){//loop ove revents and unbind 43 | this.widgetInstance.unbind(event); 44 | }, this); 45 | }, 46 | callKendoWidgetMethods:function(methods){ 47 | Object.keys(methods).forEach(function(method){//loop over methods and call 48 | this.widgetInstance[method](...methods[method]); 49 | }, this); 50 | }, 51 | 52 | //not called on inital render, but whenever parent state changes this is called 53 | componentWillReceiveProps: function(nextProps){ 54 | //always update the widget with nextProp changes if avaliable 55 | if(nextProps.events){ 56 | this.bindEventsToKendoWidget(nextProps.events); 57 | } 58 | 59 | if(this.widgetInstance.setOptions){ 60 | if(nextProps.options){ 61 | this.widgetInstance.setOptions(nextProps.options); 62 | } 63 | } 64 | 65 | //try and determine if any of the nextProps have changed, and if so, update the widget 66 | if(nextProps.methods){ 67 | if(deepDiff(nextProps.methods,this.props.methods)){ 68 | this.callKendoWidgetMethods(nextProps.methods); 69 | } 70 | } 71 | 72 | if(nextProps.unbindEvents){ 73 | if(deepDiff(nextProps.unbindEvents,this.props.unbindEvents)){ 74 | this.unbindEventsToKendoWidget(nextProps.unbindEvents); 75 | } 76 | } 77 | 78 | if(nextProps.triggerEvents){ 79 | if(deepDiff(nextProps.triggerEvents,this.props.triggerEvents)){ 80 | this.triggerKendoWidgetEvents(nextProps.triggerEvents); 81 | } 82 | } 83 | }, 84 | 85 | //don't run render again, create widget once, then leave it alone 86 | shouldComponentUpdate: function(){return false;}, 87 | 88 | //destory it, when the component is unmouted 89 | componentWillUnmount: function() { 90 | this.widgetInstance.destroy(); 91 | }, 92 | 93 | //use the passed in React nodes or a plain
if no React child nodes are defined 94 | render: function() { 95 | return this.props.children ? this.props.children :
; 96 | } 97 | }); 98 | 99 | //export the wrapped component 100 | export default KendoGrid; 101 | -------------------------------------------------------------------------------- /packages/linearGauge/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/linearGauge/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/linearGauge/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/linearGauge/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-lineargauge", 3 | "version": "1.0.2", 4 | "description": "The Kendo UI for jQuery LinearGauge widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/linearGauge" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo": "git+https://bower.telerik.com/npm-kendo-ui.git#2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/listView/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/listView/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/listView/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/listView/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-listview 2 | 3 | The Kendo UI for jQuery ListView widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-listview 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoListView from 'kendo-ui-react-jquery-listview'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var data = { 23 | data: [ 24 | { 25 | FirstName: "Joe", 26 | LastName: "Smith" 27 | }, 28 | { 29 | FirstName: "Jane", 30 | LastName: "Smith" 31 | }] 32 | }; 33 | 34 | var App = React.createClass({ 35 | render: function() { 36 | return (${FirstName} ${LastName}',dataSource:data}} />); 37 | } 38 | }); 39 | 40 | ReactDOM.render(, document.getElementById('app')); 41 | ``` 42 | 43 | ## React Props 44 | 45 | Every KUI React Wrapper can make use of the following React props: 46 | 47 | * `options` 48 | * `methods` 49 | * `events` 50 | * `unbindEvents` 51 | * `triggerEvents` 52 | 53 | Each is demonstrated below using a `` KUI React wrapper. 54 | 55 | ```javascript 56 | 92 | 93 | 94 | ``` 95 | 96 | ## KUI API 97 | 98 | * ListView demos: [http://demos.telerik.com/kendo-ui/listview/index](http://demos.telerik.com/kendo-ui/listview/index) 99 | * ListView docs: [http://docs.telerik.com/kendo-ui/controls/data-management/listview/overview](http://docs.telerik.com/kendo-ui/controls/data-management/listview/overview) 100 | * ListView API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/listview](http://docs.telerik.com/kendo-ui/api/javascript/ui/listview) 101 | 102 | ## License 103 | 104 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 105 | -------------------------------------------------------------------------------- /packages/listView/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-listview", 3 | "version": "1.0.5", 4 | "description": "The Kendo UI for jQuery ListView widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm test && npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/listView" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.14.0", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.14.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/map/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/map/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/map/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/map/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-map", 3 | "version": "1.0.1", 4 | "description": "The Kendo UI for jQuery Map widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/map" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo": "git+https://bower.telerik.com/npm-kendo-ui.git#2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/map/src/index.js: -------------------------------------------------------------------------------- 1 | // import/require dependencies 2 | import kuiMap from 'kendo/js/kendo.dataviz.map.js'; 3 | import React from 'react'; 4 | import ReactDOM from 'react-dom'; 5 | import deepDiff from 'deep-diff'; 6 | 7 | // create a React component, that is a wrapper for a Kendo UI widget 8 | const KendoMap = React.createClass({ 9 | 10 | //component is in the DOM, so do stuff to it in this callback 11 | componentDidMount: function() { 12 | //get, child element node for this component 13 | var elementNode = ReactDOM.findDOMNode(this); 14 | 15 | //determine if a selector was passed on which to invoke the KUI widget 16 | if(this.props.selector){ 17 | elementNode = elementNode.querySelector(this.props.selector); 18 | } 19 | 20 | //instantiate and save reference to the Kendo UI widget on elementNode 21 | //note I am not using jQuery plugin to instantiate, don't want to wait for namespace on $.fn 22 | this.widgetInstance = new kuiMap.dataviz.ui.Map(elementNode,this.props.options); 23 | 24 | //if props are avaliable for events, triggers, unbind events, or methods make it happen now 25 | this.props.events ? this.bindEventsToKendoWidget(this.props.events) : null; 26 | this.props.methods ? this.callKendoWidgetMethods(this.props.methods) : null; 27 | this.props.triggerEvents ? this.triggerKendoWidgetEvents(this.props.triggerEvents) : null; 28 | }, 29 | 30 | //instance methods for updating widget 31 | triggerKendoWidgetEvents:function(events){ 32 | events.forEach(function(event){//loop over events, and trigger 33 | this.widgetInstance.trigger(event); 34 | }, this); 35 | }, 36 | bindEventsToKendoWidget:function(events){ 37 | Object.keys(events).forEach(function(event){//loop over events and bind 38 | this.widgetInstance.bind(event,events[event]); 39 | }, this); 40 | }, 41 | unbindEventsToKendoWidget:function(events){ 42 | events.forEach(function(event){//loop ove revents and unbind 43 | this.widgetInstance.unbind(event); 44 | }, this); 45 | }, 46 | callKendoWidgetMethods:function(methods){ 47 | Object.keys(methods).forEach(function(method){//loop over methods and call 48 | this.widgetInstance[method](...methods[method]); 49 | }, this); 50 | }, 51 | 52 | //not called on inital render, but whenever parent state changes this is called 53 | componentWillReceiveProps: function(nextProps){ 54 | //always update the widget with nextProp changes if avaliable 55 | if(nextProps.events){ 56 | this.bindEventsToKendoWidget(nextProps.events); 57 | } 58 | 59 | if(this.widgetInstance.setOptions){ 60 | if(nextProps.options){ 61 | this.widgetInstance.setOptions(nextProps.options); 62 | } 63 | } 64 | 65 | //try and determine if any of the nextProps have changed, and if so, update the widget 66 | if(nextProps.methods){ 67 | if(deepDiff(nextProps.methods,this.props.methods)){ 68 | this.callKendoWidgetMethods(nextProps.methods); 69 | } 70 | } 71 | 72 | if(nextProps.unbindEvents){ 73 | if(deepDiff(nextProps.unbindEvents,this.props.unbindEvents)){ 74 | this.unbindEventsToKendoWidget(nextProps.unbindEvents); 75 | } 76 | } 77 | 78 | if(nextProps.triggerEvents){ 79 | if(deepDiff(nextProps.triggerEvents,this.props.triggerEvents)){ 80 | this.triggerKendoWidgetEvents(nextProps.triggerEvents); 81 | } 82 | } 83 | }, 84 | 85 | //don't run render again, create widget once, then leave it alone 86 | shouldComponentUpdate: function(){return false;}, 87 | 88 | //destory it, when the component is unmouted 89 | componentWillUnmount: function() { 90 | this.widgetInstance.destroy(); 91 | }, 92 | 93 | //use the passed in React nodes or a plain
if no React child nodes are defined 94 | render: function() { 95 | return this.props.children ? this.props.children :
; 96 | } 97 | }); 98 | 99 | //export the wrapped component 100 | export default KendoMap; 101 | -------------------------------------------------------------------------------- /packages/maskedTextBox/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/maskedTextBox/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/maskedTextBox/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/maskedTextBox/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-maskedtextbox 2 | 3 | The Kendo UI for jQuery MaskedTextBox widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-maskedtextbox 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoMaskedTextBox from 'kendo-ui-react-jquery-maskedtextbox'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return ( 25 | 26 | ); 27 | } 28 | }); 29 | 30 | ReactDOM.render(, document.getElementById('app')); 31 | ``` 32 | 33 | ## React Props 34 | 35 | Every KUI React Wrapper can make use of the following React props: 36 | 37 | * `options` 38 | * `methods` 39 | * `events` 40 | * `unbindEvents` 41 | * `triggerEvents` 42 | 43 | Each is demonstrated below using a `` KUI React wrapper. 44 | 45 | ```javascript 46 | 82 | 83 | 84 | ``` 85 | 86 | ## KUI API 87 | 88 | * MaskedTextBox demos: [http://demos.telerik.com/kendo-ui/maskedtextbox/index](http://demos.telerik.com/kendo-ui/maskedtextbox/index) 89 | * MaskedTextBox docs: [http://docs.telerik.com/kendo-ui/controls/editors/maskedtextbox/overview](http://docs.telerik.com/kendo-ui/controls/editors/maskedtextbox/overview) 90 | * MaskedTextBox API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/maskedtextbox](http://docs.telerik.com/kendo-ui/api/javascript/ui/maskedtextbox) 91 | 92 | ## License 93 | 94 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 95 | -------------------------------------------------------------------------------- /packages/maskedTextBox/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-maskedtextbox", 3 | "version": "1.0.4", 4 | "description": "The Kendo UI for jQuery MaskedTextBox widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/maskedTextBox" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/mediaPlayer/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/mediaPlayer/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/mediaPlayer/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/mediaPlayer/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-mediaplayer", 3 | "version": "1.0.4", 4 | "description": "The Kendo UI for jQuery MediaPlayer widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/mediaPlayer" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo": "git+https://bower.telerik.com/npm-kendo-ui.git#2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/menu/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/menu/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/menu/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/menu/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-menu 2 | 3 | The Kendo UI for jQuery Menu widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-menu 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoMenu from 'kendo-ui-react-jquery-menu'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return ( 25 |
    26 |
  • root item 1
    • 27 |
  • root item 2 28 |
      29 |
    • child item 1
      • 30 |
    • child item 2
      • 31 |
    32 |
    • 33 |
34 | ); 35 | } 36 | }); 37 | 38 | ReactDOM.render(, document.getElementById('app')); 39 | ``` 40 | 41 | ## React Props 42 | 43 | Every KUI React Wrapper can make use of the following React props: 44 | 45 | * `options` 46 | * `methods` 47 | * `events` 48 | * `unbindEvents` 49 | * `triggerEvents` 50 | 51 | Each is demonstrated below using a `` KUI React wrapper. 52 | 53 | ```javascript 54 | 90 | 91 | 92 | ``` 93 | 94 | ## KUI API 95 | 96 | * Menu demos: [http://demos.telerik.com/kendo-ui/menu/index](http://demos.telerik.com/kendo-ui/menu/index) 97 | * Menu docs: [http://docs.telerik.com/kendo-ui/controls/navigation/menu/overview](http://docs.telerik.com/kendo-ui/controls/navigation/menu/overview) 98 | * Menu API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/menu](http://docs.telerik.com/kendo-ui/api/javascript/ui/menu) 99 | 100 | ## License 101 | 102 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 103 | -------------------------------------------------------------------------------- /packages/menu/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-menu", 3 | "version": "1.0.3", 4 | "description": "The Kendo UI for jQuery Menu widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/menu" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.14.0", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.14.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/menu/src/index.js: -------------------------------------------------------------------------------- 1 | // import/require dependencies 2 | import kuiMenu from 'kendo-ui-core/js/kendo.menu.js'; 3 | import React from 'react'; 4 | import ReactDOM from 'react-dom'; 5 | import deepDiff from 'deep-diff'; 6 | 7 | // create a React component, that is a wrapper for a Kendo UI widget 8 | const KendoMenu = React.createClass({ 9 | 10 | //component is in the DOM, so do stuff to it in this callback 11 | componentDidMount: function() { 12 | //get, child element node for this component 13 | var elementNode = ReactDOM.findDOMNode(this); 14 | 15 | //determine if a selector was passed on which to invoke the KUI widget 16 | if(this.props.selector){ 17 | elementNode = elementNode.querySelector(this.props.selector); 18 | } 19 | 20 | //instantiate and save reference to the Kendo UI widget on elementNode 21 | //note I am not using jQuery plugin to instantiate, don't want to wait for namespace on $.fn 22 | this.widgetInstance = new kuiMenu.ui.Menu(elementNode,this.props.options); 23 | 24 | //if props are avaliable for events, triggers, unbind events, or methods make it happen now 25 | this.props.events ? this.bindEventsToKendoWidget(this.props.events) : null; 26 | this.props.methods ? this.callKendoWidgetMethods(this.props.methods) : null; 27 | this.props.triggerEvents ? this.triggerKendoWidgetEvents(this.props.triggerEvents) : null; 28 | }, 29 | 30 | //instance methods for updating widget 31 | triggerKendoWidgetEvents:function(events){ 32 | events.forEach(function(event){//loop over events, and trigger 33 | this.widgetInstance.trigger(event); 34 | }, this); 35 | }, 36 | bindEventsToKendoWidget:function(events){ 37 | Object.keys(events).forEach(function(event){//loop over events and bind 38 | this.widgetInstance.bind(event,events[event]); 39 | }, this); 40 | }, 41 | unbindEventsToKendoWidget:function(events){ 42 | events.forEach(function(event){//loop ove revents and unbind 43 | this.widgetInstance.unbind(event); 44 | }, this); 45 | }, 46 | callKendoWidgetMethods:function(methods){ 47 | Object.keys(methods).forEach(function(method){//loop over methods and call 48 | this.widgetInstance[method](...methods[method]); 49 | }, this); 50 | }, 51 | 52 | //not called on inital render, but whenever parent state changes this is called 53 | componentWillReceiveProps: function(nextProps){ 54 | //always update the widget with nextProp changes if avaliable 55 | if(nextProps.events){ 56 | this.bindEventsToKendoWidget(nextProps.events); 57 | } 58 | 59 | if(this.widgetInstance.setOptions){ 60 | if(nextProps.options){ 61 | this.widgetInstance.setOptions(nextProps.options); 62 | } 63 | } 64 | 65 | //try and determine if any of the nextProps have changed, and if so, update the widget 66 | if(nextProps.methods){ 67 | if(deepDiff(nextProps.methods,this.props.methods)){ 68 | this.callKendoWidgetMethods(nextProps.methods); 69 | } 70 | } 71 | 72 | if(nextProps.unbindEvents){ 73 | if(deepDiff(nextProps.unbindEvents,this.props.unbindEvents)){ 74 | this.unbindEventsToKendoWidget(nextProps.unbindEvents); 75 | } 76 | } 77 | 78 | if(nextProps.triggerEvents){ 79 | if(deepDiff(nextProps.triggerEvents,this.props.triggerEvents)){ 80 | this.triggerKendoWidgetEvents(nextProps.triggerEvents); 81 | } 82 | } 83 | }, 84 | 85 | //don't run render again, create widget once, then leave it alone 86 | shouldComponentUpdate: function(){return false;}, 87 | 88 | //destory it, when the component is unmouted 89 | componentWillUnmount: function() { 90 | this.widgetInstance.destroy(); 91 | }, 92 | 93 | //use the passed in React nodes or a plain
if no React child nodes are defined 94 | render: function() { 95 | return this.props.children ? this.props.children :
    ; 96 | } 97 | }); 98 | 99 | //export the wrapped component 100 | export default KendoMenu; 101 | -------------------------------------------------------------------------------- /packages/multiSelect/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/multiSelect/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/multiSelect/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/multiSelect/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-multiselect", 3 | "version": "1.0.3", 4 | "description": "The Kendo UI for jQuery DatePicker widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/multiSelect" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/notification/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/notification/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/notification/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/notification/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-notification 2 | 3 | The Kendo UI for jQuery Notification widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-notification 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoNotification from 'kendo-ui-react-jquery-notification'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return (); 35 | } 36 | }); 37 | 38 | ReactDOM.render(, document.getElementById('app')); 39 | ``` 40 | 41 | ## React Props 42 | 43 | Every KUI React Wrapper can make use of the following React props: 44 | 45 | * `options` 46 | * `methods` 47 | * `events` 48 | * `unbindEvents` 49 | * `triggerEvents` 50 | 51 | Each is demonstrated below using a `` KUI React wrapper. 52 | 53 | ```javascript 54 | 90 | 91 | 92 | ``` 93 | 94 | ## KUI API 95 | 96 | * Notification demos: [http://demos.telerik.com/kendo-ui/notification/index](http://demos.telerik.com/kendo-ui/notification/index) 97 | * Notification docs: [http://docs.telerik.com/kendo-ui/controls/layout/notification/overview](http://docs.telerik.com/kendo-ui/controls/layout/notification/overview) 98 | * Notification API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/notification](http://docs.telerik.com/kendo-ui/api/javascript/ui/notification) 99 | 100 | ## License 101 | 102 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 103 | -------------------------------------------------------------------------------- /packages/notification/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-notification", 3 | "version": "1.0.3", 4 | "description": "The Kendo UI for jQuery Notification widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/notification" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.14.0", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.14.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/numericTextBox/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/numericTextBox/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/numericTextBox/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/numericTextBox/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-numerictextbox 2 | 3 | The Kendo UI for jQuery NumericTextBox widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-numerictextbox 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoNumericTextBox from 'kendo-ui-react-jquery-numerictextbox'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return ( 31 | ); 32 | } 33 | }); 34 | 35 | ReactDOM.render(, document.getElementById('app')); 36 | ``` 37 | 38 | ## React Props 39 | 40 | Every KUI React Wrapper can make use of the following React props: 41 | 42 | * `options` 43 | * `methods` 44 | * `events` 45 | * `unbindEvents` 46 | * `triggerEvents` 47 | 48 | Each is demonstrated below using a `` KUI React wrapper. 49 | 50 | ```javascript 51 | 87 | 88 | 89 | ``` 90 | 91 | ## KUI API 92 | 93 | * NumericTextBox demos: [http://demos.telerik.com/kendo-ui/numerictextbox/index](http://demos.telerik.com/kendo-ui/numerictextbox/index) 94 | * NumericTextBox docs: [http://docs.telerik.com/kendo-ui/controls/editors/numerictextbox/overview](http://docs.telerik.com/kendo-ui/controls/editors/numerictextbox/overview) 95 | * NumericTextBox API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/numerictextbox](http://docs.telerik.com/kendo-ui/api/javascript/ui/numerictextbox) 96 | 97 | ## License 98 | 99 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 100 | -------------------------------------------------------------------------------- /packages/numericTextBox/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-numerictextbox", 3 | "version": "1.0.2", 4 | "description": "The Kendo UI for jQuery MaskedTextBox widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/numericTextBox" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/panelBar/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/panelBar/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/panelBar/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/panelBar/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-panelbar 2 | 3 | The Kendo UI for jQuery PanelBar widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-panelbar 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoPanelBar from 'kendo-ui-react-jquery-panelbar'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return ( 25 |
      26 |
    • 27 | Item 1 28 |
        29 |
      • Sub Item 1
        • 30 |
      • Sub Item 2
        • 31 |
      32 |
      • 33 |
    • Item 2 34 |
        35 |
      • Sub Item 1
        • 36 |
      • Sub Item 2
        • 37 |
      38 |
      • 39 |
    40 |     ); 41 | } 42 | }); 43 | 44 | ReactDOM.render(, document.getElementById('app')); 45 | ``` 46 | 47 | ## React Props 48 | 49 | Every KUI React Wrapper can make use of the following React props: 50 | 51 | * `options` 52 | * `methods` 53 | * `events` 54 | * `unbindEvents` 55 | * `triggerEvents` 56 | 57 | Each is demonstrated below using a `` KUI React wrapper. 58 | 59 | ```javascript 60 | 96 | 97 | 98 | ``` 99 | 100 | ## KUI API 101 | 102 | * PanelBar demos: [http://demos.telerik.com/kendo-ui/panelbar/index](http://demos.telerik.com/kendo-ui/panelbar/index) 103 | * PanelBar docs: [http://docs.telerik.com/kendo-ui/controls/navigation/panelbar/overview](http://docs.telerik.com/kendo-ui/controls/navigation/panelbar/overview) 104 | * PanelBar API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/panelbar](http://docs.telerik.com/kendo-ui/api/javascript/ui/panelbar) 105 | 106 | ## License 107 | 108 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 109 | -------------------------------------------------------------------------------- /packages/panelBar/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-panelbar", 3 | "version": "1.0.2", 4 | "description": "The Kendo UI for jQuery PanelBar widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/panelBar" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.14.0", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.14.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/pivotGrid/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/pivotGrid/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/pivotGrid/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/pivotGrid/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-pivotgrid", 3 | "version": "1.0.5", 4 | "description": "The Kendo UI for jQuery PivotGrid widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/pivotgrid" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo": "git+https://bower.telerik.com/npm-kendo-ui.git#2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/progressBar/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/progressBar/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/progressBar/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/progressBar/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-progressbar 2 | 3 | The Kendo UI for jQuery ProgressBar widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-progressbar 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoProgressBar from 'kendo-ui-react-jquery-progressbar'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return ( 25 | 32 | 33 | ); 34 | } 35 | }); 36 | 37 | ReactDOM.render(, document.getElementById('app')); 38 | ``` 39 | 40 | ## React Props 41 | 42 | Every KUI React Wrapper can make use of the following React props: 43 | 44 | * `options` 45 | * `methods` 46 | * `events` 47 | * `unbindEvents` 48 | * `triggerEvents` 49 | 50 | Each is demonstrated below using a `` KUI React wrapper. 51 | 52 | ```javascript 53 | 89 | 90 | 91 | ``` 92 | 93 | ## KUI API 94 | 95 | * ProgressBar demos: [http://demos.telerik.com/kendo-ui/progressbar/index](http://demos.telerik.com/kendo-ui/progressbar/index) 96 | * ProgressBar docs: [http://docs.telerik.com/kendo-ui/controls/interactivity/progressbar/overview](http://docs.telerik.com/kendo-ui/controls/interactivity/progressbar/overview) 97 | * ProgressBar API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/progressbar](http://docs.telerik.com/kendo-ui/api/javascript/ui/progressbar) 98 | 99 | ## License 100 | 101 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 102 | -------------------------------------------------------------------------------- /packages/progressBar/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-progressbar", 3 | "version": "1.0.2", 4 | "description": "The Kendo UI for jQuery ProgressBar widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/progressBar" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.14.0", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.14.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/qrCode/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/qrCode/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/qrCode/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/qrCode/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-qrcode", 3 | "version": "1.0.2", 4 | "description": "The Kendo UI for jQuery QRCode widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/qrCode" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo": "git+https://bower.telerik.com/npm-kendo-ui.git#2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/radialGauge/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/radialGauge/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/radialGauge/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/radialGauge/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-radialgauge", 3 | "version": "1.0.2", 4 | "description": "The Kendo UI for jQuery RadialGauge widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/radialGauge" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo": "git+https://bower.telerik.com/npm-kendo-ui.git#2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/responsivePanel/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/responsivePanel/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/responsivePanel/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/responsivePanel/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-responsivepanel 2 | 3 | The Kendo UI for jQuery ResponsivePanel widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-responsivepanel 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoResponsivePanel from 'kendo-ui-react-jquery-responsivepanel'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return ( 25 | Home 26 | Products 27 | ); 28 | } 29 | }); 30 | 31 | ReactDOM.render(, document.getElementById('app')); 32 | ``` 33 | 34 | ## React Props 35 | 36 | Every KUI React Wrapper can make use of the following React props: 37 | 38 | * `options` 39 | * `methods` 40 | * `events` 41 | * `unbindEvents` 42 | * `triggerEvents` 43 | 44 | Each is demonstrated below using a `` KUI React wrapper. 45 | 46 | ```javascript 47 | 83 | 84 | 85 | ``` 86 | 87 | ## KUI API 88 | 89 | * ResponsivePanel demos: [http://demos.telerik.com/kendo-ui/responsivepanel/index](http://demos.telerik.com/kendo-ui/responsivepanel/index) 90 | * ResponsivePanel docs: [http://docs.telerik.com/kendo-ui/controls/layout/responsivepanel/overview](http://docs.telerik.com/kendo-ui/controls/layout/responsivepanel/overview) 91 | * ResponsivePanel API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/responsivepanel](http://docs.telerik.com/kendo-ui/api/javascript/ui/responsivepanel) 92 | 93 | ## License 94 | 95 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 96 | -------------------------------------------------------------------------------- /packages/responsivePanel/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-responsivepanel", 3 | "version": "1.0.6", 4 | "description": "The Kendo UI for jQuery ResponsivePanel widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/responsivePanel" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.14.0", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.14.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/scheduler/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/scheduler/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/scheduler/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/scheduler/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-scheduler", 3 | "version": "1.0.3", 4 | "description": "The Kendo UI for jQuery Scheduler widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/scheduler" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo": "git+https://bower.telerik.com/npm-kendo-ui.git#2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.14.0", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.14.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/slider/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/slider/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/slider/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/slider/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-slider 2 | 3 | The Kendo UI for jQuery Slider widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-slider 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoSlider from 'kendo-ui-react-jquery-slider'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return (); 32 | } 33 | }); 34 | 35 | ReactDOM.render(, document.getElementById('app')); 36 | ``` 37 | 38 | ## React Props 39 | 40 | Every KUI React Wrapper can make use of the following React props: 41 | 42 | * `options` 43 | * `methods` 44 | * `events` 45 | * `unbindEvents` 46 | * `triggerEvents` 47 | 48 | Each is demonstrated below using a `` KUI React wrapper. 49 | 50 | ```javascript 51 | 87 | 88 | 89 | ``` 90 | 91 | ## KUI API 92 | 93 | * Slider demos: [http://demos.telerik.com/kendo-ui/slider/index](http://demos.telerik.com/kendo-ui/slider/index) 94 | * Slider docs: [http://docs.telerik.com/kendo-ui/controls/scheduling/slider/overview](http://docs.telerik.com/kendo-ui/controls/scheduling/slider/overview) 95 | * Slider API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/slider](http://docs.telerik.com/kendo-ui/api/javascript/ui/slider) 96 | 97 | ## License 98 | 99 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 100 | -------------------------------------------------------------------------------- /packages/slider/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-slider", 3 | "version": "1.0.2", 4 | "description": "The Kendo UI for jQuery Slider widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/slider" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.14.0", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.14.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/slider/src/index.js: -------------------------------------------------------------------------------- 1 | // import/require dependencies 2 | import kuiSlider from 'kendo-ui-core/js/kendo.slider.js'; 3 | import React from 'react'; 4 | import ReactDOM from 'react-dom'; 5 | import deepDiff from 'deep-diff'; 6 | 7 | // create a React component, that is a wrapper for a Kendo UI widget 8 | const KendoSlider = React.createClass({ 9 | 10 | //component is in the DOM, so do stuff to it in this callback 11 | componentDidMount: function() { 12 | //get, child element node for this component 13 | var elementNode = ReactDOM.findDOMNode(this); 14 | 15 | //determine if a selector was passed on which to invoke the KUI widget 16 | if(this.props.selector){ 17 | elementNode = elementNode.querySelector(this.props.selector); 18 | } 19 | 20 | //instantiate and save reference to the Kendo UI widget on elementNode 21 | //note I am not using jQuery plugin to instantiate, don't want to wait for namespace on $.fn 22 | this.widgetInstance = new kuiSlider.ui.Slider(elementNode,this.props.options); 23 | 24 | //if props are avaliable for events, triggers, unbind events, or methods make it happen now 25 | this.props.events ? this.bindEventsToKendoWidget(this.props.events) : null; 26 | this.props.methods ? this.callKendoWidgetMethods(this.props.methods) : null; 27 | this.props.triggerEvents ? this.triggerKendoWidgetEvents(this.props.triggerEvents) : null; 28 | }, 29 | 30 | //instance methods for updating widget 31 | triggerKendoWidgetEvents:function(events){ 32 | events.forEach(function(event){//loop over events, and trigger 33 | this.widgetInstance.trigger(event); 34 | }, this); 35 | }, 36 | bindEventsToKendoWidget:function(events){ 37 | Object.keys(events).forEach(function(event){//loop over events and bind 38 | this.widgetInstance.bind(event,events[event]); 39 | }, this); 40 | }, 41 | unbindEventsToKendoWidget:function(events){ 42 | events.forEach(function(event){//loop ove revents and unbind 43 | this.widgetInstance.unbind(event); 44 | }, this); 45 | }, 46 | callKendoWidgetMethods:function(methods){ 47 | Object.keys(methods).forEach(function(method){//loop over methods and call 48 | this.widgetInstance[method](...methods[method]); 49 | }, this); 50 | }, 51 | 52 | //not called on inital render, but whenever parent state changes this is called 53 | componentWillReceiveProps: function(nextProps){ 54 | //always update the widget with nextProp changes if avaliable 55 | if(nextProps.events){ 56 | this.bindEventsToKendoWidget(nextProps.events); 57 | } 58 | 59 | if(this.widgetInstance.setOptions){ 60 | if(nextProps.options){ 61 | this.widgetInstance.setOptions(nextProps.options); 62 | } 63 | } 64 | 65 | //try and determine if any of the nextProps have changed, and if so, update the widget 66 | if(nextProps.methods){ 67 | if(deepDiff(nextProps.methods,this.props.methods)){ 68 | this.callKendoWidgetMethods(nextProps.methods); 69 | } 70 | } 71 | 72 | if(nextProps.unbindEvents){ 73 | if(deepDiff(nextProps.unbindEvents,this.props.unbindEvents)){ 74 | this.unbindEventsToKendoWidget(nextProps.unbindEvents); 75 | } 76 | } 77 | 78 | if(nextProps.triggerEvents){ 79 | if(deepDiff(nextProps.triggerEvents,this.props.triggerEvents)){ 80 | this.triggerKendoWidgetEvents(nextProps.triggerEvents); 81 | } 82 | } 83 | }, 84 | 85 | //don't run render again, create widget once, then leave it alone 86 | shouldComponentUpdate: function(){return false;}, 87 | 88 | //destory it, when the component is unmouted 89 | componentWillUnmount: function() { 90 | this.widgetInstance.destroy(); 91 | }, 92 | 93 | //use the passed in React nodes or a plain
    if no React child nodes are defined 94 | render: function() { 95 | return this.props.children ? this.props.children :
    ; 96 | } 97 | }); 98 | 99 | //export the wrapped component 100 | export default KendoSlider; 101 | -------------------------------------------------------------------------------- /packages/sortable/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/sortable/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/sortable/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/sortable/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-sortable 2 | 3 | The Kendo UI for jQuery Sortable widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-sortable 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoSortable from 'kendo-ui-react-jquery-sortable'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return ( 25 | 26 | Drag and Drop buttons in order you want: 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | ); 35 | } 36 | }); 37 | 38 | ReactDOM.render(, document.getElementById('app')); 39 | ``` 40 | 41 | ## React Props 42 | 43 | Every KUI React Wrapper can make use of the following React props: 44 | 45 | * `options` 46 | * `methods` 47 | * `events` 48 | * `unbindEvents` 49 | * `triggerEvents` 50 | 51 | Each is demonstrated below using a `` KUI React wrapper. 52 | 53 | ```javascript 54 | 90 | 91 | 92 | ``` 93 | 94 | ## KUI API 95 | 96 | * Sortable demos: [http://demos.telerik.com/kendo-ui/sortable/index](http://demos.telerik.com/kendo-ui/sortable/index) 97 | * Sortable docs: [http://docs.telerik.com/kendo-ui/controls/interactivity/sortable/overview](http://docs.telerik.com/kendo-ui/controls/interactivity/sortable/overview) 98 | * Sortable API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/sortable](http://docs.telerik.com/kendo-ui/api/javascript/ui/sortable) 99 | 100 | ## License 101 | 102 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 103 | -------------------------------------------------------------------------------- /packages/sortable/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-sortable", 3 | "version": "1.0.3", 4 | "description": "The Kendo UI for jQuery Sortable widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/sortable" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.14.0", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.14.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/sparklines/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/sparklines/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/sparklines/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/sparklines/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-sparklines", 3 | "version": "1.0.2", 4 | "description": "The Kendo UI for jQuery Sparklines widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/sparklines" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo": "git+https://bower.telerik.com/npm-kendo-ui.git#2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/splitter/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/splitter/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/splitter/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/splitter/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-splitter 2 | 3 | The Kendo UI for jQuery Splitter widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-splitter 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoSplitter from 'kendo-ui-react-jquery-splitter'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return ( 25 |
    26 |
    Pane A
    27 |
    Pane B
    28 |
    29 |     ); 30 | } 31 | }); 32 | 33 | ReactDOM.render(, document.getElementById('app')); 34 | ``` 35 | 36 | ## React Props 37 | 38 | Every KUI React Wrapper can make use of the following React props: 39 | 40 | * `options` 41 | * `methods` 42 | * `events` 43 | * `unbindEvents` 44 | * `triggerEvents` 45 | 46 | Each is demonstrated below using a `` KUI React wrapper. 47 | 48 | ```javascript 49 | 85 | 86 | 87 | ``` 88 | 89 | ## KUI API 90 | 91 | * Splitter demos: [http://demos.telerik.com/kendo-ui/splitter/index](http://demos.telerik.com/kendo-ui/splitter/index) 92 | * Splitter docs: [http://docs.telerik.com/kendo-ui/controls/layout/splitter/overview](http://docs.telerik.com/kendo-ui/controls/layout/splitter/overview) 93 | * Splitter API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/splitter](http://docs.telerik.com/kendo-ui/api/javascript/ui/splitter) 94 | 95 | ## License 96 | 97 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 98 | -------------------------------------------------------------------------------- /packages/splitter/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-splitter", 3 | "version": "1.0.2", 4 | "description": "The Kendo UI for jQuery Splitter widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/splitter" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.14.0", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.14.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/spreadsheet/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/spreadsheet/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/spreadsheet/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/spreadsheet/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-spreadsheet", 3 | "version": "1.0.5", 4 | "description": "The Kendo UI for jQuery Spreadsheet widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/spreadsheet" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo": "git+https://bower.telerik.com/npm-kendo-ui.git#2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/stockChart/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/stockChart/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/stockChart/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/stockChart/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-stockchart", 3 | "version": "1.0.4", 4 | "description": "The Kendo UI for jQuery TreeMap widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/stockChart" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo": "git+https://bower.telerik.com/npm-kendo-ui.git#2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/tabStrip/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/tabStrip/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/tabStrip/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/tabStrip/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-tabstrip 2 | 3 | The Kendo UI for jQuery TabStrip widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-tabstrip 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoTabStrip from 'kendo-ui-react-jquery-tabstrip'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return ( 25 | 26 |
      27 |
    • First tab
      • 28 |
    • Second tab
      • 29 |
    30 |
    First tab content
    31 |
    Second tab content
    32 |     33 |     ); 34 | } 35 | }); 36 | 37 | ReactDOM.render(, document.getElementById('app')); 38 | ``` 39 | 40 | ## React Props 41 | 42 | Every KUI React Wrapper can make use of the following React props: 43 | 44 | * `options` 45 | * `methods` 46 | * `events` 47 | * `unbindEvents` 48 | * `triggerEvents` 49 | 50 | Each is demonstrated below using a `` KUI React wrapper. 51 | 52 | ```javascript 53 | 89 | 90 | 91 | ``` 92 | 93 | ## KUI API 94 | 95 | * TabStrip demos: [http://demos.telerik.com/kendo-ui/tabstrip/index](http://demos.telerik.com/kendo-ui/tabstrip/index) 96 | * TabStrip docs: [http://docs.telerik.com/kendo-ui/controls/navigation/tabstrip/overview](http://docs.telerik.com/kendo-ui/controls/navigation/tabstrip/overview) 97 | * TabStrip API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/tabstrip](http://docs.telerik.com/kendo-ui/api/javascript/ui/tabstrip) 98 | 99 | ## License 100 | 101 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 102 | -------------------------------------------------------------------------------- /packages/tabStrip/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-tabstrip", 3 | "version": "1.0.3", 4 | "description": "The Kendo UI for jQuery TabStrip widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/tabStrip" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.14.0", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.14.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/timePicker/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/timePicker/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/timePicker/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/timePicker/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-timepicker 2 | 3 | The Kendo UI for jQuery TimePicker widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-timepicker 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoTimePicker from 'kendo-ui-react-jquery-timepicker'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return ( 25 | 26 | 27 | 28 | ); 29 | } 30 | }); 31 | 32 | ReactDOM.render(, document.getElementById('app')); 33 | ``` 34 | 35 | ## React Props 36 | 37 | Every KUI React Wrapper can make use of the following React props: 38 | 39 | * `options` 40 | * `methods` 41 | * `events` 42 | * `unbindEvents` 43 | * `triggerEvents` 44 | 45 | Each is demonstrated below using a `` KUI React wrapper. 46 | 47 | ```javascript 48 | 84 | 85 | 86 | ``` 87 | 88 | ## KUI API 89 | 90 | * TimePicker demos: [http://demos.telerik.com/kendo-ui/timepicker/index](http://demos.telerik.com/kendo-ui/timepicker/index) 91 | * TimePicker docs: [http://docs.telerik.com/kendo-ui/controls/editors/timepicker/overview](http://docs.telerik.com/kendo-ui/controls/editors/timepicker/overview) 92 | * TimePicker API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/timepicker](http://docs.telerik.com/kendo-ui/api/javascript/ui/timepicker) 93 | 94 | ## License 95 | 96 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 97 | -------------------------------------------------------------------------------- /packages/timePicker/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-timepicker", 3 | "version": "1.0.2", 4 | "description": "The Kendo UI for jQuery TimePicker widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/comboBox" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/toolBar/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/toolBar/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/toolBar/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/toolBar/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-toolbar 2 | 3 | The Kendo UI for jQuery ToolBar widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-toolbar 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoToolBar from 'kendo-ui-react-jquery-toolbar'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return ( 25 | 50 | 51 | ); 52 | } 53 | }); 54 | 55 | ReactDOM.render(, document.getElementById('app')); 56 | ``` 57 | 58 | ## React Props 59 | 60 | Every KUI React Wrapper can make use of the following React props: 61 | 62 | * `options` 63 | * `methods` 64 | * `events` 65 | * `unbindEvents` 66 | * `triggerEvents` 67 | 68 | Each is demonstrated below using a `` KUI React wrapper. 69 | 70 | ```javascript 71 | 107 | 108 | 109 | ``` 110 | 111 | ## KUI API 112 | 113 | * ToolBar demos: [http://demos.telerik.com/kendo-ui/toolbar/index](http://demos.telerik.com/kendo-ui/toolbar/index) 114 | * ToolBar docs: [http://docs.telerik.com/kendo-ui/controls/navigation/toolbar/overview](http://docs.telerik.com/kendo-ui/controls/navigation/toolbar/overview) 115 | * ToolBar API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar](http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar) 116 | 117 | ## License 118 | 119 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 120 | -------------------------------------------------------------------------------- /packages/toolBar/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-toolbar", 3 | "version": "1.0.2", 4 | "description": "The Kendo UI for jQuery ToolBar widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/toolBar" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.14.0", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.14.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/tooltip/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/tooltip/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/tooltip/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/tooltip/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-tooltip 2 | 3 | The Kendo UI for jQuery Tooltip widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-tooltip 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoTooltip from 'kendo-ui-react-jquery-tooltip'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return ( 25 | Mouse over me to see tooltip! 26 | ); 27 | } 28 | }); 29 | 30 | ReactDOM.render(, document.getElementById('app')); 31 | ``` 32 | 33 | ## React Props 34 | 35 | Every KUI React Wrapper can make use of the following React props: 36 | 37 | * `options` 38 | * `methods` 39 | * `events` 40 | * `unbindEvents` 41 | * `triggerEvents` 42 | 43 | Each is demonstrated below using a `` KUI React wrapper. 44 | 45 | ```javascript 46 | 82 | 83 | 84 | ``` 85 | 86 | ## KUI API 87 | 88 | * Tooltip demos: [http://demos.telerik.com/kendo-ui/tooltip/index](http://demos.telerik.com/kendo-ui/tooltip/index) 89 | * Tooltip docs: [http://docs.telerik.com/kendo-ui/controls/layout/tooltip/overview](http://docs.telerik.com/kendo-ui/controls/layout/tooltip/overview) 90 | * Tooltip API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/tooltip](http://docs.telerik.com/kendo-ui/api/javascript/ui/tooltip) 91 | 92 | ## License 93 | 94 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 95 | -------------------------------------------------------------------------------- /packages/tooltip/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-tooltip", 3 | "version": "1.0.3", 4 | "description": "The Kendo UI for jQuery Tooltip widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/tooltip" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.14.0", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.14.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/treeList/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/treeList/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/treeList/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/treeList/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-treelist", 3 | "version": "1.0.7", 4 | "description": "The Kendo UI for jQuery TreeList widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/treeList" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo": "git+https://bower.telerik.com/npm-kendo-ui.git#2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/treeMap/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/treeMap/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/treeMap/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/treeMap/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-treemap", 3 | "version": "1.0.4", 4 | "description": "The Kendo UI for jQuery TreeMap widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/treeMap" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo": "git+https://bower.telerik.com/npm-kendo-ui.git#2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/treeView/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/treeView/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/treeView/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/treeView/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-treeview", 3 | "version": "1.0.2", 4 | "description": "The Kendo UI for jQuery TreeView widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/treeView" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo": "git+https://bower.telerik.com/npm-kendo-ui.git#2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/upload/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/upload/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/upload/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/upload/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-upload", 3 | "version": "1.0.4", 4 | "description": "The Kendo UI for jQuery Upload widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/upload" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo": "git+https://bower.telerik.com/npm-kendo-ui.git#2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.11.4", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.13.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/validator/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/validator/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/validator/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/validator/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-validator 2 | 3 | The Kendo UI for jQuery Validator widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-validator 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoValidator from 'kendo-ui-react-jquery-validator'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return ( 25 |
    26 |
    27 |
    28 | 29 |
    30 |     ); 31 | } 32 | }); 33 | 34 | ReactDOM.render(, document.getElementById('app')); 35 | ``` 36 | 37 | ## React Props 38 | 39 | Every KUI React Wrapper can make use of the following React props: 40 | 41 | * `options` 42 | * `methods` 43 | * `events` 44 | * `unbindEvents` 45 | * `triggerEvents` 46 | 47 | Each is demonstrated below using a `` KUI React wrapper. 48 | 49 | ```javascript 50 | 86 | 87 | 88 | ``` 89 | 90 | ## KUI API 91 | 92 | * Validator demos: [http://demos.telerik.com/kendo-ui/validator/index](http://demos.telerik.com/kendo-ui/validator/index) 93 | * Validator docs: [http://docs.telerik.com/kendo-ui/controls/scheduling/validator/overview](http://docs.telerik.com/kendo-ui/controls/scheduling/validator/overview) 94 | * Validator API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/validator](http://docs.telerik.com/kendo-ui/api/javascript/ui/validator) 95 | 96 | ## License 97 | 98 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 99 | -------------------------------------------------------------------------------- /packages/validator/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-validator", 3 | "version": "1.0.2", 4 | "description": "The Kendo UI for jQuery Validator widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/validator" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.14.0", 32 | "babel-preset-airbnb": "^2.1.0", 33 | "babel-preset-es2015": "^6.14.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/window/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["airbnb"] 3 | } -------------------------------------------------------------------------------- /packages/window/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | *.DS_Store 4 | -------------------------------------------------------------------------------- /packages/window/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | -------------------------------------------------------------------------------- /packages/window/README.md: -------------------------------------------------------------------------------- 1 | # kendo-ui-react-jquery-window 2 | 3 | The Kendo UI for jQuery Window widget wrapped as a React component. 4 | 5 | ## Install 6 | 7 | ```bash 8 | npm i kendo-ui-react-jquery-window 9 | ``` 10 | 11 | ## Usage Example 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import ReactDOM from 'react-dom'; 16 | import KendoWindow from 'kendo-ui-react-jquery-window'; 17 | 18 | //Don't forget CSS, webpack used to include CSS 19 | import 'kendo-ui-core/css/web/kendo.common.core.min.css'; 20 | import 'kendo-ui-core/css/web/kendo.default.min.css'; 21 | 22 | var App = React.createClass({ 23 | render: function() { 24 | return (Window content); 25 | } 26 | }); 27 | 28 | ReactDOM.render(, document.getElementById('app')); 29 | ``` 30 | 31 | ## React Props 32 | 33 | Every KUI React Wrapper can make use of the following React props: 34 | 35 | * `options` 36 | * `methods` 37 | * `events` 38 | * `unbindEvents` 39 | * `triggerEvents` 40 | 41 | Each is demonstrated below using a `` KUI React wrapper. 42 | 43 | ```javascript 44 | 80 | 81 | 82 | ``` 83 | 84 | ## KUI API 85 | 86 | * Window demos: [http://demos.telerik.com/kendo-ui/window/index](http://demos.telerik.com/kendo-ui/window/index) 87 | * Window docs: [http://docs.telerik.com/kendo-ui/controls/layout/window/overview](http://docs.telerik.com/kendo-ui/controls/layout/window/overview) 88 | * Window API: [http://docs.telerik.com/kendo-ui/api/javascript/ui/window](http://docs.telerik.com/kendo-ui/api/javascript/ui/window) 89 | 90 | ## License 91 | 92 | [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) 93 | -------------------------------------------------------------------------------- /packages/window/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kendo-ui-react-jquery-window", 3 | "version": "1.0.3", 4 | "description": "The Kendo UI for jQuery Window widget wrapped as a React component.", 5 | "main": "./dist/index.js", 6 | "scripts": { 7 | "build": "babel src --presets babel-preset-es2015 --out-dir dist", 8 | "prepublish": "npm run build" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/codylindley/k-ui-react-jquery-wrappers/tree/master/packages/window" 13 | }, 14 | "keywords": [ 15 | "Kendo", 16 | "UI", 17 | "jQuery", 18 | "React", 19 | "Widgets", 20 | "Components" 21 | ], 22 | "author": "cody lindley (http://www.codylindley.com)", 23 | "license": "Apache-2.0", 24 | "dependencies": { 25 | "deep-diff": "^0.3.4", 26 | "kendo-ui-core": "^2016.3.914", 27 | "react": "^15.3.2", 28 | "react-dom": "^15.3.2" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.14.0", 32 | "babel-preset-es2015": "^6.14.0", 33 | "babel-preset-airbnb": "^2.1.0" 34 | } 35 | } 36 | --------------------------------------------------------------------------------