chore(release): Add semantic release and commitizen

.gitignore

@@ -37,4 +37,7 @@ npm-debug.log.*
 
 # cypress
 cypress/screenshots
-cypress/videos
+cypress/videos
+
+# dist
+dist

.travis.yml

@@ -6,7 +6,15 @@ cache:
     - ~/.npm
     - ~/.cache
     - node_modules
+branches:
+  only:
+    - master
+notifications:
+  email: false
 install:
   - npm install
 script:
-  - npm test
+  - npm run test
+  - npm run build
+after_success:
+  - ./node_modules/.bin/travis-deploy-once "npm run semantic-release"

dist/frappe-datatable.cjs.css

@@ -1,282 +0,0 @@
-/* This file is processed by postcss */
-/* variables */
-
-.data-table {
-
-	/* styling */
-	position: relative;
-	overflow: auto;
-}
-
-/* resets */
-
-.data-table *, .data-table *::after, .data-table *::before {
-		-webkit-box-sizing: border-box;
-		        box-sizing: border-box;
-	}
-
-.data-table button, .data-table input {
-		overflow: visible;
-		font-family: inherit;
-		font-size: inherit;
-		line-height: inherit;
-		margin: 0;
-		padding: 0;
-	}
-
-.data-table .input-style {
-		outline: none;
-		width: 100%;
-		border: none;
-	}
-
-.data-table *, .data-table *:focus {
-		outline: none;
-		border-radius: 0px;
-		-webkit-box-shadow: none;
-		        box-shadow: none;
-	}
-
-.data-table table {
-		border-collapse: collapse;
-	}
-
-.data-table table td {
-		padding: 0;
-		border: 1px solid #d1d8dd;
-	}
-
-.data-table thead td {
-		border-bottom-width: 1px;
-	}
-
-.data-table .freeze-container {
-		display: -webkit-box;
-		display: -ms-flexbox;
-		display: flex;
-		-webkit-box-pack: center;
-		    -ms-flex-pack: center;
-		        justify-content: center;
-		-ms-flex-line-pack: center;
-		    align-content: center;
-		position: absolute;
-		left: 0;
-		right: 0;
-		top: 0;
-		bottom: 0;
-		background-color: #f5f7fa;
-		opacity: 0.5;
-		font-size: 2em;
-	}
-
-.data-table .freeze-container span {
-			position: absolute;
-			top: 50%;
-			-webkit-transform: translateY(-50%);
-			        transform: translateY(-50%);
-		}
-
-.data-table .hide {
-		display: none;
-	}
-
-.data-table .toast-message {
-		position: absolute;
-		bottom: 16px;
-		bottom: 1rem;
-		left: 50%;
-		-webkit-transform: translateX(-50%);
-		        transform: translateX(-50%);
-	}
-
-.data-table .toast-message span {
-			display: inline-block;
-			background-color: rgba(0, 0, 0, .8);
-			color: #dfe2e5;
-			border-radius: 3px;
-			padding: 8px 16px;
-			padding: 0.5rem 1rem;
-		}
-
-.body-scrollable {
-	max-height: 500px;
-	overflow: auto;
-	border-bottom: 1px solid #d1d8dd;
-}
-
-.body-scrollable.row-highlight-all .data-table-row:not(.row-unhighlight) {
-		background-color: #f5f7fa;
-	}
-
-.data-table-header {
-	position: absolute;
-	top: 0;
-	left: 0;
-	background-color: white;
-	font-weight: bold;
-}
-
-.data-table-header .content span:not(.column-resizer) {
-		cursor: pointer;
-	}
-
-.data-table-header .column-resizer {
-		display: none;
-		position: absolute;
-		right: 0;
-		top: 0;
-		width: 4px;
-		width: 0.25rem;
-		height: 100%;
-		background-color: rgb(82, 146, 247);
-		cursor: col-resize;
-	}
-
-.data-table-header .data-table-dropdown {
-		position: absolute;
-		right: 10px;
-		display: -webkit-inline-box;
-		display: -ms-inline-flexbox;
-		display: inline-flex;
-		vertical-align: top;
-		text-align: left;
-	}
-
-.data-table-header .data-table-dropdown.is-active .data-table-dropdown-list {
-				display: block;
-			}
-
-.data-table-header .data-table-dropdown.is-active .data-table-dropdown-toggle {
-				display: block;
-			}
-
-.data-table-header .data-table-dropdown-toggle {
-		display: none;
-		background-color: transparent;
-		border: none;
-	}
-
-.data-table-header .data-table-dropdown-list {
-		display: none;
-		font-weight: normal;
-
-		position: absolute;
-		min-width: 128px;
-		min-width: 8rem;
-		top: 100%;
-		right: 0;
-		z-index: 1;
-		background-color: white;
-		border-radius: 3px;
-		-webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1);
-		        box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1);
-		padding-bottom: 8px;
-		padding-bottom: 0.5rem;
-		padding-top: 8px;
-		padding-top: 0.5rem;
-	}
-
-.data-table-header .data-table-dropdown-list> div {
-			padding: 8px 16px;
-			padding: 0.5rem 1rem;
-		}
-
-.data-table-header .data-table-dropdown-list> div:hover {
-				background-color: #f5f7fa;
-			}
-
-.data-table-header .data-table-cell.remove-column {
-		background-color: #FD8B8B;
-		-webkit-transition: 300ms background-color ease-in-out;
-		transition: 300ms background-color ease-in-out;
-	}
-
-.data-table-header .data-table-cell.sortable-chosen {
-		background-color: #f5f7fa;
-	}
-
-.data-table-cell {
-	position: relative;
-}
-
-.data-table-cell .content {
-		padding: 8px;
-		padding: 0.5rem;
-		border: 2px solid transparent;
-	}
-
-.data-table-cell .content.ellipsis {
-			text-overflow: ellipsis;
-			white-space: nowrap;
-			overflow: hidden;
-		}
-
-.data-table-cell .edit-cell {
-		display: none;
-		padding: 8px;
-		padding: 0.5rem;
-		background: #fff;
-		z-index: 1;
-		height: 100%;
-	}
-
-.data-table-cell.selected .content {
-		border: 2px solid rgb(82, 146, 247);
-	}
-
-.data-table-cell.editing .content {
-			display: none;
-		}
-
-.data-table-cell.editing .edit-cell {
-			border: 2px solid rgb(82, 146, 247);
-			display: block;
-		}
-
-.data-table-cell.highlight {
-		background-color: #f5f7fa;
-	}
-
-.data-table-cell:hover .column-resizer {
-		display: inline-block;
-	}
-
-.data-table-cell:hover .data-table-dropdown-toggle {
-		display: block;
-	}
-
-.data-table-cell .tree-node {
-		display: inline-block;
-		position: relative;
-	}
-
-.data-table-cell .toggle {
-		display: inline-block;
-		position: absolute;
-		padding: 0 4px;
-		cursor: pointer;
-	}
-
-.data-table-cell .toggle:before {
-		content: '▼';
-	}
-
-.data-table-cell.tree-close .toggle:before {
-		content: '►';
-	}
-
-.data-table-row.row-highlight {
-    background-color: #f5f7fa;
-  }
-
-.noselect {
-	-webkit-touch-callout: none;
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	-ms-user-select: none;
-	user-select: none;
-}
-
-body.data-table-resize {
-	cursor: col-resize;
-}

dist/frappe-datatable.css

@@ -1,257 +0,0 @@
-.datatable *, .datatable *::after, .datatable *::before {
-		-webkit-box-sizing: border-box;
-		        box-sizing: border-box;
-	}
-
-.datatable {
-	position: relative;
-	overflow: auto;
-}
-
-.dt-header {
-	border-collapse: collapse;
-	border-bottom: 1px solid #d1d8dd;
-
-	position: absolute;
-	top: 0;
-	left: 0;
-	background-color: #fff;
-}
-
-.dt-body {
-	border-collapse: collapse;
-}
-
-.dt-scrollable {
-	max-height: 40vw;
-	overflow: auto;
-	border-bottom: 1px solid #d1d8dd;
-}
-
-.dt-scrollable--highlight-all {
-		background-color: #fffce7;
-	}
-
-.dt-scrollable__no-data {
-		text-align: center;
-		padding: 16px;
-		padding: 1rem;
-		border-left: 1px solid #d1d8dd;
-		border-right: 1px solid #d1d8dd;
-	}
-
-.dt-row--highlight {
-		background-color: #fffce7;
-	}
-
-.dt-row--unhighlight {
-		background-color: #fff;
-	}
-
-.dt-row--hide {
-		display: none;
-	}
-
-.dt-cell {
-	border: 1px solid #d1d8dd;
-	position: relative;
-	outline: none;
-	padding: 0;
-}
-
-.dt-cell__content {
-		padding: 8px;
-		padding: 0.5rem;
-		border: 2px solid transparent;
-		height: 100%;
-		-webkit-user-select: none;
-		   -moz-user-select: none;
-		    -ms-user-select: none;
-		        user-select: none;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-		overflow: hidden;
-	}
-
-.dt-cell__edit {
-		display: none;
-		padding: 8px;
-		padding: 0.5rem;
-		background-color: #fff;
-		border: 2px solid rgb(255, 160, 10);
-		z-index: 1;
-		height: 100%;
-	}
-
-.dt-cell__resize-handle {
-		opacity: 0;
-		position: absolute;
-		right: -3px;
-		top: 0;
-		width: 5px;
-		height: 100%;
-		cursor: col-resize;
-		z-index: 1;
-	}
-
-.dt-cell--editing .dt-cell__content {
-		display: none;
-	}
-
-.dt-cell--editing .dt-cell__edit {
-		display: block;
-	}
-
-.dt-cell--focus .dt-cell__content {
-		border-color: rgb(82, 146, 247);
-	}
-
-.dt-cell--highlight {
-		background-color: #f5f7fa;
-	}
-
-.dt-cell--dragging {
-		background-color: #f5f7fa;
-	}
-
-.dt-cell--header .dt-cell__content {
-		padding-right: 16px;
-		padding-right: 1rem;
-		font-weight: bold;
-	}
-
-.dt-cell--header:hover .dt-dropdown__toggle {
-		opacity: 1;
-	}
-
-.dt-cell--tree-close .dt-tree-node__toggle:before {
-			content: '►';
-		}
-
-.dt-dropdown {
-	position: absolute;
-	right: 10px;
-	display: -webkit-inline-box;
-	display: -ms-inline-flexbox;
-	display: inline-flex;
-	vertical-align: top;
-	text-align: left;
-	font-weight: normal;
-	cursor: pointer;
-}
-
-.dt-dropdown__toggle {
-		opacity: 0;
-	}
-
-.dt-dropdown__list {
-		display: none;
-
-		position: absolute;
-		min-width: 128px;
-		min-width: 8rem;
-		top: 100%;
-		right: 0;
-		z-index: 1;
-		background-color: #fff;
-		border-radius: 3px;
-		padding: 8px 0;
-		padding: 0.5rem 0;
-		-webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1);
-		        box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1);
-	}
-
-.dt-dropdown__list-item {
-		padding: 8px 16px;
-		padding: 0.5rem 1rem;
-	}
-
-.dt-dropdown__list-item:hover {
-			background-color: #f5f7fa;
-		}
-
-.dt-dropdown--active .dt-dropdown__list {
-		display: block;
-	}
-
-.dt-tree-node {
-	display: inline-block;
-	position: relative;
-}
-
-.dt-tree-node__toggle {
-		display: inline-block;
-		position: absolute;
-		font-size: 10px;
-		padding: 0 4px;
-		cursor: pointer;
-	}
-
-.dt-tree-node__toggle:before {
-		content: '▼';
-	}
-
-.dt-toast {
-	position: absolute;
-	bottom: 16px;
-	bottom: 1rem;
-	left: 50%;
-	-webkit-transform: translateX(-50%);
-	        transform: translateX(-50%);
-}
-
-.dt-toast__message {
-		display: inline-block;
-		background-color: rgba(0, 0, 0, .8);
-		color: #dfe2e5;
-		border-radius: 3px;
-		padding: 8px 16px;
-		padding: 0.5rem 1rem;
-	}
-
-.dt-input {
-	outline: none;
-	width: 100%;
-	border: none;
-	overflow: visible;
-	font-family: inherit;
-	font-size: inherit;
-	line-height: inherit;
-	margin: 0;
-	padding: 0;
-}
-
-.dt-freeze {
-	display: -webkit-box;
-	display: -ms-flexbox;
-	display: flex;
-	-webkit-box-pack: center;
-	    -ms-flex-pack: center;
-	        justify-content: center;
-	-ms-flex-line-pack: center;
-	    align-content: center;
-	position: absolute;
-	left: 0;
-	right: 0;
-	top: 0;
-	bottom: 0;
-	background-color: #f5f7fa;
-	opacity: 0.5;
-	font-size: 2em;
-}
-
-.dt-freeze__message {
-		position: absolute;
-		top: 50%;
-		-webkit-transform: translateY(-50%);
-		        transform: translateY(-50%);
-	}
-
-.dt-paste-target {
-	position: fixed;
-	left: -999em;
-}
-
-body.dt-resize {
-	cursor: col-resize;
-}

dist/frappe-datatable.min.css

@@ -1 +0,0 @@
-.datatable *,.datatable :after,.datatable :before{-webkit-box-sizing:border-box;box-sizing:border-box}.datatable{position:relative;overflow:auto}.dt-header{border-bottom:1px solid #d1d8dd;position:absolute;top:0;left:0;background-color:#fff}.dt-body,.dt-header{border-collapse:collapse}.dt-scrollable{max-height:40vw;overflow:auto;border-bottom:1px solid #d1d8dd}.dt-scrollable--highlight-all{background-color:#fffce7}.dt-scrollable__no-data{text-align:center;padding:16px;padding:1rem;border-left:1px solid #d1d8dd;border-right:1px solid #d1d8dd}.dt-row--highlight{background-color:#fffce7}.dt-row--unhighlight{background-color:#fff}.dt-row--hide{display:none}.dt-cell{border:1px solid #d1d8dd;position:relative;outline:none;padding:0}.dt-cell__content{border:2px solid transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dt-cell__content,.dt-cell__edit{padding:8px;padding:.5rem;height:100%}.dt-cell__edit{display:none;background-color:#fff;border:2px solid #ffa00a;z-index:1}.dt-cell__resize-handle{opacity:0;position:absolute;right:-3px;top:0;width:5px;height:100%;cursor:col-resize;z-index:1}.dt-cell--editing .dt-cell__content{display:none}.dt-cell--editing .dt-cell__edit{display:block}.dt-cell--focus .dt-cell__content{border-color:#5292f7}.dt-cell--dragging,.dt-cell--highlight{background-color:#f5f7fa}.dt-cell--header .dt-cell__content{padding-right:16px;padding-right:1rem;font-weight:700}.dt-cell--header:hover .dt-dropdown__toggle{opacity:1}.dt-cell--tree-close .dt-tree-node__toggle:before{content:"►"}.dt-dropdown{position:absolute;right:10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;text-align:left;font-weight:400;cursor:pointer}.dt-dropdown__toggle{opacity:0}.dt-dropdown__list{display:none;position:absolute;min-width:128px;min-width:8rem;top:100%;right:0;z-index:1;background-color:#fff;border-radius:3px;padding:8px 0;padding:.5rem 0;-webkit-box-shadow:0 2px 3px hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.1);box-shadow:0 2px 3px hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.1)}.dt-dropdown__list-item{padding:8px 16px;padding:.5rem 1rem}.dt-dropdown__list-item:hover{background-color:#f5f7fa}.dt-dropdown--active .dt-dropdown__list{display:block}.dt-tree-node{display:inline-block;position:relative}.dt-tree-node__toggle{display:inline-block;position:absolute;font-size:10px;padding:0 4px;cursor:pointer}.dt-tree-node__toggle:before{content:"▼"}.dt-toast{position:absolute;bottom:16px;bottom:1rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.dt-toast__message{display:inline-block;background-color:rgba(0,0,0,.8);color:#dfe2e5;border-radius:3px;padding:8px 16px;padding:.5rem 1rem}.dt-input{outline:none;width:100%;border:none;overflow:visible;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}.dt-freeze{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;position:absolute;left:0;right:0;top:0;bottom:0;background-color:#f5f7fa;opacity:.5;font-size:2em}.dt-freeze__message{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.dt-paste-target{position:fixed;left:-999em}body.dt-resize{cursor:col-resize}

package.json

@@ -1,22 +1,23 @@
 {
   "name": "frappe-datatable",
-  "version": "0.0.10",
+  "version": "0.0.0-development",
   "description": "A modern datatable library for the web",
   "main": "dist/frappe-datatable.cjs.js",
   "scripts": {
     "start": "yarn run dev",
-    "build": "rollup -c",
+    "build": "rollup -c && rollup -c --production",
-    "production": "rollup -c --production",
-    "build:docs": "rollup -c --docs",
     "dev": "rollup -c -w",
     "cy:server": "http-server -p 8989",
     "cy:open": "cypress open",
     "cy:run": "cypress run",
-    "test": "start-server-and-test cy:server http://localhost:8989 cy:run"
+    "test": "start-server-and-test cy:server http://localhost:8989 cy:run",
+    "travis-deploy-once": "travis-deploy-once",
+    "semantic-release": "semantic-release"
   },
   "devDependencies": {
     "chai": "3.5.0",
     "cypress": "3.0.1",
+    "cz-conventional-changelog": "^2.1.0",
     "deepmerge": "^2.0.1",
     "eslint-config-airbnb": "^16.1.0",
     "eslint-config-airbnb-base": "^12.1.0",
@@ -32,7 +33,9 @@
     "rollup-plugin-node-resolve": "^3.0.3",
     "rollup-plugin-postcss": "^1.2.8",
     "rollup-plugin-uglify-es": "^0.0.1",
-    "start-server-and-test": "^1.4.1"
+    "semantic-release": "^15.6.3",
+    "start-server-and-test": "^1.4.1",
+    "travis-deploy-once": "^5.0.1"
   },
   "repository": {
     "type": "git",
@@ -54,5 +57,10 @@
     "clusterize.js": "^0.18.0",
     "lodash": "^4.17.5",
     "sortablejs": "^1.7.0"
+  },
+  "config": {
+    "commitizen": {
+      "path": "cz-conventional-changelog"
+    }
   }
 }