datatables.net-autofill-bm 2.5.2 → 2.6.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.bulma.css +44 -36
  2. package/css/autoFill.bulma.min.css +1 -1
  3. package/js/autoFill.bulma.js +23 -15
  4. package/js/autoFill.bulma.min.js +1 -1
  5. package/js/autoFill.bulma.min.mjs +1 -1
  6. package/js/autoFill.bulma.mjs +3 -1
  7. package/package.json +4 -4
  8. package/types/autoFill.bulma.d.ts +5 -0
  9. package/types/types.d.ts +0 -182
package/css/autoFill.bulma.css CHANGED
@@ -2,7 +2,7 @@ div.dt-autofill-handle {
2
2
  position: absolute;
3
3
  height: 8px;
4
4
  width: 8px;
5
- z-index: 102;
5
+ z-index: 10;
6
6
  box-sizing: border-box;
7
7
  background: #00D1B2;
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,50 +46,38 @@ 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] {
85
75
  padding: 6px;
86
76
  width: 30px;
87
77
  margin: -2px 0;
88
78
  }
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;
79
+ div.dt-autofill-list > div.dt-autofill-list-items > button span {
80
+ float: right;
95
81
  }
96
82
 
97
83
  div.dtaf-popover-closeable {
@@ -106,7 +92,29 @@ div.dt-autofill-background {
106
92
  height: 100%;
107
93
  background: rgba(0, 0, 0, 0.7);
108
94
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
109
- z-index: 10;
95
+ z-index: 103;
96
+ }
97
+
98
+ html.dark div.dt-autofill-handle {
99
+ background: #6ea8fe;
100
+ }
101
+ html.dark div.dt-autofill-select {
102
+ position: absolute;
103
+ z-index: 1001;
104
+ background-color: #6ea8fe;
105
+ background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(0, 0, 0, 0.5) 5px, rgba(0, 0, 0, 0.5) 10px);
106
+ }
107
+ html.dark div.dt-autofill-list {
108
+ background-color: var(--dt-html-background);
109
+ border: 1px solid rgba(255, 255, 255, 0.15);
110
+ }
111
+ html.dark div.dt-autofill-list button {
112
+ color: inherit;
113
+ border: 1px solid rgba(255, 255, 255, 0.175);
114
+ background-color: #2f3438;
115
+ }
116
+ html.dark div.dt-autofill-list button:hover {
117
+ background-color: #404549;
110
118
  }
111
119
 
112
120
  @media screen and (max-width: 767px) {
package/css/autoFill.bulma.min.css CHANGED
@@ -1 +1 @@
1
- div.dt-autofill-handle{position:absolute;height:8px;width:8px;z-index:102;box-sizing:border-box;background:#00d1b2;cursor:pointer}div.dtk-focus-alt div.dt-autofill-handle{background:#ff8b33}div.dt-autofill-select{position:absolute;z-index:1001;background-color:#00d1b2;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 button{margin:0}div.dt-autofill-handle{z-index:11}
1
+ div.dt-autofill-handle{position:absolute;height:8px;width:8px;z-index:10;box-sizing:border-box;background:#00d1b2;cursor:pointer}div.dtk-focus-alt div.dt-autofill-handle{background:#ff8b33}div.dt-autofill-select{position:absolute;z-index:1001;background-color:#00d1b2;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]{padding:6px;width:30px;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:#6ea8fe}html.dark div.dt-autofill-select{position:absolute;z-index:1001;background-color:#6ea8fe;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:#2f3438}html.dark div.dt-autofill-list button:hover{background-color:#404549}@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 button{margin:0}div.dt-autofill-handle{z-index:11}
package/js/autoFill.bulma.js CHANGED
@@ -11,19 +11,8 @@
11
11
  }
12
12
  else if ( typeof exports === 'object' ) {
13
13
  // CommonJS
14
- module.exports = function (root, $) {
15
- if ( ! root ) {
16
- // CommonJS environments without a window global must pass a
17
- // root. This will give an error otherwise
18
- root = window;
19
- }
20
-
21
- if ( ! $ ) {
22
- $ = typeof window !== 'undefined' ? // jQuery's factory checks for a global window
23
- require('jquery') :
24
- require('jquery')( root );
25
- }
26
-
14
+ var jq = require('jquery');
15
+ var cjsRequires = function (root, $) {
27
16
  if ( ! $.fn.dataTable ) {
28
17
  require('datatables.net-bm')(root, $);
29
18
  }
@@ -31,9 +20,28 @@
31
20
  if ( ! $.fn.dataTable.AutoFill ) {
32
21
  require('datatables.net-autofill')(root, $);
33
22
  }
34
-
35
- return factory( $, root, root.document );
36
23
  };
24
+
25
+ if (typeof window === 'undefined') {
26
+ module.exports = function (root, $) {
27
+ if ( ! root ) {
28
+ // CommonJS environments without a window global must pass a
29
+ // root. This will give an error otherwise
30
+ root = window;
31
+ }
32
+
33
+ if ( ! $ ) {
34
+ $ = jq( root );
35
+ }
36
+
37
+ cjsRequires( root, $ );
38
+ return factory( $, root, root.document );
39
+ };
40
+ }
41
+ else {
42
+ cjsRequires( window, jq );
43
+ module.exports = factory( jq, window, window.document );
44
+ }
37
45
  }
38
46
  else {
39
47
  // Browser
package/js/autoFill.bulma.min.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*! Bulma integration for DataTables' AutoFill
2
2
  * ©2015 SpryMedia Ltd - datatables.net/license
3
3
  */
4
- !function(n){"function"==typeof define&&define.amd?define(["jquery","datatables.net-bm","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-bm")(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,u){"use strict";e=e.fn.dataTable;return e.AutoFill.classes.btn="button is-small",e});
4
+ !function(n){var o,u;"function"==typeof define&&define.amd?define(["jquery","datatables.net-bm","datatables.net-autofill"],function(e){return n(e,window,document)}):"object"==typeof exports?(o=require("jquery"),u=function(e,t){t.fn.dataTable||require("datatables.net-bm")(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),u(e,t),n(t,0,e.document)}:(u(window,o),module.exports=n(o,window,window.document))):n(jQuery,window,document)}(function(e,t,n,o){"use strict";e=e.fn.dataTable;return e.AutoFill.classes.btn="button is-small",e});
package/js/autoFill.bulma.min.mjs CHANGED
@@ -1,4 +1,4 @@
1
1
  /*! Bulma integration for DataTables' AutoFill
2
2
  * ©2015 SpryMedia Ltd - datatables.net/license
3
3
  */
4
- import $ from"jquery";import DataTable from"datatables.net-bm";import AutoFill from"datatables.net-autofill";DataTable.AutoFill.classes.btn="button is-small";export default DataTable;
4
+ import jQuery from"jquery";import DataTable from"datatables.net-bm";import AutoFill from"datatables.net-autofill";let $=jQuery;DataTable.AutoFill.classes.btn="button is-small";export default DataTable;
package/js/autoFill.bulma.mjs CHANGED
@@ -2,10 +2,12 @@
2
2
  * ©2015 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-bm';
7
7
  import AutoFill from 'datatables.net-autofill';
8
8
 
9
+ // Allow reassignment of the $ variable
10
+ let $ = jQuery;
9
11
 
10
12
 
11
13
  DataTable.AutoFill.classes.btn = 'button is-small';
package/package.json CHANGED
@@ -4,8 +4,8 @@
4
4
  "main": "js/autoFill.bulma.js",
5
5
  "module": "js/autoFill.bulma.mjs",
6
6
  "style": "css/autoFill.bulma.css",
7
- "types": "./types/types.d.ts",
8
- "version": "2.5.2",
7
+ "types": "./types/autoFill.bulma.d.ts",
8
+ "version": "2.6.0",
9
9
  "files": [
10
10
  "css/**/*.css",
11
11
  "js/**/*.js",
@@ -23,8 +23,8 @@
23
23
  "sort"
24
24
  ],
25
25
  "dependencies": {
26
- "datatables.net-autofill": ">=2.4.0",
27
- "datatables.net-bm": ">=1.12.1",
26
+ "datatables.net-autofill": ">=2.5.3",
27
+ "datatables.net-bm": ">=1.13.4",
28
28
  "jquery": ">=1.7"
29
29
  },
30
30
  "moduleType": [
package/types/autoFill.bulma.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
- }