patternfly-sass 0.0.0.pre.semantically.pre.released

data/dist/js/patternfly.dataTables.pfPagination.js

@@ -0,0 +1,401 @@
+/**
+ * @summary     pfPagination for DataTables
+ * @description A collection of API methods providing functionality to paginate DataTables data. This ensures
+ * DataTables meets the Patternfly design pattern while maintaining accessibility.
+ *
+ * The pagination layout is expected to contain the classes as shown in the example below.
+ *
+ * Example:
+ *
+ * <!-- NOTE: Some configuration may be omitted for clarity -->
+ * <table class="table table-striped table-bordered table-hover" id="table1">
+ *   <thead>
+ *     <tr>
+ *       <th><input type="checkbox" name="selectAll"></th>
+ *       <th>Rendering Engine</th>
+ *       <th>Browser</th>
+ *     </tr>
+ *   </thead>
+ * </table>
+ * <form class="content-view-pf-pagination table-view-pf-pagination clearfix" id="pagination1">
+ *   <div class="form-group">
+ *     <select class="selectpicker pagination-pf-pagesize">
+ *       <option value="6">6</option>
+ *       <option value="10">10</option>
+ *       <option value="15" selected="selected">15</option>
+ *       <option value="25">25</option>
+ *       <option value="50">50</option>
+ *     </select>
+ *     <span>per page</span>
+ *   </div>
+ *   <div class="form-group">
+ *     <span><span class="pagination-pf-items-current">1-15</span> of <span class="pagination-pf-items-total">75</span></span>
+ *     <ul class="pagination pagination-pf-back">
+ *       <li><a href="#" onclick="return false;" title="First Page"><span class="i fa fa-angle-double-left"></span></a></li>
+ *       <li><a href="#" onclick="return false;" title="Previous Page"><span class="i fa fa-angle-left"></span></a></li>
+ *     </ul>
+ *     <label for="pagination1-page" class="sr-only">Current Page</label>
+ *     <input class="pagination-pf-page" type="text" value="1" id="pagination1-page"/>
+ *     <span>of <span class="pagination-pf-pages">5</span></span>
+ *     <ul class="pagination pagination-pf-forward">
+ *       <li><a href="#" onclick="return false;" title="Next Page"><span class="i fa fa-angle-right"></span></a></li>
+ *       <li><a href="#" onclick="return false;" title="Last Page"><span class="i fa fa-angle-double-right"></span></a></li>
+ *     </ul>
+ *   </div>
+ * </form>
+ * <script>
+ * // NOTE: Some properties may be omitted for clarity
+ * $(document).ready(function() {
+ *   var dt = $("#table1").DataTable({
+ *     columns: [
+ *       { data: null, ... },
+ *       { data: "engine" },
+ *       { data: "browser" }
+ *     ],
+ *     data: null,
+ *     dom: "t",
+ *     pfConfig: {
+ *       ...
+ *       pageSize: 15,
+ *       paginationSelector: "#pagination1",
+ *     }
+ *   });
+ *   dt.table().pfPagination.next(); // Optional API to navigate to the next page
+ *   dt.table().pfPagination.previous(); // Optional API to navigate to the previous page
+ * });
+ * </script>
+ */
+(function (factory) {
+  "use strict";
+  if (typeof define === "function" && define.amd ) {
+    // AMD
+    define (["jquery", "datatables.net"], function ($) {
+      return factory ($, window, document);
+    });
+  } else if (typeof exports === "object") {
+    // CommonJS
+    module.exports = function (root, $) {
+      if (!root) {
+        root = window;
+      }
+      if (!$ || !$.fn.dataTable) {
+        $ = require("datatables.net")(root, $).$;
+      }
+      return factory($, root, root.document);
+    };
+  } else {
+    // Browser
+    factory(jQuery, window, document);
+  }
+}(function ($, window, document, undefined) {
+  "use strict";
+  var DataTable = $.fn.dataTable;
+  var BACK_ACTIONS_SELECTOR = ".pagination-pf-back"; // Back navigation actions
+  var CURRENT_ITEMS_SELECTOR = ".pagination-pf-items-current"; // Current items text (e.g., 1-15)
+  var CURRENT_PAGE_SELECTOR = ".pagination-pf-page"; // Current page input
+  var FIRST_PAGE_SELECTOR = ".pagination-pf-back .fa-angle-double-left"; // First page button
+  var FORWARD_ACTIONS_SELECTOR = ".pagination-pf-forward"; // Forward navigation actions
+  var LAST_PAGE_SELECTOR = ".pagination-pf-forward .fa-angle-double-right"; // Last page button
+  var PAGE_SIZE_SELECTOR = "select.pagination-pf-pagesize"; // Page size selection
+  var TOTAL_ITEMS_SELECTOR = ".pagination-pf-items-total"; // Total items
+  var TOTAL_PAGES_SELECTOR = ".pagination-pf-pages"; // Total pages text
+  var PREVIOUS_PAGE_SELECTOR = ".pagination-pf-back .fa-angle-left"; // Previous page button
+  var NEXT_PAGE_SELECTOR = ".pagination-pf-forward .fa-angle-right"; // Next page button
+
+  DataTable.pfPagination = {};
+
+  /**
+   * Initialize
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  DataTable.pfPagination.init = function (dt) {
+    var ctx = dt.settings()[0];
+    var opts = (ctx.oInit.pfConfig) ? ctx.oInit.pfConfig : {};
+
+    ctx._pfPagination = {};
+    ctx._pfPagination.backActions = $(BACK_ACTIONS_SELECTOR, opts.paginationSelector); // Back navigation actions
+    ctx._pfPagination.currentItems = $(CURRENT_ITEMS_SELECTOR, opts.paginationSelector); // Current items
+    ctx._pfPagination.currentPage = $(CURRENT_PAGE_SELECTOR, opts.paginationSelector); // Current page
+    ctx._pfPagination.firstPage = $(FIRST_PAGE_SELECTOR, opts.paginationSelector); // First page button
+    ctx._pfPagination.forwardActions = $(FORWARD_ACTIONS_SELECTOR, opts.paginationSelector); // Forward navigation actions
+    ctx._pfPagination.lastPage = $(LAST_PAGE_SELECTOR, opts.paginationSelector); // Last page button
+    ctx._pfPagination.nextPage = $(NEXT_PAGE_SELECTOR, opts.paginationSelector); // Next page button
+    ctx._pfPagination.pageSize = $(PAGE_SIZE_SELECTOR, opts.paginationSelector); // Page size selection
+    ctx._pfPagination.previousPage = $(PREVIOUS_PAGE_SELECTOR, opts.paginationSelector); // Next page button
+    ctx._pfPagination.totalItems = $(TOTAL_ITEMS_SELECTOR, opts.paginationSelector); // Total items
+    ctx._pfPagination.totalPages = $(TOTAL_PAGES_SELECTOR, opts.paginationSelector); // Total pages
+
+    // Set initial page size
+    ctx._pfPagination.currentPageSize = (opts.pageSize !== undefined) ? opts.pageSize : 15;
+
+    // Handle page navigation
+    handleCurrentPage(dt);
+    handleFirstPage(dt);
+    handleLastPage(dt);
+    handlePageSize(dt);
+    handleNextPage(dt);
+    handlePreviousPage(dt);
+
+    // Update table on DataTables draw event
+    dt.on("draw.page", function () {
+      updateCurrentPage(dt);
+      updateCurrentItems(dt);
+      updateTotalItems(dt);
+      updateTotalPages(dt);
+      updateBackActions(dt);
+      updateForwardActions(dt);
+    });
+
+    // Initialize page info
+    dt.table().page.len(ctx._pfPagination.currentPageSize);
+    dt.table().draw('page');
+  };
+
+  // Local functions
+
+  /**
+   * Handle page navigation when enter is pressed
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function handleCurrentPage (dt) {
+    var ctx = dt.settings()[0];
+    if (ctx._pfPagination.currentPage === undefined || ctx._pfPagination.currentPage.length === 0) {
+      return;
+    }
+    ctx._pfPagination.currentPage.on("keypress", function (e) {
+      var page, pageInfo = dt.table().page.info();
+      var keycode = (e.keyCode ? e.keyCode : e.which);
+      if (keycode === 13) {
+        e.preventDefault();
+        page = parseInt(this.value) - 1;
+        if (page >= 0 && page < pageInfo.pages) {
+          dt.table().page(page).draw('page');
+        } else {
+          updateCurrentPage(dt); // Always update to replace bad values
+        }
+        return false;
+      }
+      return true;
+    });
+  }
+
+  /**
+   * Handle page navigation when first button is selected
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function handleFirstPage (dt) {
+    var ctx = dt.settings()[0];
+    if (ctx._pfPagination.firstPage === undefined || ctx._pfPagination.firstPage.length === 0) {
+      return;
+    }
+    $(ctx._pfPagination.firstPage).closest('li').on("click", function (e) {
+      dt.table().page('first').draw('page');
+    });
+  }
+
+  /**
+   * Handle page navigation when last button is selected
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function handleLastPage (dt) {
+    var ctx = dt.settings()[0];
+    if (ctx._pfPagination.lastPage === undefined || ctx._pfPagination.lastPage.length === 0) {
+      return;
+    }
+    $(ctx._pfPagination.lastPage).closest('li').on("click", function (e) {
+      dt.table().page('last').draw('page');
+    });
+  }
+
+  /**
+   * Handle page navigation when next button is selected
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function handleNextPage (dt) {
+    var ctx = dt.settings()[0];
+    if (ctx._pfPagination.nextPage === undefined || ctx._pfPagination.nextPage.length === 0) {
+      return;
+    }
+    $(ctx._pfPagination.nextPage).closest('a').on("click", function (e) {
+      dt.table().page('next').draw('page');
+    });
+  }
+
+  /**
+   * Handle page size when selected
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function handlePageSize (dt) {
+    var ctx = dt.settings()[0];
+    if (ctx._pfPagination.pageSize === undefined || ctx._pfPagination.pageSize.length === 0) {
+      return;
+    }
+    ctx._pfPagination.pageSize.on("change", function (e) {
+      ctx._pfPagination.currentPageSize = parseInt(this.value);
+      dt.table().page.len(ctx._pfPagination.currentPageSize).draw('page');
+    });
+  }
+
+  /**
+   * Handle page navigation when previous button is selected
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function handlePreviousPage (dt) {
+    var ctx = dt.settings()[0];
+    if (ctx._pfPagination.previousPage === undefined || ctx._pfPagination.previousPage.length === 0) {
+      return;
+    }
+    $(ctx._pfPagination.previousPage).closest('a').on("click", function (e) {
+      dt.table().page('previous').draw('page');
+    });
+  }
+
+  /**
+   * Update current page
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function updateCurrentPage (dt) {
+    var ctx = dt.settings()[0];
+    var pageInfo = dt.table().page.info();
+    var page = (pageInfo.recordsDisplay === 0) ? 0 : pageInfo.page + 1;
+    if (ctx._pfPagination.currentPage === undefined || ctx._pfPagination.currentPage.length === 0) {
+      return;
+    }
+    // Disable if pagination is not available due to filtering
+    if (pageInfo.recordsDisplay > pageInfo.length) {
+      $(ctx._pfPagination.currentPage).prop("disabled", false);
+    } else {
+      $(ctx._pfPagination.currentPage).prop("disabled", true);
+    }
+    // Set current page value
+    $(ctx._pfPagination.currentPage).val(page);
+  }
+
+  /**
+   * Update back navigation actions
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function updateBackActions (dt) {
+    var ctx = dt.settings()[0];
+    var pageInfo = dt.table().page.info();
+    if (pageInfo.page === 0) {
+      $("li", ctx._pfPagination.backActions).each(function () {
+        $(this).addClass("disabled");
+      });
+    } else {
+      $("li", ctx._pfPagination.backActions).each(function () {
+        $(this).removeClass("disabled");
+      });
+    }
+  }
+
+  /**
+   * Update current items
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function updateCurrentItems (dt) {
+    var ctx = dt.settings()[0];
+    var pageInfo = dt.table().page.info();
+    var start = (pageInfo.recordsDisplay === 0) ? 0 : pageInfo.start + 1;
+    ctx._pfPagination.currentItems.html(start + "-" + pageInfo.end);
+  }
+
+  /**
+   * Update forward navigation actions
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function updateForwardActions (dt) {
+    var ctx = dt.settings()[0];
+    var pageInfo = dt.table().page.info();
+    if (pageInfo.recordsDisplay === 0 || pageInfo.page === pageInfo.pages - 1) {
+      $("li", ctx._pfPagination.forwardActions).each(function () {
+        $(this).addClass("disabled");
+      });
+    } else {
+      $("li", ctx._pfPagination.forwardActions).each(function () {
+        $(this).removeClass("disabled");
+      });
+    }
+  }
+
+  /**
+   * Update total items
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function updateTotalItems (dt) {
+    var ctx = dt.settings()[0];
+    var pageInfo = dt.table().page.info();
+
+    ctx._pfPagination.totalItems.html(pageInfo.recordsDisplay);
+  }
+
+  /**
+   * Update total pages
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function updateTotalPages (dt) {
+    var ctx = dt.settings()[0];
+    var pageInfo = dt.table().page.info();
+
+    ctx._pfPagination.totalPages.html(pageInfo.pages);
+  }
+
+  // DataTables API
+
+  /**
+   * Navigate to next page
+   *
+   * Example: dt.table().pfPagination.next();
+   */
+  DataTable.Api.register("pfPagination.next()", function () {
+    return this.iterator("table", function (ctx) {
+      handleNextPage(new DataTable.Api(ctx));
+    });
+  });
+
+  /**
+   * Navigate to previous page
+   *
+   * Example: dt.table().pfPagination.previous();
+   */
+  DataTable.Api.register("pfPagination.previous()", function () {
+    return this.iterator("table", function (ctx) {
+      handlePreviousPage(new DataTable.Api(ctx));
+    });
+  });
+
+  // DataTables creation
+  $(document).on("init.dt", function (e, ctx, json) {
+    if (e.namespace !== "dt") {
+      return;
+    }
+    DataTable.pfPagination.init(new DataTable.Api(ctx));
+  });
+  return DataTable.pfPagination;
+}));

data/dist/js/patternfly.dataTables.pfPagination.min.js

@@ -0,0 +1 @@
+!function(factory){"use strict";"function"==typeof define&&define.amd?define(["jquery","datatables.net"],function($){return factory($,window,document)}):"object"==typeof exports?module.exports=function(root,$){return root||(root=window),$&&$.fn.dataTable||($=require("datatables.net")(root,$).$),factory($,root,root.document)}:factory(jQuery,window,document)}(function($,window,document,undefined){"use strict";function handleCurrentPage(dt){var ctx=dt.settings()[0];ctx._pfPagination.currentPage!==undefined&&0!==ctx._pfPagination.currentPage.length&&ctx._pfPagination.currentPage.on("keypress",function(e){var page,pageInfo=dt.table().page.info();return 13!==(e.keyCode?e.keyCode:e.which)||(e.preventDefault(),page=parseInt(this.value)-1,page>=0&&page<pageInfo.pages?dt.table().page(page).draw("page"):updateCurrentPage(dt),!1)})}function handleFirstPage(dt){var ctx=dt.settings()[0];ctx._pfPagination.firstPage!==undefined&&0!==ctx._pfPagination.firstPage.length&&$(ctx._pfPagination.firstPage).closest("li").on("click",function(e){dt.table().page("first").draw("page")})}function handleLastPage(dt){var ctx=dt.settings()[0];ctx._pfPagination.lastPage!==undefined&&0!==ctx._pfPagination.lastPage.length&&$(ctx._pfPagination.lastPage).closest("li").on("click",function(e){dt.table().page("last").draw("page")})}function handleNextPage(dt){var ctx=dt.settings()[0];ctx._pfPagination.nextPage!==undefined&&0!==ctx._pfPagination.nextPage.length&&$(ctx._pfPagination.nextPage).closest("a").on("click",function(e){dt.table().page("next").draw("page")})}function handlePageSize(dt){var ctx=dt.settings()[0];ctx._pfPagination.pageSize!==undefined&&0!==ctx._pfPagination.pageSize.length&&ctx._pfPagination.pageSize.on("change",function(e){ctx._pfPagination.currentPageSize=parseInt(this.value),dt.table().page.len(ctx._pfPagination.currentPageSize).draw("page")})}function handlePreviousPage(dt){var ctx=dt.settings()[0];ctx._pfPagination.previousPage!==undefined&&0!==ctx._pfPagination.previousPage.length&&$(ctx._pfPagination.previousPage).closest("a").on("click",function(e){dt.table().page("previous").draw("page")})}function updateCurrentPage(dt){var ctx=dt.settings()[0],pageInfo=dt.table().page.info(),page=0===pageInfo.recordsDisplay?0:pageInfo.page+1;ctx._pfPagination.currentPage!==undefined&&0!==ctx._pfPagination.currentPage.length&&(pageInfo.recordsDisplay>pageInfo.length?$(ctx._pfPagination.currentPage).prop("disabled",!1):$(ctx._pfPagination.currentPage).prop("disabled",!0),$(ctx._pfPagination.currentPage).val(page))}function updateBackActions(dt){var ctx=dt.settings()[0];0===dt.table().page.info().page?$("li",ctx._pfPagination.backActions).each(function(){$(this).addClass("disabled")}):$("li",ctx._pfPagination.backActions).each(function(){$(this).removeClass("disabled")})}function updateCurrentItems(dt){var ctx=dt.settings()[0],pageInfo=dt.table().page.info(),start=0===pageInfo.recordsDisplay?0:pageInfo.start+1;ctx._pfPagination.currentItems.html(start+"-"+pageInfo.end)}function updateForwardActions(dt){var ctx=dt.settings()[0],pageInfo=dt.table().page.info();0===pageInfo.recordsDisplay||pageInfo.page===pageInfo.pages-1?$("li",ctx._pfPagination.forwardActions).each(function(){$(this).addClass("disabled")}):$("li",ctx._pfPagination.forwardActions).each(function(){$(this).removeClass("disabled")})}function updateTotalItems(dt){var ctx=dt.settings()[0],pageInfo=dt.table().page.info();ctx._pfPagination.totalItems.html(pageInfo.recordsDisplay)}function updateTotalPages(dt){var ctx=dt.settings()[0],pageInfo=dt.table().page.info();ctx._pfPagination.totalPages.html(pageInfo.pages)}var DataTable=$.fn.dataTable;return DataTable.pfPagination={},DataTable.pfPagination.init=function(dt){var ctx=dt.settings()[0],opts=ctx.oInit.pfConfig?ctx.oInit.pfConfig:{};ctx._pfPagination={},ctx._pfPagination.backActions=$(".pagination-pf-back",opts.paginationSelector),ctx._pfPagination.currentItems=$(".pagination-pf-items-current",opts.paginationSelector),ctx._pfPagination.currentPage=$(".pagination-pf-page",opts.paginationSelector),ctx._pfPagination.firstPage=$(".pagination-pf-back .fa-angle-double-left",opts.paginationSelector),ctx._pfPagination.forwardActions=$(".pagination-pf-forward",opts.paginationSelector),ctx._pfPagination.lastPage=$(".pagination-pf-forward .fa-angle-double-right",opts.paginationSelector),ctx._pfPagination.nextPage=$(".pagination-pf-forward .fa-angle-right",opts.paginationSelector),ctx._pfPagination.pageSize=$("select.pagination-pf-pagesize",opts.paginationSelector),ctx._pfPagination.previousPage=$(".pagination-pf-back .fa-angle-left",opts.paginationSelector),ctx._pfPagination.totalItems=$(".pagination-pf-items-total",opts.paginationSelector),ctx._pfPagination.totalPages=$(".pagination-pf-pages",opts.paginationSelector),ctx._pfPagination.currentPageSize=opts.pageSize!==undefined?opts.pageSize:15,handleCurrentPage(dt),handleFirstPage(dt),handleLastPage(dt),handlePageSize(dt),handleNextPage(dt),handlePreviousPage(dt),dt.on("draw.page",function(){updateCurrentPage(dt),updateCurrentItems(dt),updateTotalItems(dt),updateTotalPages(dt),updateBackActions(dt),updateForwardActions(dt)}),dt.table().page.len(ctx._pfPagination.currentPageSize),dt.table().draw("page")},DataTable.Api.register("pfPagination.next()",function(){return this.iterator("table",function(ctx){handleNextPage(new DataTable.Api(ctx))})}),DataTable.Api.register("pfPagination.previous()",function(){return this.iterator("table",function(ctx){handlePreviousPage(new DataTable.Api(ctx))})}),$(document).on("init.dt",function(e,ctx,json){"dt"===e.namespace&&DataTable.pfPagination.init(new DataTable.Api(ctx))}),DataTable.pfPagination});

data/dist/js/patternfly.dataTables.pfResize.js

@@ -0,0 +1,214 @@
+/**
+ * @summary     pfResize for DataTables
+ * @description A collection of API methods providing resize functionality in DataTables. This ensures DataTables
+ * meets the Patternfly design pattern for IE browsers. Inline actions are typically located in the last column of
+ * DataTables and expected to be styled with table-view-pf-actions. Inline action buttons must also be wrapped with the
+ * table-view-pf-btn class.
+ *
+ * Example:
+ *
+ * <!-- NOTE: Some configuration may be omitted for clarity -->
+ * ...
+ * <table class="table table-striped table-bordered table-hover" id="table1">
+ *   <thead>
+ *     <tr>
+ *       <th><input type="checkbox" name="selectAll"></th>
+ *       <th>Rendering Engine</th>
+ *       <th>Browser</th>
+ *       <th colspan="2">Actions</th>
+ *     </tr>
+ *   </thead>
+ * </table>
+ * ...
+ * <script>
+ * // NOTE: Some properties may be omitted for clarity
+ * $(document).ready(function() {
+ *   var dt = $("#table1").DataTable({
+ *     columns: [
+ *       { data: null, ... },
+ *       { data: "engine" },
+ *       { data: "browser" }
+ *       { data: null,
+ *         className: "table-view-pf-actions",
+ *         render: function (data, type, full, meta) {
+ *           // Inline action button renderer
+ *           return '<div class="table-view-pf-btn"><button class="btn btn-default" type="button">Actions</button></div>';
+ *         }
+ *       }, {
+ *         data: null,
+ *         className: "table-view-pf-actions",
+ *         render: function (data, type, full, meta) {
+ *           // Inline action kebab renderer
+ *           return '<div class="dropdown dropdown-kebab-pf">' +
+ *             '<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">' +
+ *             '<span class="fa fa-ellipsis-v"></span></button>' +
+ *             '<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">' +
+ *             '<li><a href="#">Action</a></li>' +
+ *             '<li><a href="#">Another action</a></li>' +
+ *             '<li><a href="#">Something else here</a></li>' +
+ *             '<li role="separator" class="divider"></li>' +
+ *             '<li><a href="#">Separated link</a></li></ul></div>';
+ *         }
+ *       }
+ *     ],
+ *     data: [
+ *       { engine: "Gecko", browser: "Firefox" }
+ *       { engine: "Trident", browser: "Mozilla" }
+ *     ],
+ *     dom: "t",
+ *     pfConfig: {
+ *       ...
+ *     }
+ *   });
+ *   dt.table().pfResize.resize(); // Optional API to force resize
+ * });
+ * </script>
+ *
+ * Note: This functionality requires the following Javascript library files to be loaded:
+ *
+ * https://cdn.datatables.net/select/1.2.0/js/dataTables.select.min.js
+ */
+(function (factory) {
+  "use strict";
+  if (typeof define === "function" && define.amd ) {
+    // AMD
+    define (["jquery", "datatables.net"], function ($) {
+      return factory ($, window, document);
+    });
+  } else if (typeof exports === "object") {
+    // CommonJS
+    module.exports = function (root, $) {
+      if (!root) {
+        root = window;
+      }
+      if (!$ || !$.fn.dataTable) {
+        $ = require("datatables.net")(root, $).$;
+      }
+      return factory($, root, root.document);
+    };
+  } else {
+    // Browser
+    factory(jQuery, window, document);
+  }
+}(function ($, window, document, undefined) {
+  "use strict";
+  var DataTable = $.fn.dataTable;
+  var BUTTON_ACTIONS_SELECTOR = "td.table-view-pf-actions .table-view-pf-btn";
+  var KEBAB_ACTIONS_SELECTOR = "td.table-view-pf-actions .dropdown";
+
+  DataTable.pfResize = {};
+
+  /**
+   * Initialize
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  DataTable.pfResize.init = function (dt) {
+    var ctx = dt.settings()[0];
+
+    ctx._pfResize = {};
+
+    if (isIE()) {
+      // Resize buttons to fill table cells.
+      $(window).on("resize", function () {
+        resize(dt);
+      });
+
+      // Initialize
+      resize(dt);
+    }
+  };
+
+  // Local functions
+
+  /**
+   * Get inline actions
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function getActions (dt) {
+    return $(BUTTON_ACTIONS_SELECTOR + ", " + KEBAB_ACTIONS_SELECTOR, dt.table().container());
+  }
+
+  /**
+   * Detect IE
+   *
+   * @return {boolean} True if IE is detected
+   * @private
+   */
+  function isIE () {
+    return /(MSIE|Trident\/|Edge\/)/i.test(window.navigator.userAgent);
+  }
+
+  /**
+   * Reset table cell height prior to resizing inline actions
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @param {Object} actions Inline actions to reset height
+   * @private
+   */
+  function resetTableCells (dt, actions) {
+    if (actions === undefined || actions.length === 0) {
+      return;
+    }
+    $(actions).each(function (index, el) {
+      $(el).css({height: "auto"});
+    });
+  }
+
+  /**
+   * Resize inline actions
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function resize (dt) {
+    var actions = $(BUTTON_ACTIONS_SELECTOR + ", " + KEBAB_ACTIONS_SELECTOR, dt.table().container());
+    resetTableCells(dt, actions);
+    resizeInlineActions(dt, actions);
+  }
+
+  /**
+   * Resize inline actions to fill table cells
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @param {Object} actions Inline actions to resize
+   * @private
+   */
+  function resizeInlineActions (dt, actions) {
+    if (actions === undefined || actions.length === 0) {
+      return;
+    }
+    $(actions).each(function (index, el) {
+      var parent = $(el).parent("td");
+      if (parent === undefined || parent.length === 0) {
+        return;
+      }
+      $(el).css({height: parent[0].clientHeight});
+    });
+  }
+
+  // DataTables API
+
+  /**
+   * Resize inline actions
+   *
+   * Example: dt.table().pfResize.resize();
+   */
+  DataTable.Api.register("pfResize.resize()", function () {
+    return this.iterator("table", function (ctx) {
+      resize(new DataTable.Api(ctx));
+    });
+  });
+
+  // DataTables creation
+  $(document).on("init.dt", function (e, ctx, json) {
+    if (e.namespace !== "dt") {
+      return;
+    }
+    DataTable.pfResize.init(new DataTable.Api(ctx));
+  });
+  return DataTable.pfResize;
+}));

data/dist/js/patternfly.dataTables.pfResize.min.js

@@ -0,0 +1 @@
+!function(factory){"use strict";"function"==typeof define&&define.amd?define(["jquery","datatables.net"],function($){return factory($,window,document)}):"object"==typeof exports?module.exports=function(root,$){return root||(root=window),$&&$.fn.dataTable||($=require("datatables.net")(root,$).$),factory($,root,root.document)}:factory(jQuery,window,document)}(function($,window,document,undefined){"use strict";function isIE(){return/(MSIE|Trident\/|Edge\/)/i.test(window.navigator.userAgent)}function resetTableCells(dt,actions){actions!==undefined&&0!==actions.length&&$(actions).each(function(index,el){$(el).css({height:"auto"})})}function resize(dt){var actions=$(BUTTON_ACTIONS_SELECTOR+", "+KEBAB_ACTIONS_SELECTOR,dt.table().container());resetTableCells(dt,actions),resizeInlineActions(dt,actions)}function resizeInlineActions(dt,actions){actions!==undefined&&0!==actions.length&&$(actions).each(function(index,el){var parent=$(el).parent("td");parent!==undefined&&0!==parent.length&&$(el).css({height:parent[0].clientHeight})})}var DataTable=$.fn.dataTable,BUTTON_ACTIONS_SELECTOR="td.table-view-pf-actions .table-view-pf-btn",KEBAB_ACTIONS_SELECTOR="td.table-view-pf-actions .dropdown";return DataTable.pfResize={},DataTable.pfResize.init=function(dt){dt.settings()[0]._pfResize={},isIE()&&($(window).on("resize",function(){resize(dt)}),resize(dt))},DataTable.Api.register("pfResize.resize()",function(){return this.iterator("table",function(ctx){resize(new DataTable.Api(ctx))})}),$(document).on("init.dt",function(e,ctx,json){"dt"===e.namespace&&DataTable.pfResize.init(new DataTable.Api(ctx))}),DataTable.pfResize});