@amalto/action-button
Advanced tools
@amalto/action-button - npm Package Compare versions
Comparing version 1.9.22 to 1.9.23
@@ -59,3 +59,7 @@ "use strict"; | ||
| } | ||
| return (React.createElement("span", { className: (0, classnames_1.default)('action-icon-button', this.props.btnClass, { 'disabled': this.props.disabled }), onClick: handleClick, "data-toggle": "tooltip", "data-original-title": this.props.disabled ? this.props.disabledTooltipText : this.props.tooltipText }, | ||
| return (React.createElement("span", { className: (0, classnames_1.default)('action-icon-button', this.props.btnClass, { | ||
| disabled: this.props.disabled, | ||
| }), onClick: handleClick, "data-toggle": "tooltip", "data-original-title": this.props.disabled | ||
| ? this.props.disabledTooltipText | ||
| : this.props.tooltipText }, | ||
| React.createElement("span", { className: (0, classnames_1.default)(this.props.iconClass, this.props.colorClass) }))); | ||
@@ -62,0 +66,0 @@ }; |
17
index.md
| ### Usage | ||
| ```typescript | ||
| import ActionButton from '@amalto/action-button' | ||
| import ActionButton from '@amalto/action-button'; | ||
| ``` | ||
| ```javascript | ||
| <ActionButton clickAction={e => window.alert('click on button')} | ||
| iconClass='fas fa-info' | ||
| colorClass='' // Set to empty string to prevent conflict with `btn-info` class | ||
| btnClass='btn btn-trans btn-info' | ||
| disabled={false} | ||
| tooltipText='Info button' | ||
| <ActionButton | ||
| clickAction={(e) => window.alert('click on button')} | ||
| iconClass="fas fa-info" | ||
| colorClass="" // Set to empty string to prevent conflict with `btn-info` class | ||
| btnClass="btn btn-trans btn-info" | ||
| disabled={false} | ||
| tooltipText="Info button" | ||
| /> | ||
| ``` | ||
| ``` |
156
package.json
| { | ||
| "name": "@amalto/action-button", | ||
| "displayName": "ActionButton", | ||
| "description": "Customizable action button.", | ||
| "version": "1.9.22", | ||
| "license": "MIT", | ||
| "repository": { | ||
| "type": "git", | ||
| "url": "https://github.com/amalto/platform6-ui-components" | ||
| }, | ||
| "keywords": [ | ||
| "user-interface", | ||
| "react", | ||
| "typescript" | ||
| "name": "@amalto/action-button", | ||
| "displayName": "ActionButton", | ||
| "description": "Customizable action button.", | ||
| "version": "1.9.23", | ||
| "license": "MIT", | ||
| "repository": { | ||
| "type": "git", | ||
| "url": "https://github.com/amalto/platform6-ui-components" | ||
| }, | ||
| "keywords": [ | ||
| "user-interface", | ||
| "react", | ||
| "typescript" | ||
| ], | ||
| "main": "build/index.js", | ||
| "typings": "build/index.d.ts", | ||
| "author": "Amalto Technologies", | ||
| "scripts": { | ||
| "setup": "npm install", | ||
| "build": "rm -rf ./build/; tsc", | ||
| "test": "nyc ava ./test/test.js --verbose" | ||
| }, | ||
| "publishConfig": { | ||
| "access": "public" | ||
| }, | ||
| "devDependencies": { | ||
| "@ava/babel-preset-stage-4": "2.0.0", | ||
| "@ava/babel-preset-transform-test-files": "^4.0.1", | ||
| "@babel/core": "^7.2.2", | ||
| "@babel/plugin-syntax-jsx": "^7.2.0", | ||
| "@babel/preset-react": "^7.0.0", | ||
| "@babel/register": "^7.0.0", | ||
| "@types/classnames": "^2.2.3", | ||
| "@types/jquery": "^3.3.31", | ||
| "@types/react": "15.6.10", | ||
| "@types/react-dom": "15.5.6", | ||
| "ava": "1.2.1", | ||
| "babel-preset-react": "6.24.1", | ||
| "enzyme": "3.8.0", | ||
| "enzyme-adapter-react-15": "1.3.0", | ||
| "nyc": "^15.1.0", | ||
| "path": "0.12.7", | ||
| "react-addons-test-utils": "15.6.2", | ||
| "react-test-renderer": "15.6.2", | ||
| "sinon": "4.5.0", | ||
| "source-map-loader": "4.0.0", | ||
| "ts-loader": "8.4.0", | ||
| "typescript": "4.7.4", | ||
| "webpack": "4.41.2" | ||
| }, | ||
| "dependencies": { | ||
| "classnames": "^2.2.6", | ||
| "react": "15.6.2", | ||
| "react-dom": "15.6.2" | ||
| }, | ||
| "ava": { | ||
| "concurrency": 5, | ||
| "failFast": true, | ||
| "failWithoutAssertions": false, | ||
| "powerAssert": true, | ||
| "require": [ | ||
| "@babel/register" | ||
| ], | ||
| "main": "./build/index.js", | ||
| "typings": "./build/index.d.ts", | ||
| "author": "Amalto Technologies", | ||
| "scripts": { | ||
| "setup": "npm install", | ||
| "build": "rm -rf ./build/; tsc", | ||
| "test": "nyc ava ./test/test.js --verbose" | ||
| }, | ||
| "publishConfig": { | ||
| "access": "public" | ||
| }, | ||
| "devDependencies": { | ||
| "@ava/babel-preset-stage-4": "2.0.0", | ||
| "@ava/babel-preset-transform-test-files": "^4.0.1", | ||
| "@babel/core": "^7.2.2", | ||
| "@babel/plugin-syntax-jsx": "^7.2.0", | ||
| "@babel/preset-react": "^7.0.0", | ||
| "@babel/register": "^7.0.0", | ||
| "@types/classnames": "^2.2.3", | ||
| "@types/jquery": "^3.3.31", | ||
| "@types/react": "15.6.10", | ||
| "@types/react-dom": "15.5.6", | ||
| "ava": "1.2.1", | ||
| "babel-preset-react": "6.24.1", | ||
| "enzyme": "3.8.0", | ||
| "enzyme-adapter-react-15": "1.3.0", | ||
| "nyc": "^15.1.0", | ||
| "path": "0.12.7", | ||
| "react-addons-test-utils": "15.6.2", | ||
| "react-test-renderer": "15.6.2", | ||
| "sinon": "4.5.0", | ||
| "source-map-loader": "4.0.0", | ||
| "ts-loader": "8.4.0", | ||
| "typescript": "4.7.4", | ||
| "webpack": "4.41.2" | ||
| }, | ||
| "dependencies": { | ||
| "classnames": "^2.2.6", | ||
| "react": "15.6.2", | ||
| "react-dom": "15.6.2" | ||
| }, | ||
| "ava": { | ||
| "concurrency": 5, | ||
| "failFast": true, | ||
| "failWithoutAssertions": false, | ||
| "powerAssert": true, | ||
| "require": [ | ||
| "@babel/register" | ||
| "babel": { | ||
| "extensions": [ | ||
| "js", | ||
| "jsx" | ||
| ], | ||
| "testOptions": { | ||
| "plugins": [ | ||
| "@babel/plugin-syntax-jsx" | ||
| ], | ||
| "babel": { | ||
| "extensions": [ | ||
| "js", | ||
| "jsx" | ||
| ], | ||
| "testOptions": { | ||
| "plugins": [ | ||
| "@babel/plugin-syntax-jsx" | ||
| ], | ||
| "presets": [ | ||
| "@ava/babel-preset-stage-4", | ||
| "@babel/preset-react" | ||
| ] | ||
| } | ||
| } | ||
| }, | ||
| "gitHead": "bcde0e0743a37bc4509fc97c93b7b42f212ae402" | ||
| "presets": [ | ||
| "@ava/babel-preset-stage-4", | ||
| "@babel/preset-react" | ||
| ] | ||
| } | ||
| } | ||
| }, | ||
| "gitHead": "801edce8493e39ebe12b6e14e26eac8c1b910d12" | ||
| } |
@@ -6,5 +6,7 @@ # ActionButton | ||
| ## Install | ||
| To install the ActionButton component run: | ||
| ```terminal | ||
| npm install --save @amalto/action-button | ||
| ``` | ||
| ``` |
| { | ||
| "compilerOptions": { | ||
| "target": "es5", | ||
| "lib": [ | ||
| "dom", | ||
| "dom.iterable", | ||
| "esnext", | ||
| "es5", | ||
| "es6", | ||
| "es7", | ||
| "es2015", | ||
| "es2016", | ||
| "es2017", | ||
| "es2018" | ||
| ], | ||
| "skipLibCheck": true, | ||
| "esModuleInterop": true, | ||
| "allowSyntheticDefaultImports": true, | ||
| "forceConsistentCasingInFileNames": true, | ||
| "module": "commonjs", | ||
| "moduleResolution": "node", | ||
| "jsx": "react", | ||
| "outDir": "./build", | ||
| "noImplicitAny": false, | ||
| "noUnusedParameters": true, | ||
| "removeComments": true, | ||
| "sourceMap": true, | ||
| "declaration": true, | ||
| "experimentalDecorators": true | ||
| }, | ||
| "exclude": [ | ||
| "node_modules" | ||
| ] | ||
| "compilerOptions": { | ||
| "target": "es5", | ||
| "lib": [ | ||
| "dom", | ||
| "dom.iterable", | ||
| "esnext", | ||
| "es5", | ||
| "es6", | ||
| "es7", | ||
| "es2015", | ||
| "es2016", | ||
| "es2017", | ||
| "es2018" | ||
| ], | ||
| "skipLibCheck": true, | ||
| "esModuleInterop": true, | ||
| "allowSyntheticDefaultImports": true, | ||
| "forceConsistentCasingInFileNames": true, | ||
| "module": "commonjs", | ||
| "moduleResolution": "node", | ||
| "jsx": "react", | ||
| "outDir": "build", | ||
| "noImplicitAny": false, | ||
| "noUnusedParameters": true, | ||
| "removeComments": true, | ||
| "sourceMap": true, | ||
| "declaration": true, | ||
| "experimentalDecorators": true | ||
| }, | ||
| "exclude": ["node_modules"] | ||
| } |
| const { resolve } = require('path'); | ||
| module.exports = { | ||
| entry: [ | ||
| // the entry points of our app | ||
| './index.tsx' | ||
| ], | ||
| entry: [ | ||
| // the entry points of our app | ||
| './index.tsx', | ||
| ], | ||
| output: { | ||
| // the output bundle | ||
| filename: 'index.js', | ||
| path: resolve(__dirname, './build'), | ||
| // necessary for HMR to know where to load the hot update chunks | ||
| publicPath: '/build/' | ||
| }, | ||
| output: { | ||
| // the output bundle | ||
| filename: 'index.js', | ||
| path: resolve(__dirname, './build'), | ||
| // necessary for HMR to know where to load the hot update chunks | ||
| publicPath: '/build/', | ||
| }, | ||
| resolve: { | ||
| extensions: ['.webpack.js', '.ts', '.tsx', '.js', '.jsx', '.json'], | ||
| }, | ||
| resolve: { | ||
| extensions: ['.webpack.js', '.ts', '.tsx', '.js', '.jsx', '.json'], | ||
| }, | ||
| externals: { | ||
| 'jquery': 'jQuery', | ||
| 'pikaday': 'Pikaday', | ||
| 'moment': 'moment' | ||
| }, | ||
| externals: { | ||
| jquery: 'jQuery', | ||
| pikaday: 'Pikaday', | ||
| moment: 'moment', | ||
| }, | ||
| module: { | ||
| rules: [ | ||
| { | ||
| test: /\.ts(x)?$/, | ||
| loader: 'ts-loader', | ||
| exclude: /node_modules/ | ||
| }, | ||
| { | ||
| test: /\.js$/, | ||
| exclude: [/node_modules/, /test/] | ||
| } | ||
| ] | ||
| }, | ||
| devtool: 'source-map', | ||
| }; | ||
| module: { | ||
| rules: [ | ||
| { | ||
| test: /\.ts(x)?$/, | ||
| loader: 'ts-loader', | ||
| exclude: /node_modules/, | ||
| }, | ||
| { | ||
| test: /\.js$/, | ||
| exclude: [/node_modules/, /test/], | ||
| }, | ||
| ], | ||
| }, | ||
| devtool: 'source-map', | ||
| }; |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Lines of code
- increased by5.18%
264
- Number of lines in readme file
- increased by33.33%
12
Worsened metrics
- Total package byte prevSize
- decreased by-3%
13994
No dependency changes