datatables.net-autofill-bs 2.4.0 → 2.5.0

package/css/autoFill.bootstrap.css

@@ -35,11 +35,25 @@ div.dt-autofill-list {
   margin-left: -250px;
   background-color: white;
   border-radius: 6px;
-  box-shadow: 0 0 5px #555;
-  border: 2px solid #444;
+  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
+  border: 1px solid black;
   z-index: 11;
   box-sizing: border-box;
   padding: 1.5em 2em;
+  padding-top: 2em;
+}
+div.dt-autofill-list div.dtaf-popover-close {
+  position: absolute;
+  top: 6px;
+  right: 6px;
+  width: 22px;
+  height: 22px;
+  border: 1px solid #eaeaea;
+  background-color: #f9f9f9;
+  text-align: center;
+  border-radius: 3px;
+  cursor: pointer;
+  z-index: 12;
 }
 div.dt-autofill-list ul {
   display: table;
@@ -50,6 +64,7 @@ div.dt-autofill-list ul {
 }
 div.dt-autofill-list ul li {
   display: table-row;
+  cursor: pointer;
 }
 div.dt-autofill-list ul li:last-child div.dt-autofill-question, div.dt-autofill-list ul li:last-child div.dt-autofill-button {
   border-bottom: none;
@@ -57,9 +72,13 @@ div.dt-autofill-list ul li:last-child div.dt-autofill-question, div.dt-autofill-
 div.dt-autofill-list ul li:hover {
   background-color: #f6f6f6;
 }
+div.dt-autofill-list ul li:hover button.btn {
+  background-color: #548bbb;
+}
 div.dt-autofill-list div.dt-autofill-question {
   display: table-cell;
   padding: 0.5em 0;
+  padding-left: 5px;
   border-bottom: 1px solid #ccc;
 }
 div.dt-autofill-list div.dt-autofill-question input[type=number] {
@@ -70,7 +89,13 @@ div.dt-autofill-list div.dt-autofill-question input[type=number] {
 div.dt-autofill-list div.dt-autofill-button {
   display: table-cell;
   padding: 0.5em 0;
+  padding-right: 5px;
   border-bottom: 1px solid #ccc;
+  text-align: right;
+}
+
+div.dtaf-popover-closeable {
+  padding-top: 2.5em;
 }
 
 div.dt-autofill-background {

package/css/autoFill.bootstrap.min.css

@@ -1 +1 @@
-div.dt-autofill-handle{position:absolute;height:8px;width:8px;z-index:102;box-sizing:border-box;background:#337ab7;cursor:pointer}div.dtk-focus-alt div.dt-autofill-handle{background:#ff8b33}div.dt-autofill-select{position:absolute;z-index:1001;background-color:#337ab7;background-image:repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px)}div.dt-autofill-select.top,div.dt-autofill-select.bottom{height:3px;margin-top:-1px}div.dt-autofill-select.left,div.dt-autofill-select.right{width:3px;margin-left:-1px}div.dt-autofill-list{position:fixed;top:50%;left:50%;width:500px;margin-left:-250px;background-color:white;border-radius:6px;box-shadow:0 0 5px #555;border:2px solid #444;z-index:11;box-sizing:border-box;padding:1.5em 2em}div.dt-autofill-list ul{display:table;margin:0;padding:0;list-style:none;width:100%}div.dt-autofill-list ul li{display:table-row}div.dt-autofill-list ul li:last-child div.dt-autofill-question,div.dt-autofill-list ul li:last-child div.dt-autofill-button{border-bottom:none}div.dt-autofill-list ul li:hover{background-color:#f6f6f6}div.dt-autofill-list div.dt-autofill-question{display:table-cell;padding:.5em 0;border-bottom:1px solid #ccc}div.dt-autofill-list div.dt-autofill-question input[type=number]{padding:6px;width:30px;margin:-2px 0}div.dt-autofill-list div.dt-autofill-button{display:table-cell;padding:.5em 0;border-bottom:1px solid #ccc}div.dt-autofill-background{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);background:radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);z-index:10}@media screen and (max-width: 767px){div.dt-autofill-handle{height:16px;width:16px}div.dt-autofill-list{width:90%;left:74.5%}}div.dt-autofill-list div.dt-autofill-question input[type=number]{padding:6px;width:60px;margin:-2px 0}
+div.dt-autofill-handle{position:absolute;height:8px;width:8px;z-index:102;box-sizing:border-box;background:#337ab7;cursor:pointer}div.dtk-focus-alt div.dt-autofill-handle{background:#ff8b33}div.dt-autofill-select{position:absolute;z-index:1001;background-color:#337ab7;background-image:repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px)}div.dt-autofill-select.top,div.dt-autofill-select.bottom{height:3px;margin-top:-1px}div.dt-autofill-select.left,div.dt-autofill-select.right{width:3px;margin-left:-1px}div.dt-autofill-list{position:fixed;top:50%;left:50%;width:500px;margin-left:-250px;background-color:white;border-radius:6px;box-shadow:0 12px 30px rgba(0, 0, 0, 0.6);border:1px solid black;z-index:11;box-sizing:border-box;padding:1.5em 2em;padding-top:2em}div.dt-autofill-list div.dtaf-popover-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dt-autofill-list ul{display:table;margin:0;padding:0;list-style:none;width:100%}div.dt-autofill-list ul li{display:table-row;cursor:pointer}div.dt-autofill-list ul li:last-child div.dt-autofill-question,div.dt-autofill-list ul li:last-child div.dt-autofill-button{border-bottom:none}div.dt-autofill-list ul li:hover{background-color:#f6f6f6}div.dt-autofill-list ul li:hover button.btn{background-color:#548bbb}div.dt-autofill-list div.dt-autofill-question{display:table-cell;padding:.5em 0;padding-left:5px;border-bottom:1px solid #ccc}div.dt-autofill-list div.dt-autofill-question input[type=number]{padding:6px;width:30px;margin:-2px 0}div.dt-autofill-list div.dt-autofill-button{display:table-cell;padding:.5em 0;padding-right:5px;border-bottom:1px solid #ccc;text-align:right}div.dtaf-popover-closeable{padding-top:2.5em}div.dt-autofill-background{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);background:radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);z-index:10}@media screen and (max-width: 767px){div.dt-autofill-handle{height:16px;width:16px}div.dt-autofill-list{width:90%;left:74.5%}}div.dt-autofill-list div.dt-autofill-question input[type=number]{padding:6px;width:60px;margin:-2px 0}

package/js/autoFill.bootstrap.js

@@ -1,3 +1,4 @@
+
 /*! Bootstrap integration for DataTables' AutoFill
  * ©2015 SpryMedia Ltd - datatables.net/license
  */
@@ -13,17 +14,26 @@
 		// CommonJS
 		module.exports = function (root, $) {
 			if ( ! root ) {
+				// CommonJS environments without a window global must pass a
+				// root. This will give an error otherwise
 				root = window;
 			}
 
-			if ( ! $ || ! $.fn.dataTable ) {
-				$ = require('datatables.net-bs')(root, $).$;
+			if ( ! $ ) {
+				$ = typeof window !== 'undefined' ? // jQuery's factory checks for a global window
+					require('jquery') :
+					require('jquery')( root );
+			}
+
+			if ( ! $.fn.dataTable ) {
+				require('datatables.net-bs')(root, $);
 			}
 
 			if ( ! $.fn.dataTable.AutoFill ) {
 				require('datatables.net-autofill')(root, $);
 			}
 
+
 			return factory( $, root, root.document );
 		};
 	}
@@ -36,8 +46,9 @@
 var DataTable = $.fn.dataTable;
 
 
+
 DataTable.AutoFill.classes.btn = 'btn btn-primary';
 
 
 return DataTable;
-}));
+}));

package/js/autoFill.bootstrap.min.js

@@ -1,5 +1,4 @@
-/*!
- Bootstrap integration for DataTables' AutoFill
- ©2015 SpryMedia Ltd - datatables.net/license
-*/
-(function(b){"function"===typeof define&&define.amd?define(["jquery","datatables.net-bs","datatables.net-autofill"],function(a){return b(a,window,document)}):"object"===typeof exports?module.exports=function(a,c){a||(a=window);c&&c.fn.dataTable||(c=require("datatables.net-bs")(a,c).$);c.fn.dataTable.AutoFill||require("datatables.net-autofill")(a,c);return b(c,a,a.document)}:b(jQuery,window,document)})(function(b,a,c,d){b=b.fn.dataTable;b.AutoFill.classes.btn="btn btn-primary";return b});
+/*! Bootstrap integration for DataTables' AutoFill
+ * ©2015 SpryMedia Ltd - datatables.net/license
+ */
+!function(n){"function"==typeof define&&define.amd?define(["jquery","datatables.net-bs","datatables.net-autofill"],function(e){return n(e,window,document)}):"object"==typeof exports?module.exports=function(e,t){return e=e||window,(t=t||("undefined"!=typeof window?require("jquery"):require("jquery")(e))).fn.dataTable||require("datatables.net-bs")(e,t),t.fn.dataTable.AutoFill||require("datatables.net-autofill")(e,t),n(t,0,e.document)}:n(jQuery,window,document)}(function(e,t,n,a){"use strict";e=e.fn.dataTable;return e.AutoFill.classes.btn="btn btn-primary",e});

package/js/autoFill.bootstrap.min.mjs

@@ -0,0 +1,4 @@
+/*! Bootstrap integration for DataTables' AutoFill
+ * ©2015 SpryMedia Ltd - datatables.net/license
+ */
+import $ from"jquery";import DataTable from"datatables.net-bs";import AutoFill from"datatables.net-autofill";DataTable.AutoFill.classes.btn="btn btn-primary";export default DataTable;

package/js/autoFill.bootstrap.mjs

@@ -0,0 +1,15 @@
+
+/*! Bootstrap integration for DataTables' AutoFill
+ * ©2015 SpryMedia Ltd - datatables.net/license
+ */
+
+import $ from 'jquery';
+import DataTable from 'datatables.net-bs';
+import AutoFill from 'datatables.net-autofill';
+
+
+
+DataTable.AutoFill.classes.btn = 'btn btn-primary';
+
+
+export default DataTable;

package/package.json

@@ -2,12 +2,14 @@
     "name": "datatables.net-autofill-bs",
     "description": "AutoFill for DataTables with styling for [Bootstrap](https://getbootstrap.com/docs/3.3/)",
     "main": "js/autoFill.bootstrap.js",
+    "module": "js/autoFill.bootstrap.mjs",
     "style": "css/autoFill.bootstrap.css",
-    "types": "./types/autoFill.bootstrap.d.ts",
-    "version": "2.4.0",
+    "types": "./types/types.d.ts",
+    "version": "2.5.0",
     "files": [
         "css/**/*.css",
         "js/**/*.js",
+        "js/**/*.mjs",
         "types/**/*.d.ts"
     ],
     "keywords": [
@@ -21,8 +23,8 @@
         "sort"
     ],
     "dependencies": {
-        "datatables.net-autofill": ">=2.3.7",
-        "datatables.net-bs": ">=1.11.3",
+        "datatables.net-autofill": ">=2.4.0",
+        "datatables.net-bs": ">=1.12.1",
         "jquery": ">=1.7"
     },
     "moduleType": [

package/types/types.d.ts

@@ -0,0 +1,182 @@
+// Type definitions for DataTables AutoFill
+//
+// Project: https://datatables.net/extensions/autofill/, https://datatables.net
+// Definitions by:
+//   SpryMedia
+//   Andy Ma <https://github.com/andy-maca>
+
+/// <reference types="jquery" />
+
+import DataTables, {Api} from 'datatables.net';
+
+export default DataTables;
+
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * DataTables' types integration
+ */
+declare module 'datatables.net' {
+	interface Config {
+		/**
+		 * autoFill extension options
+		 */
+		autoFill?: boolean | ConfigAutoFill;
+	}
+
+	interface ConfigLanguage {
+		/**
+		 * AutoFill language options
+		 */
+		autoFill?: ConfigAutoFillLanguage;
+	}
+
+	interface Api<T> {
+		/**
+		 * AutoFill methods container
+		 * 
+		 * @returns Api for chaining with the additional autoFill methods
+		 */
+		autoFill: ApiAutoFill<T>;
+	}
+
+	interface ApiStatic {
+		/**
+		 * AutoFill class
+		 */
+		AutoFill: {
+			/**
+			 * Create a new AutoFill instance for the target DataTable
+			 */
+			new (dt: Api<any>, settings: boolean | ConfigAutoFill);
+
+			/**
+			 * AutoFill version
+			 */
+			version: string;
+
+			/**
+			 * Default configuration values
+			 */
+			defaults: ConfigAutoFill;
+		}
+	}
+}
+
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * Options
+ */
+
+interface ConfigAutoFill {
+	/**
+	 * Always ask the end user if an action should be taken or not
+	 */
+	alwaysAsk?: boolean;
+
+	/**
+	 * Select the columns that can be auto filled
+	 */
+	columns?: string | number[];
+
+	/**
+	 *
+	 * Attach an Editor instance for database updating
+	 */
+	editor?: any;
+
+	/**
+	 *
+	 * Initial enablement state of AutoFill
+	 */
+	enable?: boolean;
+
+	/**
+	 * Action that will cause the auto fill drag handle to appear in a cell
+	 */
+	focus?: 'click' | 'focus' | 'hover' | null;
+
+	/**
+	 * Enable / disable user ability to horizontally drag and fill
+	 */
+	horizontal?: boolean;
+
+	/**
+	 * Control automatic update of data when a fill drag is completed
+	 */
+	 update?: boolean;
+
+	/**
+	 * Enable / disable user ability to vertically drag and fill
+	 */
+	vertical?: boolean;
+}
+
+interface ConfigAutoFillLanguage {
+	/**
+	 * Multi-fill selector button text
+	 */
+	button?: string;
+
+	/**
+	 * Multi-fill selector cancel option message
+	 */
+	cancel?: string;
+
+	/**
+	 * Multi-fill selector message for the _full fill_ fill type
+	 */
+	fill?: string;
+
+	/**
+	 * Multi-fill selector message for the _horizontal fill_ fill type
+	 */
+	fillHorizontal?: string;
+
+	/**
+	 * Multi-fill selector message for the _vertical fill_ fill type
+	 */
+	fillVertical?: string;
+
+	/**
+	 * Multi-fill selector message for the _increment_ fill type
+	 */
+	increment?: string;
+
+	/**
+	 * Information message shown at the top of the fill type selector
+	 */
+	info?: string;
+}
+
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * API
+ */
+
+interface ApiAutoFill<T> {
+	(): ApiAutoFillMethods<T>;
+}
+
+interface ApiAutoFillMethods<T> extends Api<T> {
+	/**
+	 * Disable AutoFill. Please note that this disallows future interactions with the table (until re-enabled).
+	 * 
+	 * @returns DataTables Api instance
+	 */
+	disable(): Api<T>;
+
+	/**
+	 * Enable end user and API modification of the focused cells in the DataTable. Differing levels of enablement are available via the optional parameter.
+	 * 
+	 * @param flag can be true or false to signify whether to enable or disable
+	 * @returns DataTables Api instance
+	 */
+	enable(flag?: string | boolean): Api<T>;
+
+	/**
+	 * This method will return a boolean value indicating if AutoFill is enabled or not on the selected table.
+	 * 
+	 * @returns boolean signifying if autofill is enables
+	 */
+	enabled(): boolean;
+}