datatables.net-autofill-dt 2.5.3 → 2.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/css/autoFill.dataTables.css +49 -51
  2. package/css/autoFill.dataTables.min.css +1 -1
  3. package/js/autoFill.dataTables.js +2 -2
  4. package/js/autoFill.dataTables.min.js +1 -1
  5. package/js/autoFill.dataTables.min.mjs +1 -1
  6. package/js/autoFill.dataTables.mjs +4 -1
  7. package/package.json +4 -4
  8. package/types/autoFill.dataTables.d.ts +5 -0
  9. package/types/types.d.ts +0 -182
package/css/autoFill.dataTables.css CHANGED
@@ -1,8 +1,8 @@
1
1
  div.dt-autofill-handle {
2
2
  position: absolute;
3
- height: 8px;
4
- width: 8px;
5
- z-index: 102;
3
+ height: 10px;
4
+ width: 10px;
5
+ z-index: 10;
6
6
  box-sizing: border-box;
7
7
  background: #3366ff;
8
8
  cursor: pointer;
@@ -34,13 +34,11 @@ div.dt-autofill-list {
34
34
  width: 500px;
35
35
  margin-left: -250px;
36
36
  background-color: white;
37
- border-radius: 6px;
37
+ border-radius: 0.75em;
38
38
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
39
- border: 1px solid black;
40
- z-index: 11;
39
+ z-index: 104;
41
40
  box-sizing: border-box;
42
- padding: 1.5em 2em;
43
- padding-top: 2em;
41
+ padding: 2em;
44
42
  }
45
43
  div.dt-autofill-list div.dtaf-popover-close {
46
44
  position: absolute;
@@ -48,61 +46,40 @@ div.dt-autofill-list div.dtaf-popover-close {
48
46
  right: 6px;
49
47
  width: 22px;
50
48
  height: 22px;
51
- border: 1px solid #eaeaea;
52
- background-color: #f9f9f9;
53
49
  text-align: center;
54
50
  border-radius: 3px;
55
51
  cursor: pointer;
56
52
  z-index: 12;
57
53
  }
58
- div.dt-autofill-list ul {
59
- display: table;
60
- margin: 0;
61
- padding: 0;
62
- list-style: none;
54
+ div.dt-autofill-list > div.dt-autofill-list-items > button {
55
+ display: block;
63
56
  width: 100%;
64
- }
65
- div.dt-autofill-list ul li {
66
- display: table-row;
57
+ margin: 1em 0;
58
+ padding: 1em;
59
+ border-radius: 0.5em;
60
+ border: 1px solid rgba(0, 0, 0, 0.175);
61
+ background-color: #f6f6f6;
62
+ text-align: left;
67
63
  cursor: pointer;
68
64
  }
69
- div.dt-autofill-list ul li:last-child div.dt-autofill-question, div.dt-autofill-list ul li:last-child div.dt-autofill-button {
70
- border-bottom: none;
71
- }
72
- div.dt-autofill-list ul li:hover {
73
- background-color: #f6f6f6;
65
+ div.dt-autofill-list > div.dt-autofill-list-items > button:hover {
66
+ background-color: #ebebeb;
74
67
  }
75
- div.dt-autofill-list ul li:hover button.btn {
76
- background-color: #548bbb;
68
+ div.dt-autofill-list > div.dt-autofill-list-items > button:first-child {
69
+ margin-top: 0;
77
70
  }
78
- div.dt-autofill-list div.dt-autofill-question {
79
- display: table-cell;
80
- padding: 0.5em 0;
81
- padding-left: 5px;
82
- border-bottom: 1px solid #ccc;
71
+ div.dt-autofill-list > div.dt-autofill-list-items > button:last-child {
72
+ margin-bottom: 0;
83
73
  }
84
- div.dt-autofill-list div.dt-autofill-question input[type=number] {
74
+ div.dt-autofill-list > div.dt-autofill-list-items > button input[type=number] {
75
+ display: inline-block;
76
+ box-sizing: border-box;
85
77
  padding: 6px;
86
- width: 30px;
78
+ width: 70px;
87
79
  margin: -2px 0;
88
80
  }
89
- div.dt-autofill-list div.dt-autofill-button {
90
- display: table-cell;
91
- padding: 0.5em 0;
92
- padding-right: 5px;
93
- border-bottom: 1px solid #ccc;
94
- text-align: right;
95
- }
96
- div.dt-autofill-list div.dt-autofill-button button {
97
- color: white;
98
- margin: 0;
99
- padding: 6px 12px;
100
- text-align: center;
101
- border: 1px solid #2e6da4;
102
- background-color: #337ab7;
103
- border-radius: 4px;
104
- cursor: pointer;
105
- vertical-align: middle;
81
+ div.dt-autofill-list > div.dt-autofill-list-items > button span {
82
+ float: right;
106
83
  }
107
84
 
108
85
  div.dtaf-popover-closeable {
@@ -117,7 +94,29 @@ div.dt-autofill-background {
117
94
  height: 100%;
118
95
  background: rgba(0, 0, 0, 0.7);
119
96
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
120
- z-index: 10;
97
+ z-index: 103;
98
+ }
99
+
100
+ html.dark div.dt-autofill-handle {
101
+ background: rgb(110, 168, 254);
102
+ }
103
+ html.dark div.dt-autofill-select {
104
+ position: absolute;
105
+ z-index: 1001;
106
+ background-color: rgb(110, 168, 254);
107
+ background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(0, 0, 0, 0.5) 5px, rgba(0, 0, 0, 0.5) 10px);
108
+ }
109
+ html.dark div.dt-autofill-list {
110
+ background-color: var(--dt-html-background);
111
+ border: 1px solid rgba(255, 255, 255, 0.15);
112
+ }
113
+ html.dark div.dt-autofill-list button {
114
+ color: inherit;
115
+ border: 1px solid rgba(255, 255, 255, 0.175);
116
+ background-color: rgb(47, 52, 56);
117
+ }
118
+ html.dark div.dt-autofill-list button:hover {
119
+ background-color: rgb(64, 69, 73);
121
120
  }
122
121
 
123
122
  @media screen and (max-width: 767px) {
@@ -125,7 +124,6 @@ div.dt-autofill-background {
125
124
  height: 16px;
126
125
  width: 16px;
127
126
  }
128
-
129
127
  div.dt-autofill-list {
130
128
  width: 90%;
131
129
  left: 74.5%;
package/css/autoFill.dataTables.min.css CHANGED
@@ -1 +1 @@
1
- div.dt-autofill-handle{position:absolute;height:8px;width:8px;z-index:102;box-sizing:border-box;background:#36f;cursor:pointer}div.dtk-focus-alt div.dt-autofill-handle{background:#ff8b33}div.dt-autofill-select{position:absolute;z-index:1001;background-color:#4989de;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.dt-autofill-list div.dt-autofill-button button{color:white;margin:0;padding:6px 12px;text-align:center;border:1px solid #2e6da4;background-color:#337ab7;border-radius:4px;cursor:pointer;vertical-align:middle}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%}}
1
+ div.dt-autofill-handle{position:absolute;height:10px;width:10px;z-index:10;box-sizing:border-box;background:#36f;cursor:pointer}div.dtk-focus-alt div.dt-autofill-handle{background:#ff8b33}div.dt-autofill-select{position:absolute;z-index:1001;background-color:#4989de;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:.75em;box-shadow:0 12px 30px rgba(0, 0, 0, 0.6);z-index:104;box-sizing:border-box;padding:2em}div.dt-autofill-list div.dtaf-popover-close{position:absolute;top:6px;right:6px;width:22px;height:22px;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dt-autofill-list>div.dt-autofill-list-items>button{display:block;width:100%;margin:1em 0;padding:1em;border-radius:.5em;border:1px solid rgba(0, 0, 0, 0.175);background-color:#f6f6f6;text-align:left;cursor:pointer}div.dt-autofill-list>div.dt-autofill-list-items>button:hover{background-color:#ebebeb}div.dt-autofill-list>div.dt-autofill-list-items>button:first-child{margin-top:0}div.dt-autofill-list>div.dt-autofill-list-items>button:last-child{margin-bottom:0}div.dt-autofill-list>div.dt-autofill-list-items>button input[type=number]{display:inline-block;box-sizing:border-box;padding:6px;width:70px;margin:-2px 0}div.dt-autofill-list>div.dt-autofill-list-items>button span{float: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:103}html.dark div.dt-autofill-handle{background:rgb(110, 168, 254)}html.dark div.dt-autofill-select{position:absolute;z-index:1001;background-color:rgb(110, 168, 254);background-image:repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(0, 0, 0, 0.5) 5px, rgba(0, 0, 0, 0.5) 10px)}html.dark div.dt-autofill-list{background-color:var(--dt-html-background);border:1px solid rgba(255, 255, 255, 0.15)}html.dark div.dt-autofill-list button{color:inherit;border:1px solid rgba(255, 255, 255, 0.175);background-color:rgb(47, 52, 56)}html.dark div.dt-autofill-list button:hover{background-color:rgb(64, 69, 73)}@media screen and (max-width: 767px){div.dt-autofill-handle{height:16px;width:16px}div.dt-autofill-list{width:90%;left:74.5%}}
package/js/autoFill.dataTables.js CHANGED
@@ -22,7 +22,7 @@
22
22
  }
23
23
  };
24
24
 
25
- if (typeof window !== 'undefined') {
25
+ if (typeof window === 'undefined') {
26
26
  module.exports = function (root, $) {
27
27
  if ( ! root ) {
28
28
  // CommonJS environments without a window global must pass a
@@ -47,7 +47,7 @@
47
47
  // Browser
48
48
  factory( jQuery, window, document );
49
49
  }
50
- }(function( $, window, document, undefined ) {
50
+ }(function( $, window, document ) {
51
51
  'use strict';
52
52
  var DataTable = $.fn.dataTable;
53
53
 
package/js/autoFill.dataTables.min.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*! DataTables styling wrapper for AutoFill
2
2
  * ©2018 SpryMedia Ltd - datatables.net/license
3
3
  */
4
- !function(n){var o,d;"function"==typeof define&&define.amd?define(["jquery","datatables.net-dt","datatables.net-autofill"],function(e){return n(e,window,document)}):"object"==typeof exports?(o=require("jquery"),d=function(e,t){t.fn.dataTable||require("datatables.net-dt")(e,t),t.fn.dataTable.AutoFill||require("datatables.net-autofill")(e,t)},"undefined"!=typeof window?module.exports=function(e,t){return e=e||window,t=t||o(e),d(e,t),n(t,0,e.document)}:(d(window,o),module.exports=n(o,window,window.document))):n(jQuery,window,document)}(function(e,t,n,o){"use strict";return e.fn.dataTable});
4
+ !function(n){var o,d;"function"==typeof define&&define.amd?define(["jquery","datatables.net-dt","datatables.net-autofill"],function(e){return n(e,window,document)}):"object"==typeof exports?(o=require("jquery"),d=function(e,t){t.fn.dataTable||require("datatables.net-dt")(e,t),t.fn.dataTable.AutoFill||require("datatables.net-autofill")(e,t)},"undefined"==typeof window?module.exports=function(e,t){return e=e||window,t=t||o(e),d(e,t),n(t,0,e.document)}:(d(window,o),module.exports=n(o,window,window.document))):n(jQuery,window,document)}(function(e,t,n){"use strict";return e.fn.dataTable});
package/js/autoFill.dataTables.min.mjs CHANGED
@@ -1,4 +1,4 @@
1
1
  /*! DataTables styling wrapper for AutoFill
2
2
  * ©2018 SpryMedia Ltd - datatables.net/license
3
3
  */
4
- import $ from"jquery";import DataTable from"datatables.net-dt";import AutoFill from"datatables.net-autofill";export default DataTable;
4
+ import jQuery from"jquery";import DataTable from"datatables.net-dt";import AutoFill from"datatables.net-autofill";let $=jQuery;export default DataTable;
package/js/autoFill.dataTables.mjs CHANGED
@@ -2,10 +2,13 @@
2
2
  * ©2018 SpryMedia Ltd - datatables.net/license
3
3
  */
4
4
 
5
- import $ from 'jquery';
5
+ import jQuery from 'jquery';
6
6
  import DataTable from 'datatables.net-dt';
7
7
  import AutoFill from 'datatables.net-autofill';
8
8
 
9
+ // Allow reassignment of the $ variable
10
+ let $ = jQuery;
11
+
9
12
 
10
13
 
11
14
  export default DataTable;
package/package.json CHANGED
@@ -4,8 +4,8 @@
4
4
  "main": "js/autoFill.dataTables.js",
5
5
  "module": "js/autoFill.dataTables.mjs",
6
6
  "style": "css/autoFill.dataTables.css",
7
- "types": "./types/types.d.ts",
8
- "version": "2.5.3",
7
+ "types": "./types/autoFill.dataTables.d.ts",
8
+ "version": "2.7.0",
9
9
  "files": [
10
10
  "css/**/*.css",
11
11
  "js/**/*.js",
@@ -22,8 +22,8 @@
22
22
  "sort"
23
23
  ],
24
24
  "dependencies": {
25
- "datatables.net-autofill": ">=2.4.0",
26
- "datatables.net-dt": ">=1.12.1",
25
+ "datatables.net-autofill": "2.7.0",
26
+ "datatables.net-dt": ">=1.11",
27
27
  "jquery": ">=1.7"
28
28
  },
29
29
  "moduleType": [
package/types/autoFill.dataTables.d.ts CHANGED
@@ -0,0 +1,5 @@
1
+
2
+ import DataTable from 'datatables.net-autofill';
3
+
4
+ export default DataTable;
5
+ export * from 'datatables.net-autofill';
package/types/types.d.ts DELETED
@@ -1,182 +0,0 @@
1
- // Type definitions for DataTables AutoFill
2
- //
3
- // Project: https://datatables.net/extensions/autofill/, https://datatables.net
4
- // Definitions by:
5
- // SpryMedia
6
- // Andy Ma <https://github.com/andy-maca>
7
-
8
- /// <reference types="jquery" />
9
-
10
- import DataTables, {Api} from 'datatables.net';
11
-
12
- export default DataTables;
13
-
14
-
15
- /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
16
- * DataTables' types integration
17
- */
18
- declare module 'datatables.net' {
19
- interface Config {
20
- /**
21
- * autoFill extension options
22
- */
23
- autoFill?: boolean | ConfigAutoFill;
24
- }
25
-
26
- interface ConfigLanguage {
27
- /**
28
- * AutoFill language options
29
- */
30
- autoFill?: ConfigAutoFillLanguage;
31
- }
32
-
33
- interface Api<T> {
34
- /**
35
- * AutoFill methods container
36
- *
37
- * @returns Api for chaining with the additional autoFill methods
38
- */
39
- autoFill: ApiAutoFill<T>;
40
- }
41
-
42
- interface ApiStatic {
43
- /**
44
- * AutoFill class
45
- */
46
- AutoFill: {
47
- /**
48
- * Create a new AutoFill instance for the target DataTable
49
- */
50
- new (dt: Api<any>, settings: boolean | ConfigAutoFill);
51
-
52
- /**
53
- * AutoFill version
54
- */
55
- version: string;
56
-
57
- /**
58
- * Default configuration values
59
- */
60
- defaults: ConfigAutoFill;
61
- }
62
- }
63
- }
64
-
65
-
66
- /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
67
- * Options
68
- */
69
-
70
- interface ConfigAutoFill {
71
- /**
72
- * Always ask the end user if an action should be taken or not
73
- */
74
- alwaysAsk?: boolean;
75
-
76
- /**
77
- * Select the columns that can be auto filled
78
- */
79
- columns?: string | number[];
80
-
81
- /**
82
- *
83
- * Attach an Editor instance for database updating
84
- */
85
- editor?: any;
86
-
87
- /**
88
- *
89
- * Initial enablement state of AutoFill
90
- */
91
- enable?: boolean;
92
-
93
- /**
94
- * Action that will cause the auto fill drag handle to appear in a cell
95
- */
96
- focus?: 'click' | 'focus' | 'hover' | null;
97
-
98
- /**
99
- * Enable / disable user ability to horizontally drag and fill
100
- */
101
- horizontal?: boolean;
102
-
103
- /**
104
- * Control automatic update of data when a fill drag is completed
105
- */
106
- update?: boolean;
107
-
108
- /**
109
- * Enable / disable user ability to vertically drag and fill
110
- */
111
- vertical?: boolean;
112
- }
113
-
114
- interface ConfigAutoFillLanguage {
115
- /**
116
- * Multi-fill selector button text
117
- */
118
- button?: string;
119
-
120
- /**
121
- * Multi-fill selector cancel option message
122
- */
123
- cancel?: string;
124
-
125
- /**
126
- * Multi-fill selector message for the _full fill_ fill type
127
- */
128
- fill?: string;
129
-
130
- /**
131
- * Multi-fill selector message for the _horizontal fill_ fill type
132
- */
133
- fillHorizontal?: string;
134
-
135
- /**
136
- * Multi-fill selector message for the _vertical fill_ fill type
137
- */
138
- fillVertical?: string;
139
-
140
- /**
141
- * Multi-fill selector message for the _increment_ fill type
142
- */
143
- increment?: string;
144
-
145
- /**
146
- * Information message shown at the top of the fill type selector
147
- */
148
- info?: string;
149
- }
150
-
151
-
152
- /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
153
- * API
154
- */
155
-
156
- interface ApiAutoFill<T> {
157
- (): ApiAutoFillMethods<T>;
158
- }
159
-
160
- interface ApiAutoFillMethods<T> extends Api<T> {
161
- /**
162
- * Disable AutoFill. Please note that this disallows future interactions with the table (until re-enabled).
163
- *
164
- * @returns DataTables Api instance
165
- */
166
- disable(): Api<T>;
167
-
168
- /**
169
- * Enable end user and API modification of the focused cells in the DataTable. Differing levels of enablement are available via the optional parameter.
170
- *
171
- * @param flag can be true or false to signify whether to enable or disable
172
- * @returns DataTables Api instance
173
- */
174
- enable(flag?: string | boolean): Api<T>;
175
-
176
- /**
177
- * This method will return a boolean value indicating if AutoFill is enabled or not on the selected table.
178
- *
179
- * @returns boolean signifying if autofill is enables
180
- */
181
- enabled(): boolean;
182
- }