datatables.net-feature-alphabetsearch 1.0.0

package/Readme.md

@@ -0,0 +1,26 @@
+
+# DataTables input paging feature
+
+Show an set of alphabet buttons alongside a table providing search input options.
+
+
+## Usage
+
+To install with npm (substitute with your favorite package manager if you prefer):
+
+```
+npm install datatables.net datatables.net-feature-alphabetsearch
+```
+
+Then in your Javascript file (assuming you are using ES Modules):
+
+```js
+import DataTable from 'datatables.net';
+import 'datatables.net-feature-alphabetsearch';
+
+new DataTable('#example', {
+	layout: {
+		top: 'alphabetSearch'
+	}
+});
+```

package/dist/dataTables.alphabetSearch.css

@@ -0,0 +1,34 @@
+div.alphabet {
+  position: relative;
+  display: table;
+  width: 100%;
+  margin-bottom: 1em;
+}
+div.alphabet span {
+  display: table-cell;
+  color: #3174c7;
+  cursor: pointer;
+  text-align: center;
+}
+div.alphabet span:hover {
+  text-decoration: underline;
+}
+div.alphabet span.active {
+  color: black;
+}
+div.alphabet span.empty {
+  color: red;
+}
+
+div.alphabetInfo {
+  display: block;
+  position: absolute;
+  background-color: #111;
+  border-radius: 3px;
+  color: white;
+  top: 2em;
+  height: 1.8em;
+  padding-top: 0.4em;
+  text-align: center;
+  z-index: 1;
+}

package/dist/dataTables.alphabetSearch.d.ts

@@ -0,0 +1,65 @@
+/*! © SpryMedia Ltd - datatables.net/license */
+/**
+ * @summary     AlphabetSearch
+ * @description Show an set of alphabet buttons alongside a table providing
+ *     search input options
+ * @author      SpryMedia Ltd
+ * @copyright   Copyright SpryMedia Ltd.
+ * @requires DataTables 3+
+ *
+ * License      MIT - http://datatables.net/license/mit
+ *
+ * Please see [this blog post](http://datatables.net/blog/2014-09-22).
+ *
+ * @example
+ *   new DataTable('#myTable', {
+ *     layout: {
+ *       top: 'alphabetSearch'
+ *     }
+ *   });
+ */
+import { Api, Context, Dom } from 'datatables.net';
+interface AlphabetSearchOptions {
+    column?: number;
+    caseSensitive?: boolean;
+    numbers?: boolean;
+}
+declare module 'datatables.net' {
+    interface DataTablesStatic {
+        /** Show an set of alphabet buttons alongside a table providing search input options */
+        AlphabetSearch: typeof AlphabetSearch;
+    }
+    interface Config {
+        alphabet?: AlphabetSearchOptions;
+    }
+    interface Api<T> {
+        alphabetSearch: ApiAlphabet<T>;
+    }
+    interface ApiAlphabet<T> {
+        (searchTerm: string): ApiAlphabetMethods<T>;
+    }
+    interface ApiAlphabetMethods<T> extends Api<T> {
+        node(): Dom | null;
+        recalc(): Api<T>;
+    }
+    interface Feature {
+        alphabetSearch?: AlphabetSearchOptions;
+    }
+    interface Context {
+        alphabetSearch: string;
+        _alphabetSearch: AlphabetSearch;
+        _alphabet: any;
+        _alphabetOptions: AlphabetSearchOptions;
+    }
+    interface Options {
+        alphabet: AlphabetSearchOptions;
+    }
+}
+declare class AlphabetSearch {
+    private _container;
+    constructor(context: Context);
+    node(): Dom<HTMLElement>;
+    private bin;
+    draw(table: Api, alphabet: Dom, options: AlphabetSearchOptions): void;
+}
+export {};

package/dist/dataTables.alphabetSearch.js

@@ -0,0 +1,235 @@
+/*! © SpryMedia Ltd - datatables.net/license - 3.0.0-beta.2 */
+
+(function(factory){
+	if (typeof define === 'function' && define.amd) {
+		// AMD
+		define(['datatables.net'], function (dt) {
+			return factory(window, document, dt);
+		});
+	}
+	else if (typeof exports === 'object') {
+		// CommonJS
+		var cjsRequires = function (root) {
+			if (! root.DataTable) {
+				require('datatables.net')(root);
+			}
+		};
+
+		if (typeof window === 'undefined') {
+			module.exports = function (root) {
+				if (! root) {
+					// CommonJS environments without a window global must pass a
+					// root. This will give an error otherwise
+					root = window;
+				}
+
+				cjsRequires(root);
+				return factory(root, root.document, root.DataTable);
+			};
+		}
+		else {
+			cjsRequires(window);
+			module.exports = factory(window, window.document, window.DataTable);
+		}
+	}
+	else {
+		// Browser
+		factory(window, document, window.DataTable);
+	}
+}(function(window, document, DataTable) {
+'use strict';
+
+var Dom = DataTable.Dom;
+
+/**
+ * @summary     AlphabetSearch
+ * @description Show an set of alphabet buttons alongside a table providing
+ *     search input options
+ * @author      SpryMedia Ltd
+ * @copyright   Copyright SpryMedia Ltd.
+ * @requires DataTables 3+
+ *
+ * License      MIT - http://datatables.net/license/mit
+ *
+ * Please see [this blog post](http://datatables.net/blog/2014-09-22).
+ *
+ * @example
+ *   new DataTable('#myTable', {
+ *     layout: {
+ *       top: 'alphabetSearch'
+ *     }
+ *   });
+ */
+// Search function
+DataTable.Api.register('alphabetSearch()', function (searchTerm) {
+    this.iterator('table', function (context) {
+        context.alphabetSearch = searchTerm;
+    });
+    return this;
+});
+// Recalculate the alphabet display for updated data
+DataTable.Api.register('alphabetSearch.recalc()', function () {
+    this.iterator('table', function (context) {
+        context._alphabetSearch.draw(new DataTable.Api(context), context._alphabet, context._alphabetOptions);
+    });
+    return this;
+});
+DataTable.Api.register('alphabetSearch.node()', function () {
+    return this.context.length ? this.context[0]._alphabet : null;
+});
+// Search plug-in
+DataTable.ext.search.push(function (context, searchData) {
+    // Ensure that there is a search applied to this table before running it
+    if (!context.alphabetSearch || !searchData) {
+        return true;
+    }
+    var columnId = 0;
+    var caseSensitive = false;
+    if (context.init.alphabet !== undefined) {
+        columnId =
+            context.init.alphabet.column !== undefined
+                ? context.init.alphabet.column
+                : 0;
+        caseSensitive =
+            context.init.alphabet.caseSensitive !== undefined
+                ? context.init.alphabet.caseSensitive
+                : false;
+    }
+    if (caseSensitive) {
+        if (searchData[columnId].charAt(0) === context.alphabetSearch) {
+            return true;
+        }
+    }
+    else {
+        if (searchData[columnId].charAt(0).toUpperCase() ===
+            context.alphabetSearch) {
+            return true;
+        }
+    }
+    return false;
+});
+class AlphabetSearch {
+    constructor(context) {
+        var table = new DataTable.Api(context);
+        var alphabet = Dom.c('div').classAdd('alphabet');
+        var options = Object.assign({
+            column: 0,
+            caseSensitive: false,
+            numbers: false
+        }, table.init().alphabet);
+        this._container = alphabet;
+        this.draw(table, alphabet, options);
+        context._alphabetSearch = this;
+        context._alphabet = alphabet;
+        context._alphabetOptions = options;
+        // Trigger a search
+        alphabet.on('click', 'span', function () {
+            alphabet.find('.active').classRemove('active');
+            Dom.s(this).classAdd('active');
+            table.alphabetSearch(Dom.s(this).data('letter')).draw();
+        });
+        // Mouse events to show helper information
+        alphabet
+            .on('mouseenter', 'span', function () {
+            alphabet
+                .find('div.alphabetInfo')
+                .css({
+                opacity: '1',
+                left: Dom.s(this).position().left + 'px',
+                width: Dom.s(this).width() + 'px'
+            })
+                .html(Dom.s(this).data('matchCount'));
+        })
+            .on('mouseleave', 'span', function () {
+            alphabet.find('div.alphabetInfo').css('opacity', '0');
+        });
+    }
+    node() {
+        return this._container;
+    }
+    // Private support methods
+    bin(data, options) {
+        var letter, bins = {};
+        for (var i = 0, ien = data.length; i < ien; i++) {
+            if (options.caseSensitive) {
+                letter = data[i].toString().replace(/<.*?>/g, '').charAt(0);
+            }
+            else {
+                letter = data[i]
+                    .toString()
+                    .replace(/<.*?>/g, '')
+                    .charAt(0)
+                    .toUpperCase();
+            }
+            if (bins[letter]) {
+                bins[letter]++;
+            }
+            else {
+                bins[letter] = 1;
+            }
+        }
+        return bins;
+    }
+    draw(table, alphabet, options) {
+        alphabet.empty();
+        alphabet.append('Search: ');
+        var columnData = table.column(options.column || '*').data();
+        var bins = this.bin(columnData, options);
+        Dom.c('span')
+            .classAdd('clear active')
+            .data('letter', '')
+            .data('matchCount', columnData.length)
+            .html('None')
+            .appendTo(alphabet);
+        if (options.numbers) {
+            for (var i = 0; i < 10; i++) {
+                var letter = String.fromCharCode(48 + i);
+                Dom.c('span')
+                    .data('letter', letter)
+                    .data('matchCount', bins[letter] || 0)
+                    .classAdd(!bins[letter] ? 'empty' : '')
+                    .html(letter)
+                    .appendTo(alphabet);
+            }
+        }
+        for (var i = 0; i < 26; i++) {
+            var letter = String.fromCharCode(65 + i);
+            Dom.c('span')
+                .data('letter', letter)
+                .data('matchCount', bins[letter] || 0)
+                .classAdd(!bins[letter] ? 'empty' : '')
+                .html(letter)
+                .appendTo(alphabet);
+        }
+        if (options.caseSensitive) {
+            for (var i = 0; i < 26; i++) {
+                var letter = String.fromCharCode(97 + i);
+                Dom.c('span')
+                    .data('letter', letter)
+                    .data('matchCount', bins[letter] || 0)
+                    .classAdd(!bins[letter] ? 'empty' : '')
+                    .html(letter)
+                    .appendTo(alphabet);
+            }
+        }
+        Dom.c('div').classAdd('alphabetInfo').appendTo(alphabet);
+    }
+}
+DataTable.AlphabetSearch = AlphabetSearch;
+// Legacy dom option
+DataTable.ext.feature.push({
+    fnInit: function (settings) {
+        var search = new DataTable.AlphabetSearch(settings);
+        return search.node();
+    },
+    cFeature: 'A'
+});
+// Feature registration
+DataTable.feature.register('alphabetSearch', function (settings, opts) {
+    var search = new DataTable.AlphabetSearch(settings);
+    return search.node();
+});
+
+
+return DataTable;
+}));

package/dist/dataTables.alphabetSearch.min.css

@@ -0,0 +1 @@
+div.alphabet{position:relative;display:table;width:100%;margin-bottom:1em}div.alphabet span{display:table-cell;color:#3174c7;cursor:pointer;text-align:center}div.alphabet span:hover{text-decoration:underline}div.alphabet span.active{color:black}div.alphabet span.empty{color:red}div.alphabetInfo{display:block;position:absolute;background-color:#111;border-radius:3px;color:white;top:2em;height:1.8em;padding-top:.4em;text-align:center;z-index:1}

package/dist/dataTables.alphabetSearch.min.js

@@ -0,0 +1,2 @@
+/*! © SpryMedia Ltd - datatables.net/license - 3.0.0-beta.2 */
+(e=>{var a;"function"==typeof define&&define.amd?define(["datatables.net"],function(t){return e(window,document,t)}):"object"==typeof exports?(a=function(t){t.DataTable||require("datatables.net")(t)},"undefined"==typeof window?module.exports=function(t){return t=t||window,a(t),e(0,t.document,t.DataTable)}:(a(window),module.exports=e(window,window.document,window.DataTable))):e(window,document,window.DataTable)})(function(t,e,i){var o=i.Dom;i.Api.register("alphabetSearch()",function(e){return this.iterator("table",function(t){t.alphabetSearch=e}),this}),i.Api.register("alphabetSearch.recalc()",function(){return this.iterator("table",function(t){t._alphabetSearch.draw(new i.Api(t),t._alphabet,t._alphabetOptions)}),this}),i.Api.register("alphabetSearch.node()",function(){return this.context.length?this.context[0]._alphabet:null}),i.ext.search.push(function(t,e){if(!t.alphabetSearch||!e)return!0;var a=0,n=!1;if(void 0!==t.init.alphabet&&(a=void 0!==t.init.alphabet.column?t.init.alphabet.column:0,n=void 0!==t.init.alphabet.caseSensitive&&t.init.alphabet.caseSensitive),n){if(e[a].charAt(0)===t.alphabetSearch)return!0}else if(e[a].charAt(0).toUpperCase()===t.alphabetSearch)return!0;return!1});return i.AlphabetSearch=class{constructor(t){var e=new i.Api(t),a=o.c("div").classAdd("alphabet"),n=Object.assign({column:0,caseSensitive:!1,numbers:!1},e.init().alphabet);this._container=a,this.draw(e,a,n),t._alphabetSearch=this,t._alphabet=a,t._alphabetOptions=n,a.on("click","span",function(){a.find(".active").classRemove("active"),o.s(this).classAdd("active"),e.alphabetSearch(o.s(this).data("letter")).draw()}),a.on("mouseenter","span",function(){a.find("div.alphabetInfo").css({opacity:"1",left:o.s(this).position().left+"px",width:o.s(this).width()+"px"}).html(o.s(this).data("matchCount"))}).on("mouseleave","span",function(){a.find("div.alphabetInfo").css("opacity","0")})}node(){return this._container}bin(t,e){for(var a,n={},i=0,r=t.length;i<r;i++)n[a=e.caseSensitive?t[i].toString().replace(/<.*?>/g,"").charAt(0):t[i].toString().replace(/<.*?>/g,"").charAt(0).toUpperCase()]?n[a]++:n[a]=1;return n}draw(t,e,a){e.empty(),e.append("Search: ");var t=t.column(a.column||"*").data(),n=this.bin(t,a);if(o.c("span").classAdd("clear active").data("letter","").data("matchCount",t.length).html("None").appendTo(e),a.numbers)for(var i=0;i<10;i++){var r=String.fromCharCode(48+i);o.c("span").data("letter",r).data("matchCount",n[r]||0).classAdd(n[r]?"":"empty").html(r).appendTo(e)}for(i=0;i<26;i++){r=String.fromCharCode(65+i);o.c("span").data("letter",r).data("matchCount",n[r]||0).classAdd(n[r]?"":"empty").html(r).appendTo(e)}if(a.caseSensitive)for(i=0;i<26;i++){r=String.fromCharCode(97+i);o.c("span").data("letter",r).data("matchCount",n[r]||0).classAdd(n[r]?"":"empty").html(r).appendTo(e)}o.c("div").classAdd("alphabetInfo").appendTo(e)}},i.ext.feature.push({fnInit:function(t){return new i.AlphabetSearch(t).node()},cFeature:"A"}),i.feature.register("alphabetSearch",function(t,e){return new i.AlphabetSearch(t).node()}),i});

package/dist/dataTables.alphabetSearch.min.mjs

@@ -0,0 +1,2 @@
+/*! © SpryMedia Ltd - datatables.net/license - 3.0.0-beta.2 */
+import DataTable,{Dom}from"datatables.net";DataTable.Api.register("alphabetSearch()",function(t){return this.iterator("table",function(a){a.alphabetSearch=t}),this}),DataTable.Api.register("alphabetSearch.recalc()",function(){return this.iterator("table",function(a){a._alphabetSearch.draw(new DataTable.Api(a),a._alphabet,a._alphabetOptions)}),this}),DataTable.Api.register("alphabetSearch.node()",function(){return this.context.length?this.context[0]._alphabet:null}),DataTable.ext.search.push(function(a,t){if(!a.alphabetSearch||!t)return!0;var e=0,n=!1;if(void 0!==a.init.alphabet&&(e=void 0!==a.init.alphabet.column?a.init.alphabet.column:0,n=void 0!==a.init.alphabet.caseSensitive&&a.init.alphabet.caseSensitive),n){if(t[e].charAt(0)===a.alphabetSearch)return!0}else if(t[e].charAt(0).toUpperCase()===a.alphabetSearch)return!0;return!1});class AlphabetSearch{constructor(a){var t=new DataTable.Api(a),e=Dom.c("div").classAdd("alphabet"),n=Object.assign({column:0,caseSensitive:!1,numbers:!1},t.init().alphabet);this._container=e,this.draw(t,e,n),a._alphabetSearch=this,a._alphabet=e,a._alphabetOptions=n,e.on("click","span",function(){e.find(".active").classRemove("active"),Dom.s(this).classAdd("active"),t.alphabetSearch(Dom.s(this).data("letter")).draw()}),e.on("mouseenter","span",function(){e.find("div.alphabetInfo").css({opacity:"1",left:Dom.s(this).position().left+"px",width:Dom.s(this).width()+"px"}).html(Dom.s(this).data("matchCount"))}).on("mouseleave","span",function(){e.find("div.alphabetInfo").css("opacity","0")})}node(){return this._container}bin(a,t){for(var e,n={},r=0,i=a.length;r<i;r++)n[e=t.caseSensitive?a[r].toString().replace(/<.*?>/g,"").charAt(0):a[r].toString().replace(/<.*?>/g,"").charAt(0).toUpperCase()]?n[e]++:n[e]=1;return n}draw(a,t,e){t.empty(),t.append("Search: ");var a=a.column(e.column||"*").data(),n=this.bin(a,e);if(Dom.c("span").classAdd("clear active").data("letter","").data("matchCount",a.length).html("None").appendTo(t),e.numbers)for(var r=0;r<10;r++){var i=String.fromCharCode(48+r);Dom.c("span").data("letter",i).data("matchCount",n[i]||0).classAdd(n[i]?"":"empty").html(i).appendTo(t)}for(r=0;r<26;r++){i=String.fromCharCode(65+r);Dom.c("span").data("letter",i).data("matchCount",n[i]||0).classAdd(n[i]?"":"empty").html(i).appendTo(t)}if(e.caseSensitive)for(r=0;r<26;r++){i=String.fromCharCode(97+r);Dom.c("span").data("letter",i).data("matchCount",n[i]||0).classAdd(n[i]?"":"empty").html(i).appendTo(t)}Dom.c("div").classAdd("alphabetInfo").appendTo(t)}}DataTable.AlphabetSearch=AlphabetSearch,DataTable.ext.feature.push({fnInit:function(a){return new DataTable.AlphabetSearch(a).node()},cFeature:"A"}),DataTable.feature.register("alphabetSearch",function(a,t){return new DataTable.AlphabetSearch(a).node()});export default DataTable;

package/dist/dataTables.alphabetSearch.mjs

@@ -0,0 +1,196 @@
+/*! © SpryMedia Ltd - datatables.net/license - 3.0.0-beta.2 */
+
+import DataTable, { Dom } from 'datatables.net';
+
+/**
+ * @summary     AlphabetSearch
+ * @description Show an set of alphabet buttons alongside a table providing
+ *     search input options
+ * @author      SpryMedia Ltd
+ * @copyright   Copyright SpryMedia Ltd.
+ * @requires DataTables 3+
+ *
+ * License      MIT - http://datatables.net/license/mit
+ *
+ * Please see [this blog post](http://datatables.net/blog/2014-09-22).
+ *
+ * @example
+ *   new DataTable('#myTable', {
+ *     layout: {
+ *       top: 'alphabetSearch'
+ *     }
+ *   });
+ */
+// Search function
+DataTable.Api.register('alphabetSearch()', function (searchTerm) {
+    this.iterator('table', function (context) {
+        context.alphabetSearch = searchTerm;
+    });
+    return this;
+});
+// Recalculate the alphabet display for updated data
+DataTable.Api.register('alphabetSearch.recalc()', function () {
+    this.iterator('table', function (context) {
+        context._alphabetSearch.draw(new DataTable.Api(context), context._alphabet, context._alphabetOptions);
+    });
+    return this;
+});
+DataTable.Api.register('alphabetSearch.node()', function () {
+    return this.context.length ? this.context[0]._alphabet : null;
+});
+// Search plug-in
+DataTable.ext.search.push(function (context, searchData) {
+    // Ensure that there is a search applied to this table before running it
+    if (!context.alphabetSearch || !searchData) {
+        return true;
+    }
+    var columnId = 0;
+    var caseSensitive = false;
+    if (context.init.alphabet !== undefined) {
+        columnId =
+            context.init.alphabet.column !== undefined
+                ? context.init.alphabet.column
+                : 0;
+        caseSensitive =
+            context.init.alphabet.caseSensitive !== undefined
+                ? context.init.alphabet.caseSensitive
+                : false;
+    }
+    if (caseSensitive) {
+        if (searchData[columnId].charAt(0) === context.alphabetSearch) {
+            return true;
+        }
+    }
+    else {
+        if (searchData[columnId].charAt(0).toUpperCase() ===
+            context.alphabetSearch) {
+            return true;
+        }
+    }
+    return false;
+});
+class AlphabetSearch {
+    constructor(context) {
+        var table = new DataTable.Api(context);
+        var alphabet = Dom.c('div').classAdd('alphabet');
+        var options = Object.assign({
+            column: 0,
+            caseSensitive: false,
+            numbers: false
+        }, table.init().alphabet);
+        this._container = alphabet;
+        this.draw(table, alphabet, options);
+        context._alphabetSearch = this;
+        context._alphabet = alphabet;
+        context._alphabetOptions = options;
+        // Trigger a search
+        alphabet.on('click', 'span', function () {
+            alphabet.find('.active').classRemove('active');
+            Dom.s(this).classAdd('active');
+            table.alphabetSearch(Dom.s(this).data('letter')).draw();
+        });
+        // Mouse events to show helper information
+        alphabet
+            .on('mouseenter', 'span', function () {
+            alphabet
+                .find('div.alphabetInfo')
+                .css({
+                opacity: '1',
+                left: Dom.s(this).position().left + 'px',
+                width: Dom.s(this).width() + 'px'
+            })
+                .html(Dom.s(this).data('matchCount'));
+        })
+            .on('mouseleave', 'span', function () {
+            alphabet.find('div.alphabetInfo').css('opacity', '0');
+        });
+    }
+    node() {
+        return this._container;
+    }
+    // Private support methods
+    bin(data, options) {
+        var letter, bins = {};
+        for (var i = 0, ien = data.length; i < ien; i++) {
+            if (options.caseSensitive) {
+                letter = data[i].toString().replace(/<.*?>/g, '').charAt(0);
+            }
+            else {
+                letter = data[i]
+                    .toString()
+                    .replace(/<.*?>/g, '')
+                    .charAt(0)
+                    .toUpperCase();
+            }
+            if (bins[letter]) {
+                bins[letter]++;
+            }
+            else {
+                bins[letter] = 1;
+            }
+        }
+        return bins;
+    }
+    draw(table, alphabet, options) {
+        alphabet.empty();
+        alphabet.append('Search: ');
+        var columnData = table.column(options.column || '*').data();
+        var bins = this.bin(columnData, options);
+        Dom.c('span')
+            .classAdd('clear active')
+            .data('letter', '')
+            .data('matchCount', columnData.length)
+            .html('None')
+            .appendTo(alphabet);
+        if (options.numbers) {
+            for (var i = 0; i < 10; i++) {
+                var letter = String.fromCharCode(48 + i);
+                Dom.c('span')
+                    .data('letter', letter)
+                    .data('matchCount', bins[letter] || 0)
+                    .classAdd(!bins[letter] ? 'empty' : '')
+                    .html(letter)
+                    .appendTo(alphabet);
+            }
+        }
+        for (var i = 0; i < 26; i++) {
+            var letter = String.fromCharCode(65 + i);
+            Dom.c('span')
+                .data('letter', letter)
+                .data('matchCount', bins[letter] || 0)
+                .classAdd(!bins[letter] ? 'empty' : '')
+                .html(letter)
+                .appendTo(alphabet);
+        }
+        if (options.caseSensitive) {
+            for (var i = 0; i < 26; i++) {
+                var letter = String.fromCharCode(97 + i);
+                Dom.c('span')
+                    .data('letter', letter)
+                    .data('matchCount', bins[letter] || 0)
+                    .classAdd(!bins[letter] ? 'empty' : '')
+                    .html(letter)
+                    .appendTo(alphabet);
+            }
+        }
+        Dom.c('div').classAdd('alphabetInfo').appendTo(alphabet);
+    }
+}
+DataTable.AlphabetSearch = AlphabetSearch;
+// Legacy dom option
+DataTable.ext.feature.push({
+    fnInit: function (settings) {
+        var search = new DataTable.AlphabetSearch(settings);
+        return search.node();
+    },
+    cFeature: 'A'
+});
+// Feature registration
+DataTable.feature.register('alphabetSearch', function (settings, opts) {
+    var search = new DataTable.AlphabetSearch(settings);
+    return search.node();
+});
+
+
+export default DataTable;
+

package/package.json

@@ -0,0 +1,32 @@
+{
+	"name": "datatables.net-feature-alphabetsearch",
+	"version": "1.0.0",
+	"description": "DataTables plugin: An alphabet search input control",
+    "main": "dist/dataTables.alphabetSearch.js",
+    "module": "dist/dataTables.alphabetSearch.mjs",
+    "style": "dist/dataTables.alphabetSearch.css",
+    "types": "dist/dataTables.alphabetSearch.d.ts",
+    "files": [
+        "dist/*.css",
+        "dist/*.js",
+        "dist/*.mjs",
+        "dist/*.d.ts"
+    ],
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/DataTables/Plugins.git"
+	},
+	"keywords": [
+		"DataTables",
+		"plugins"
+	],
+	"author": "SpryMedia Ltd",
+	"license": "MIT",
+	"bugs": {
+		"url": "https://datatables.net/forums"
+	},
+	"homepage": "https://datatables.net",
+	"dependencies": {
+		"datatables.net": "^3.0.0-0"
+	}
+}