From 2dcfd038e600a2479e71369d2397ea84fbdf5454 Mon Sep 17 00:00:00 2001
From: Allan Jardine <allan.jardine@sprymedia.co.uk>
Date: Thu, 14 Jun 2018 11:24:23 +0100
Subject: [PATCH] Fix - styling: Itegration with Semantic UI 2.3 - search input
 was not correctly styled

- Fixes DataTables/DataTables #1024
---
 .datatables-commit-sync               | 2 +-
 examples/styling/semanticui.html      | 8 ++++----
 media/js/dataTables.semanticui.js     | 9 ++++++---
 media/js/dataTables.semanticui.min.js | 6 +++---
 4 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/.datatables-commit-sync b/.datatables-commit-sync
index 8675f72c..5069c99d 100644
--- a/.datatables-commit-sync
+++ b/.datatables-commit-sync
@@ -1 +1 @@
-18decc7bca8f0860e93344bd8fd1e017c2da7c6d
+6419385ec7e504c48f51058fcb868430d9f0d151
diff --git a/examples/styling/semanticui.html b/examples/styling/semanticui.html
index 42172489..64b81324 100644
--- a/examples/styling/semanticui.html
+++ b/examples/styling/semanticui.html
@@ -5,7 +5,7 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 	<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
 	<title>DataTables example - Semantic UI</title>
-	<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.css">
+	<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.0/semantic.min.css">
 	<link rel="stylesheet" type="text/css" href="../../media/css/dataTables.semanticui.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
@@ -15,7 +15,7 @@
 	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
 	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../../media/js/dataTables.semanticui.js"></script>
-	<script type="text/javascript" language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.js"></script>
+	<script type="text/javascript" language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.0/semantic.min.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -540,7 +540,7 @@ $(document).ready(function() {
 						</li>
 						<li>
 							<a href=
-							"https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.js">https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.js</a>
+							"https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.0/semantic.min.js">https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.0/semantic.min.js</a>
 						</li>
 					</ul>
 				</div>
@@ -556,7 +556,7 @@ $(document).ready(function() {
 					<ul>
 						<li>
 							<a href=
-							"https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.css">https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.css</a>
+							"https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.0/semantic.min.css">https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.0/semantic.min.css</a>
 						</li>
 						<li>
 							<a href="../../media/css/dataTables.semanticui.css">../../media/css/dataTables.semanticui.css</a>
diff --git a/media/js/dataTables.semanticui.js b/media/js/dataTables.semanticui.js
index c19ffe06..f8e8d444 100644
--- a/media/js/dataTables.semanticui.js
+++ b/media/js/dataTables.semanticui.js
@@ -66,7 +66,7 @@ $.extend( true, DataTable.defaults, {
 /* Default class modification */
 $.extend( DataTable.ext.classes, {
 	sWrapper:      "dataTables_wrapper dt-semanticUI",
-	sFilter:       "dataTables_filter ui input",
+	sFilter:       "dataTables_filter ui form",
 	sProcessing:   "dataTables_processing ui segment",
 	sPageButton:   "paginate_button item"
 } );
@@ -195,12 +195,15 @@ $(document).on( 'init.dt', function (e, ctx) {
 		return;
 	}
 
+	var api = new $.fn.dataTable.Api( ctx );
+
 	// Length menu drop down
 	if ( $.fn.dropdown ) {
-		var api = new $.fn.dataTable.Api( ctx );
-
 		$( 'div.dataTables_length select', api.table().container() ).dropdown();
 	}
+
+	// Filtering input
+	$( 'div.dataTables_filter input', api.table().container() ).wrap( '<span class="ui input" />' );
 } );
 
 
diff --git a/media/js/dataTables.semanticui.min.js b/media/js/dataTables.semanticui.min.js
index 3b2d3d90..153de672 100644
--- a/media/js/dataTables.semanticui.min.js
+++ b/media/js/dataTables.semanticui.min.js
@@ -3,7 +3,7 @@
  ©2011-2015 SpryMedia Ltd - datatables.net/license
 */
 (function(b){"function"===typeof define&&define.amd?define(["jquery","datatables.net"],function(a){return b(a,window,document)}):"object"===typeof exports?module.exports=function(a,d){a||(a=window);if(!d||!d.fn.dataTable)d=require("datatables.net")(a,d).$;return b(d,a,a.document)}:b(jQuery,window,document)})(function(b,a,d,m){var e=b.fn.dataTable;b.extend(!0,e.defaults,{dom:"<'ui stackable grid'<'row'<'eight wide column'l><'right aligned eight wide column'f>><'row dt-table'<'sixteen wide column'tr>><'row'<'seven wide column'i><'right aligned nine wide column'p>>>",
-renderer:"semanticUI"});b.extend(e.ext.classes,{sWrapper:"dataTables_wrapper dt-semanticUI",sFilter:"dataTables_filter ui input",sProcessing:"dataTables_processing ui segment",sPageButton:"paginate_button item"});e.ext.renderer.pageButton.semanticUI=function(h,a,r,s,j,n){var o=new e.Api(h),t=h.oClasses,k=h.oLanguage.oPaginate,u=h.oLanguage.oAria.paginate||{},f,g,p=0,q=function(a,d){var e,i,l,c,m=function(a){a.preventDefault();!b(a.currentTarget).hasClass("disabled")&&o.page()!=a.data.action&&o.page(a.data.action).draw("page")};
+renderer:"semanticUI"});b.extend(e.ext.classes,{sWrapper:"dataTables_wrapper dt-semanticUI",sFilter:"dataTables_filter ui form",sProcessing:"dataTables_processing ui segment",sPageButton:"paginate_button item"});e.ext.renderer.pageButton.semanticUI=function(h,a,r,s,j,n){var o=new e.Api(h),t=h.oClasses,k=h.oLanguage.oPaginate,u=h.oLanguage.oAria.paginate||{},f,g,p=0,q=function(a,d){var e,i,l,c,m=function(a){a.preventDefault();!b(a.currentTarget).hasClass("disabled")&&o.page()!=a.data.action&&o.page(a.data.action).draw("page")};
 e=0;for(i=d.length;e<i;e++)if(c=d[e],b.isArray(c))q(a,c);else{g=f="";switch(c){case "ellipsis":f="&#x2026;";g="disabled";break;case "first":f=k.sFirst;g=c+(0<j?"":" disabled");break;case "previous":f=k.sPrevious;g=c+(0<j?"":" disabled");break;case "next":f=k.sNext;g=c+(j<n-1?"":" disabled");break;case "last":f=k.sLast;g=c+(j<n-1?"":" disabled");break;default:f=c+1,g=j===c?"active":""}l=-1===g.indexOf("disabled")?"a":"div";f&&(l=b("<"+l+">",{"class":t.sPageButton+" "+g,id:0===r&&"string"===typeof c?
-h.sTableId+"_"+c:null,href:"#","aria-controls":h.sTableId,"aria-label":u[c],"data-dt-idx":p,tabindex:h.iTabIndex}).html(f).appendTo(a),h.oApi._fnBindAction(l,{action:c},m),p++)}},i;try{i=b(a).find(d.activeElement).data("dt-idx")}catch(v){}q(b(a).empty().html('<div class="ui stackable pagination menu"/>').children(),s);i!==m&&b(a).find("[data-dt-idx="+i+"]").focus()};b(d).on("init.dt",function(a,d){if("dt"===a.namespace&&b.fn.dropdown){var e=new b.fn.dataTable.Api(d);b("div.dataTables_length select",
-e.table().container()).dropdown()}});return e});
+h.sTableId+"_"+c:null,href:"#","aria-controls":h.sTableId,"aria-label":u[c],"data-dt-idx":p,tabindex:h.iTabIndex}).html(f).appendTo(a),h.oApi._fnBindAction(l,{action:c},m),p++)}},i;try{i=b(a).find(d.activeElement).data("dt-idx")}catch(v){}q(b(a).empty().html('<div class="ui stackable pagination menu"/>').children(),s);i!==m&&b(a).find("[data-dt-idx="+i+"]").focus()};b(d).on("init.dt",function(a,d){if("dt"===a.namespace){var e=new b.fn.dataTable.Api(d);b.fn.dropdown&&b("div.dataTables_length select",
+e.table().container()).dropdown();b("div.dataTables_filter input",e.table().container()).wrap('<span class="ui input" />')}});return e});