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

data/dist/js/patternfly-settings.min.js

@@ -1 +0,0 @@
-!function(window){"use strict";var patternfly={version:"3.54.7"};patternfly.pfBreakpoints={tablet:768,desktop:1200},window.patternfly=patternfly}("undefined"!=typeof window?window:global),function(window){"use strict";window.patternfly.pfPaletteColors={black:"#030303",black100:"#fafafa",black200:"#ededed",black300:"#d1d1d1",black400:"#bbbbbb",black500:"#8b8d8f",black600:"#72767b",black700:"#4d5258",black800:"#393f44",black900:"#292e34",blue:"#0088ce",blue100:"#bee1f4",blue200:"#7dc3e8",blue300:"#39a5dc",blue400:"#0088ce",blue500:"#00659c",blue600:"#004368",blue700:"#002235",gold:"#f0ab00",gold100:"#fbeabc",gold200:"#f9d67a",gold300:"#f5c12e",gold400:"#f0ab00",gold500:"#b58100",gold600:"#795600",gold700:"#3d2c00",orange:"#ec7a08",orange100:"#fbdebf",orange200:"#f7bd7f",orange300:"#f39d3c",orange400:"#ec7a08",orange500:"#b35c00",orange600:"#773d00",orange700:"#3b1f00",lightBlue:"#00b9e4",lightBlue100:"#beedf9",lightBlue200:"#7cdbf3",lightBlue300:"#35caed",lightBlue400:"#00b9e4",lightBlue500:"#008bad",lightBlue600:"#005c73",lightBlue700:"#002d39",green:"#3f9c35",green100:"#cfe7cd",green200:"#9ecf99",green300:"#6ec664",green400:"#3f9c35",green500:"#2d7623",green600:"#1e4f18",green700:"#0f280d",lightGreen:"#92d400",lightGreen100:"#e4f5bc",lightGreen200:"#c8eb79",lightGreen300:"#ace12e",lightGreen400:"#92d400",lightGreen500:"#6ca100",lightGreen600:"#486b00",lightGreen700:"#253600",cyan:"#007a87",cyan100:"#bedee1",cyan200:"#7dbdc3",cyan300:"#3a9ca6",cyan400:"#007a87",cyan500:"#005c66",cyan600:"#003d44",cyan700:"#001f22",purple:"#703fec",purple100:"#c7bfff",purple200:"#a18fff",purple300:"#8461f7",purple400:"#703fec",purple500:"#582fc0",purple600:"#40199a",purple700:"#1f0066",red:"#cc0000",red100:"#cc0000",red200:"#a30000",red300:"#8b0000",red400:"#470000",red500:"#2c0000"}}("undefined"!=typeof window?window:global),function(window){"use strict";var patternfly=window.patternfly;patternfly.pfSetDonutChartTitle=function(selector,primary,secondary){var donutChartRightTitle=window.d3.select(selector).select("text.c3-chart-arcs-title");donutChartRightTitle.text(""),donutChartRightTitle.insert("tspan").text(primary).classed("donut-title-big-pf",!0).attr("dy",0).attr("x",0),donutChartRightTitle.insert("tspan").text(secondary).classed("donut-title-small-pf",!0).attr("dy",20).attr("x",0)},patternfly.pfDonutTooltipContents=function(d,defaultTitleFormat,defaultValueFormat,color){return'<table class="c3-tooltip">  <tr>    <td><span style="background-color:'+color(d[0].id)+'"></span><strong>'+d[0].value+"</strong> "+d[0].name+"</td>    <td>"+Math.round(1e3*d[0].ratio)/10+"%</td>  </tr></table>"},patternfly.pfGetUtilizationDonutTooltipContentsFn=function(units){return function(d){return'<span class="donut-tooltip-pf" style="white-space: nowrap;">'+Math.round(1e3*d[0].ratio)/10+"% "+units+" "+d[0].name+"</span>"}},patternfly.pfGetBarChartTooltipContentsFn=function(categories){return function(d){return'<table class="c3-tooltip">  <tr>    <td><strong>'+(categories?categories[d[0].index]:d[0].index)+":</td>    <td>"+d[0].value+"</td>  </tr></table>"}},patternfly.pfSingleLineChartTooltipContentsFn=function(categories){return function(d){return'<table class="c3-tooltip">  <tr>    <td><strong>'+(categories?categories[d[0].index]:d[0].index)+":</td>    <td>"+d[0].value+"</td>  </tr></table>"}},patternfly.pfPieTooltipContents=function(d,defaultTitleFormat,defaultValueFormat,color){return patternfly.pfDonutTooltipContents(d,defaultTitleFormat,defaultValueFormat,color)},patternfly.c3ChartDefaults=function(){var getDefaultColors=function(){return{pattern:[patternfly.pfPaletteColors.blue,patternfly.pfPaletteColors.blue300,patternfly.pfPaletteColors.green,patternfly.pfPaletteColors.orange,patternfly.pfPaletteColors.red]}},getDefaultBarGrid=function(){return{y:{show:!0}}},getDefaultBarTooltip=function(categories){return{contents:patternfly.pfGetBarChartTooltipContentsFn(categories)}},getDefaultBarLegend=function(){return{show:!1}},getDefaultBarConfig=function(categories){return{color:this.getDefaultColors(),grid:this.getDefaultBarGrid(),tooltip:this.getDefaultBarTooltip(categories),legend:this.getDefaultBarLegend()}},getDefaultGroupedBarGrid=function(){return{y:{show:!0}}},getDefaultGroupedBarLegend=function(){return{show:!0,position:"bottom"}},getDefaultGroupedBarConfig=function(){return{color:this.getDefaultColors(),grid:this.getDefaultGroupedBarGrid(),legend:this.getDefaultGroupedBarLegend()}},getDefaultStackedBarGrid=function(){return{y:{show:!0}}},getDefaultStackedBarLegend=function(){return{show:!0,position:"bottom"}},getDefaultStackedBarConfig=function(){return{color:this.getDefaultColors(),grid:this.getDefaultStackedBarGrid(),legend:this.getDefaultStackedBarLegend()}},getDefaultDonut=function(title){return{title:title,label:{show:!1},width:11}},getDefaultDonutSize=function(){return{height:171}},getDefaultDonutColors=function(){return{pattern:[patternfly.pfPaletteColors.blue,patternfly.pfPaletteColors.black300]}},getDefaultRelationshipDonutColors=function(){return{pattern:[patternfly.pfPaletteColors.blue,patternfly.pfPaletteColors.red100,patternfly.pfPaletteColors.orange400,patternfly.pfPaletteColors.green400,patternfly.pfPaletteColors.cyan500,patternfly.pfPaletteColors.gold200]}},getDefaultDonutTooltip=function(){return{show:!1}},getDefaultDonutLegend=function(){return{show:!1}},getDefaultDonutConfig=function(title){return{donut:this.getDefaultDonut(title),size:this.getDefaultDonutSize(),legend:this.getDefaultDonutLegend(),color:this.getDefaultDonutColors(),tooltip:this.getDefaultDonutTooltip()}},getDefaultRelationshipDonutConfig=function(title){return{donut:this.getDefaultDonut(title),size:this.getDefaultDonutSize(),legend:this.getDefaultDonutLegend(),color:this.getDefaultRelationshipDonutColors(),tooltip:this.getDefaultDonutTooltip()}},getDefaultPie=function(){return{expand:!0,label:{show:!1}}},getDefaultPieSize=function(){return{height:171}},getDefaultPieColors=function(){return{pattern:[patternfly.pfPaletteColors.blue,patternfly.pfPaletteColors.black300]}},getDefaultPieTooltip=function(){return{contents:patternfly.pfPieTooltipContents}},getDefaultPieLegend=function(){return{show:!1}},getDefaultPieConfig=function(){return{pie:this.getDefaultPie(),size:this.getDefaultPieSize(),legend:this.getDefaultPieLegend(),color:this.getDefaultPieColors(),tooltip:this.getDefaultPieTooltip()}},getDefaultSparklineArea=function(){return{zerobased:!0}},getDefaultSparklineSize=function(){return{height:60}},getDefaultSparklineAxis=function(){return{x:{show:!1},y:{show:!1}}},getDefaultSparklineLegend=function(){return{show:!1}},getDefaultSparklinePoint=function(){return{r:1,focus:{expand:{r:4}}}},getDefaultSparklineTooltip=function(){return{contents:function(d){return'<span class="c3-tooltip-sparkline">'+d[0].value+" "+d[0].name+"</span>"}}},getDefaultSparklineConfig=function(){return{area:getDefaultSparklineArea(),size:getDefaultSparklineSize(),axis:getDefaultSparklineAxis(),color:getDefaultColors(),legend:getDefaultSparklineLegend(),point:getDefaultSparklinePoint(),tooltip:getDefaultSparklineTooltip()}},getDefaultLineAxis=function(){return{x:{show:!0},y:{show:!0}}},getDefaultLineGrid=function(){return{x:{show:!1},y:{show:!0}}},getDefaultLineLegend=function(){return{show:!0}},getDefaultLinePoint=function(){return{r:3,focus:{expand:{r:5}}}},getDefaultLineConfig=function(){return{axis:getDefaultLineAxis(),grid:getDefaultLineGrid(),color:getDefaultColors(),legend:getDefaultLineLegend(),point:getDefaultLinePoint()}},getDefaultSingleLineTooltip=function(){return{contents:patternfly.pfGetBarChartTooltipContentsFn()}},getDefaultSingleLineLegend=function(){return{show:!1}},getDefaultSingleLineConfig=function(){return{axis:getDefaultLineAxis(),grid:getDefaultLineGrid(),color:getDefaultColors(),legend:getDefaultSingleLineLegend(),point:getDefaultLinePoint(),tooltip:getDefaultSingleLineTooltip()}},getDefaultAreaAxis=function(){return getDefaultLineAxis()},getDefaultAreaGrid=function(){return getDefaultLineGrid()},getDefaultAreaLegend=function(){return getDefaultLineLegend()},getDefaultAreaPoint=function(){return getDefaultLinePoint()},getDefaultAreaConfig=function(){return{axis:getDefaultAreaAxis(),grid:getDefaultAreaGrid(),color:getDefaultColors(),legend:getDefaultAreaLegend(),point:getDefaultAreaPoint()}},getDefaultSingleAreaTooltip=function(){return{contents:patternfly.pfGetBarChartTooltipContentsFn()}},getDefaultSingleAreaLegend=function(){return getDefaultSingleLineLegend()};return{getDefaultColors:getDefaultColors,getDefaultBarGrid:getDefaultBarGrid,getDefaultBarTooltip:getDefaultBarTooltip,getDefaultBarLegend:getDefaultBarLegend,getDefaultBarConfig:getDefaultBarConfig,getDefaultGroupedBarGrid:getDefaultGroupedBarGrid,getDefaultGroupedBarLegend:getDefaultGroupedBarLegend,getDefaultGroupedBarConfig:getDefaultGroupedBarConfig,getDefaultStackedBarGrid:getDefaultStackedBarGrid,getDefaultStackedBarLegend:getDefaultStackedBarLegend,getDefaultStackedBarConfig:getDefaultStackedBarConfig,getDefaultDonut:getDefaultDonut,getDefaultDonutSize:getDefaultDonutSize,getDefaultDonutColors:getDefaultDonutColors,getDefaultDonutTooltip:getDefaultDonutTooltip,getDefaultDonutLegend:getDefaultDonutLegend,getDefaultDonutConfig:getDefaultDonutConfig,getDefaultRelationshipDonutConfig:getDefaultRelationshipDonutConfig,getDefaultPie:getDefaultPie,getDefaultPieSize:getDefaultPieSize,getDefaultPieColors:getDefaultPieColors,getDefaultRelationshipDonutColors:getDefaultRelationshipDonutColors,getDefaultPieTooltip:getDefaultPieTooltip,getDefaultPieLegend:getDefaultPieLegend,getDefaultPieConfig:getDefaultPieConfig,getDefaultSparklineArea:getDefaultSparklineArea,getDefaultSparklineSize:getDefaultSparklineSize,getDefaultSparklineAxis:getDefaultSparklineAxis,getDefaultSparklineLegend:getDefaultSparklineLegend,getDefaultSparklinePoint:getDefaultSparklinePoint,getDefaultSparklineTooltip:getDefaultSparklineTooltip,getDefaultSparklineConfig:getDefaultSparklineConfig,getDefaultLineAxis:getDefaultLineAxis,getDefaultLineGrid:getDefaultLineGrid,getDefaultLineLegend:getDefaultLineLegend,getDefaultLinePoint:getDefaultLinePoint,getDefaultLineConfig:getDefaultLineConfig,getDefaultSingleLineTooltip:getDefaultSingleLineTooltip,getDefaultSingleLineConfig:getDefaultSingleLineConfig,getDefaultAreaAxis:getDefaultAreaAxis,getDefaultAreaGrid:getDefaultAreaGrid,getDefaultAreaLegend:getDefaultAreaLegend,getDefaultAreaPoint:getDefaultAreaPoint,getDefaultAreaConfig:getDefaultAreaConfig,getDefaultSingleAreaTooltip:getDefaultSingleAreaTooltip,getDefaultSingleAreaConfig:function(){return{axis:getDefaultAreaAxis(),grid:getDefaultAreaGrid(),color:getDefaultColors(),legend:getDefaultSingleAreaLegend(),point:getDefaultAreaPoint(),tooltip:getDefaultSingleAreaTooltip()}}}}}("undefined"!=typeof window?window:global);

data/dist/js/patternfly.dataTables.pfColVis.js

@@ -1,151 +0,0 @@
-/**
- * @summary     pfColVis for DataTables
- * @description An extension providing columns visibility control functionality for DataTables. This ensures
- * DataTables meets the Patternfly design pattern with a toolbar.
- *
- * To enable a colvis, the user just need to specify a region for placing colvis menu. By default, the colvis
- * menu includes the items derived from all columns of Datatables. And of course user can also limit the
- * generation of the column's visibility checkbox through picking out column index.
- *
- * The toolbar is expected to contain the classes as shown in the example below.
- *
- * Example:
- *
- * <!-- NOTE: Some configuration may be omitted for clarity -->
- * <div class="row toolbar-pf table-view-pf-toolbar" id="toolbar1">
- *   <div class="col-sm-12">
- *     <form class="toolbar-pf-actions">
- *       <div class="form-group toolbar-pf-filter">
- *       </div>
- *       <div class="form-group toolbar-pf-sort">
- *         <div class="dropdown btn-group">
- *         </div>
- *         <button class="btn btn-link" type="button">
- *           <span class="fa fa-sort-alpha-asc"></span>
- *         </button>
- *         <div class="dropdown btn-group">
- *          <button class="btn btn-link dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
- *           <span class="fa fa-columns"></span>
- *          </button>
- *          <ul class="dropdown-menu table-view-pf-colvis-menu">
- *            <li><input type="checkbox" value="1" checked><label>Rendering Engine</label></li>
- *            <li><input type="checkbox" value="2" checked><label>Browser</label></li>
- *            <li><input type="checkbox" value="3" checked><label>Platform(s)</label></li>
- *            <li><input type="checkbox" value="4" checked><label>Engine Version</label></li>
- *            <li><input type="checkbox" value="5" checked><label>CSS Grade</label></li>
- *          </ul>
- *         </div>
- *       </div>
- *       ...
- *     </form>
- *   </div>
- * </div>
- * <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>
- * ...
- * <script>
- * // NOTE: Some properties may be omitted for clarity
- * $(document).ready(function() {
- *   var dt = $("#table1").DataTable({
- *     columns: [
- *       { data: null, ... },
- *       { data: "engine" },
- *       { data: "browser" }
- *     ],
- *     data: [
- *       { engine: "Gecko", browser: "Firefox" }
- *       { engine: "Trident", browser: "Mozilla" }
- *     ],
- *     dom: "t",
- *     pfConfig: {
- *       ...
- *       colvisMenuSelector: '.table-view-pf-colvis-menu'
- *     }
- *   });
- *
- * });
- * </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;
-
-  DataTable.pfColVis = {};
-
-  /**
-   * Initialize
-   *
-   * @param {DataTable.Api} dt DataTable
-   * @private
-   */
-  DataTable.pfColVis.init = function (dt) {
-    var i;
-    var ctx = dt.settings()[0];
-    var opts = (ctx.oInit.pfConfig) ? ctx.oInit.pfConfig : {};
-
-    if (opts.colvisMenuSelector === undefined) {
-      return;
-    }
-
-    ctx._pfColVis = {};
-    ctx._pfColVis.colvisMenu = $(opts.colvisMenuSelector, opts.toolbarSelector);
-
-    // Attach event handler for checkbox of ColVis menu
-    ctx._pfColVis.colvisMenu.on('click', 'li', { 'dt': dt }, colvisMenuHandler);
-  };
-
-  // Local functions
-
-  /**
-   * Handle actions when ColVis menu items are toggled
-   *
-   * @param {object} jquery eventObject - click event of ColVis menu items
-   * @private
-   */
-  function colvisMenuHandler (event) {
-    var $check = $(this).children(':checkbox');
-    if (event.target.nodeName !== 'INPUT') {
-      event.stopPropagation();
-      $check.prop('checked', !$check.prop('checked'));
-    }
-    event.data.dt.column($check.val()).visible($check.prop('checked'));
-  }
-
-  // DataTables creation
-  $(document).on("init.dt", function (e, ctx, json) {
-    if (e.namespace !== "dt") {
-      return;
-    }
-    DataTable.pfColVis.init(new DataTable.Api(ctx));
-  });
-  return DataTable.pfColVis;
-}));

data/dist/js/patternfly.dataTables.pfEmpty.js

@@ -1,253 +0,0 @@
-/**
- * @summary     pfEmpty for DataTables
- * @description A collection of API methods providing functionality to hide and show elements when DataTables is empty.
- * This ensures DataTables meets the Patternfly design pattern with a toolbar and empty state.
- *
- * When DataTable is redrawn and data length is zero, controls under the toolbar-pf-actions and toolbar-pf-results
- * classes are disabled; including the filter drop down, filter input, action buttons, kebab, find, etc. (You may
- * re-enable specific controls via the DataTables "draw.dt" event.) In addition, the DataTables empty table header and
- * row are hidden while the empty state (i.e., blank slate) layout is shown.
- *
- * The toolbar and empty state layouts are expected to contain the classes as shown in the example below.
- *
- * Example:
- *
- * <!-- NOTE: Some configuration may be omitted for clarity -->
- * <div class="row toolbar-pf table-view-pf-toolbar" id="toolbar1">
- *   <div class="col-sm-12">
- *     <form class="toolbar-pf-actions">
- *       ...
- *     </form>
- *     <div class="row toolbar-pf-results">
- *       ...
- *     </div>
- *   </div>
- * </div>
- * <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>
- * <div class="blank-slate-pf table-view-pf-empty hidden" id="emptyState1">
- *   <div class="blank-slate-pf-icon">
- *     <span class="pficon pficon pficon-add-circle-o"></span>
- *   </div>
- *   <h1>Empty State Title</h1>
- *   ...
- * </div>
- * <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: {
- *       emptyStateSelector: "#emptyState1",
- *       ...
- *       toolbarSelector: "#toolbar1"
- *     }
- *   });
- *   dt.table().pfEmpty.updateState(); // Optional API to force update
- * });
- * </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 ACTIONS_SELECTOR = ".toolbar-pf-actions"; // Toolbar actions
-  var RESULTS_SELECTOR = ".toolbar-pf-results"; // Toolbar results row
-
-  DataTable.pfEmpty = {};
-
-  /**
-   * Initialize
-   *
-   * @param {DataTable.Api} dt DataTable
-   * @private
-   */
-  DataTable.pfEmpty.init = function (dt) {
-    var ctx = dt.settings()[0];
-    var opts = (ctx.oInit.pfConfig) ? ctx.oInit.pfConfig : {};
-
-    ctx._pfEmpty = {};
-    ctx._pfEmpty.emptyState = $(opts.emptyStateSelector); // Empty state (Blank slate)
-    ctx._pfEmpty.isEmptyState = false; // Flag indicating DatTable entered an empty state
-    ctx._pfEmpty.pagination = $(opts.paginationSelector); // Pagination
-    ctx._pfEmpty.tbody = $("tbody", dt.table().container()); // Table body
-    ctx._pfEmpty.thead = $("thead", dt.table().container()); // Table head
-    ctx._pfEmpty.toolbarActions = $(ACTIONS_SELECTOR, opts.toolbarSelector); // Toolbar actions
-    ctx._pfEmpty.toolbarResults = $(RESULTS_SELECTOR, opts.toolbarSelector); // Toolbar results row
-
-    // Update table on DataTables draw event
-    dt.on("draw.dt", function () {
-      updateState(dt);
-    });
-
-    // Initialize
-    updateState(dt);
-  };
-
-  // Local functions
-
-  /**
-   * Disable and hide elements when DataTables has no data
-   *
-   * @param {DataTable.Api} dt DataTable
-   * @private
-   */
-  function updateEmptyState (dt) {
-    var ctx = dt.settings()[0];
-
-    // Show blank slate
-    if (ctx._pfEmpty.emptyState !== undefined && ctx._pfEmpty.emptyState.length !== 0) {
-      ctx._pfEmpty.emptyState.removeClass("hidden");
-    }
-    // Hide zero records message
-    if (ctx._pfEmpty.tbody !== undefined && ctx._pfEmpty.tbody.length !== 0) {
-      ctx._pfEmpty.tbody.addClass("hidden");
-    }
-    // Hide column headers
-    if (ctx._pfEmpty.thead !== undefined && ctx._pfEmpty.thead.length !== 0) {
-      ctx._pfEmpty.thead.addClass("hidden");
-    }
-    // Disable all buttons
-    if (ctx._pfEmpty.toolbarActions !== undefined && ctx._pfEmpty.toolbarActions.length !== 0) {
-      $("button", ctx._pfEmpty.toolbarActions).prop("disabled", true);
-    }
-    // Disable all inputs
-    if (ctx._pfEmpty.toolbarActions !== undefined && ctx._pfEmpty.toolbarActions.length !== 0) {
-      $("input", ctx._pfEmpty.toolbarActions).prop("disabled", true);
-    }
-    // Hide results container
-    if (ctx._pfEmpty.toolbarResults !== undefined && ctx._pfEmpty.toolbarResults.length !== 0) {
-      ctx._pfEmpty.toolbarResults.children().addClass("hidden");
-    }
-    // Hide pagination
-    if (ctx._pfEmpty.pagination !== undefined && ctx._pfEmpty.pagination.length !== 0) {
-      ctx._pfEmpty.pagination.addClass("hidden");
-    }
-    // Enable on empty
-    if (ctx._pfEmpty.enableOnEmpty !== undefined) {
-      $(ctx._pfEmpty.enableOnEmpty).prop("disabled", false);
-    }
-    // Enable on empty
-    if (ctx._pfEmpty.enableOnEmpty !== undefined) {
-      $(ctx._pfEmpty.enableOnEmpty).prop("disabled", false);
-    }
-  }
-
-  /**
-   * Enable and show elements when DataTables has data
-   *
-   * @param {DataTable.Api} dt DataTable
-   * @private
-   */
-  function updateNonEmptyState (dt) {
-    var ctx = dt.settings()[0];
-
-    // Hide blank slate
-    if (ctx._pfEmpty.emptyState !== undefined && ctx._pfEmpty.emptyState.length !== 0) {
-      ctx._pfEmpty.emptyState.addClass("hidden");
-    }
-    // Show table body
-    if (ctx._pfEmpty.tbody !== undefined && ctx._pfEmpty.tbody.length !== 0) {
-      ctx._pfEmpty.tbody.removeClass("hidden");
-    }
-    // Show column headers
-    if (ctx._pfEmpty.thead !== undefined && ctx._pfEmpty.thead.length !== 0) {
-      ctx._pfEmpty.thead.removeClass("hidden");
-    }
-    // Enable all buttons
-    if (ctx._pfEmpty.toolbarActions !== undefined && ctx._pfEmpty.toolbarActions.length !== 0) {
-      $("button", ctx._pfEmpty.toolbarActions).prop("disabled", false);
-    }
-    // Enable all inputs
-    if (ctx._pfEmpty.toolbarActions !== undefined && ctx._pfEmpty.toolbarActions.length !== 0) {
-      $("input", ctx._pfEmpty.toolbarActions).prop("disabled", false);
-    }
-    // Show results container
-    if (ctx._pfEmpty.toolbarResults !== undefined && ctx._pfEmpty.toolbarResults.length !== 0) {
-      ctx._pfEmpty.toolbarResults.children().removeClass("hidden");
-    }
-    // Show pagination
-    if (ctx._pfEmpty.pagination !== undefined && ctx._pfEmpty.pagination.length !== 0) {
-      ctx._pfEmpty.pagination.removeClass("hidden");
-    }
-  }
-
-  /**
-   * Update elements upon empty DataTable state
-   *
-   * @param {DataTable.Api} dt DataTable
-   * @private
-   */
-  function updateState (dt) {
-    var ctx = dt.settings()[0];
-
-    // Don't enable or show elements unless DataTable was empty
-    if (dt.data().length === 0) {
-      ctx._pfEmpty.isEmptyState = true;
-      updateEmptyState(dt);
-    } else if (ctx._pfEmpty.isEmptyState === true) {
-      ctx._pfEmpty.isEmptyState = false;
-      updateNonEmptyState(dt);
-    }
-  }
-
-  // DataTables API
-
-  /**
-   * Update state upon empty or non-empty DataTable
-   *
-   * Example: dt.table().pfEmpty.updateState();
-   */
-  DataTable.Api.register("pfEmpty.updateState()", function () {
-    return this.iterator("table", function (ctx) {
-      updateState(new DataTable.Api(ctx));
-    });
-  });
-
-  // DataTables creation
-  $(document).on("init.dt", function (e, ctx, json) {
-    if (e.namespace !== "dt") {
-      return;
-    }
-    DataTable.pfEmpty.init(new DataTable.Api(ctx));
-  });
-  return DataTable.pfEmpty;
-}));

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

@@ -1 +0,0 @@
-!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 updateEmptyState(dt){var ctx=dt.settings()[0];ctx._pfEmpty.emptyState!==undefined&&0!==ctx._pfEmpty.emptyState.length&&ctx._pfEmpty.emptyState.removeClass("hidden"),ctx._pfEmpty.tbody!==undefined&&0!==ctx._pfEmpty.tbody.length&&ctx._pfEmpty.tbody.addClass("hidden"),ctx._pfEmpty.thead!==undefined&&0!==ctx._pfEmpty.thead.length&&ctx._pfEmpty.thead.addClass("hidden"),ctx._pfEmpty.toolbarActions!==undefined&&0!==ctx._pfEmpty.toolbarActions.length&&$("button",ctx._pfEmpty.toolbarActions).prop("disabled",!0),ctx._pfEmpty.toolbarActions!==undefined&&0!==ctx._pfEmpty.toolbarActions.length&&$("input",ctx._pfEmpty.toolbarActions).prop("disabled",!0),ctx._pfEmpty.toolbarResults!==undefined&&0!==ctx._pfEmpty.toolbarResults.length&&ctx._pfEmpty.toolbarResults.children().addClass("hidden"),ctx._pfEmpty.pagination!==undefined&&0!==ctx._pfEmpty.pagination.length&&ctx._pfEmpty.pagination.addClass("hidden"),ctx._pfEmpty.enableOnEmpty!==undefined&&$(ctx._pfEmpty.enableOnEmpty).prop("disabled",!1),ctx._pfEmpty.enableOnEmpty!==undefined&&$(ctx._pfEmpty.enableOnEmpty).prop("disabled",!1)}function updateNonEmptyState(dt){var ctx=dt.settings()[0];ctx._pfEmpty.emptyState!==undefined&&0!==ctx._pfEmpty.emptyState.length&&ctx._pfEmpty.emptyState.addClass("hidden"),ctx._pfEmpty.tbody!==undefined&&0!==ctx._pfEmpty.tbody.length&&ctx._pfEmpty.tbody.removeClass("hidden"),ctx._pfEmpty.thead!==undefined&&0!==ctx._pfEmpty.thead.length&&ctx._pfEmpty.thead.removeClass("hidden"),ctx._pfEmpty.toolbarActions!==undefined&&0!==ctx._pfEmpty.toolbarActions.length&&$("button",ctx._pfEmpty.toolbarActions).prop("disabled",!1),ctx._pfEmpty.toolbarActions!==undefined&&0!==ctx._pfEmpty.toolbarActions.length&&$("input",ctx._pfEmpty.toolbarActions).prop("disabled",!1),ctx._pfEmpty.toolbarResults!==undefined&&0!==ctx._pfEmpty.toolbarResults.length&&ctx._pfEmpty.toolbarResults.children().removeClass("hidden"),ctx._pfEmpty.pagination!==undefined&&0!==ctx._pfEmpty.pagination.length&&ctx._pfEmpty.pagination.removeClass("hidden")}function updateState(dt){var ctx=dt.settings()[0];0===dt.data().length?(ctx._pfEmpty.isEmptyState=!0,updateEmptyState(dt)):!0===ctx._pfEmpty.isEmptyState&&(ctx._pfEmpty.isEmptyState=!1,updateNonEmptyState(dt))}var DataTable=$.fn.dataTable;return DataTable.pfEmpty={},DataTable.pfEmpty.init=function(dt){var ctx=dt.settings()[0],opts=ctx.oInit.pfConfig?ctx.oInit.pfConfig:{};ctx._pfEmpty={},ctx._pfEmpty.emptyState=$(opts.emptyStateSelector),ctx._pfEmpty.isEmptyState=!1,ctx._pfEmpty.pagination=$(opts.paginationSelector),ctx._pfEmpty.tbody=$("tbody",dt.table().container()),ctx._pfEmpty.thead=$("thead",dt.table().container()),ctx._pfEmpty.toolbarActions=$(".toolbar-pf-actions",opts.toolbarSelector),ctx._pfEmpty.toolbarResults=$(".toolbar-pf-results",opts.toolbarSelector),dt.on("draw.dt",function(){updateState(dt)}),updateState(dt)},DataTable.Api.register("pfEmpty.updateState()",function(){return this.iterator("table",function(ctx){updateState(new DataTable.Api(ctx))})}),$(document).on("init.dt",function(e,ctx,json){"dt"===e.namespace&&DataTable.pfEmpty.init(new DataTable.Api(ctx))}),DataTable.pfEmpty});

data/dist/js/patternfly.dataTables.pfFilter.js

@@ -1,429 +0,0 @@
-/**
- * @summary     pfFilter for DataTables
- * @description A collection of API methods providing simple filter functionality for DataTables. This ensures
- * DataTables meets the Patternfly design pattern with a toolbar.
- *
- * To apply a filter, the user must press enter in the given filter input. The user may apply a filter to a different
- * column via the given filter drop down. After a filter has been applied, the filter results text, active filter
- * controls, and a clear all control are shown.
- *
- * The toolbar and empty state layouts are expected to contain the classes as shown in the example below.
- *
- * Example:
- *
- * <!-- NOTE: Some configuration may be omitted for clarity -->
- * <div class="row toolbar-pf table-view-pf-toolbar" id="toolbar1">
- *   <div class="col-sm-12">
- *     <form class="toolbar-pf-actions">
- *       <div class="form-group toolbar-pf-filter">
- *         <label class="sr-only" for="filter">Rendering Engine</label>
- *         <div class="input-group">
- *           <div class="input-group-btn">
- *             <button type="button" class="btn btn-default dropdown-toggle" id="filter" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Rendering Engine <span class="caret"></span></button>
- *             <ul class="dropdown-menu">
- *               <li><a href="#" id="filter1">Rendering Engine</a></li>
- *               <li><a href="#" id="filter2">Browser</a></li>
- *             </ul>
- *           </div>
- *           <input type="text" class="form-control" placeholder="Filter By Rendering Engine..." autocomplete="off" id="filterInput">
- *         </div>
- *       </div>
- *       ...
- *     </form>
- *     <div class="row toolbar-pf-results">
- *       <div class="col-sm-9">
- *         <div class="hidden">
- *           <h5>0 Results</h5>
- *           <p>Active filters:</p>
- *           <ul class="list-inline"></ul>
- *           <p><a href="#">Clear All Filters</a></p>
- *         </div>
- *       </div>
- *       <div class="col-sm-3 table-view-pf-select-results">
- *         <strong>0</strong> of <strong>0</strong> selected
- *       </div>
- *     </div>
- *   </div>
- * </div>
- * <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>
- * ...
- * <script>
- * // NOTE: Some properties may be omitted for clarity
- * $(document).ready(function() {
- *   var dt = $("#table1").DataTable({
- *     columns: [
- *       { data: null, ... },
- *       { data: "engine" },
- *       { data: "browser" }
- *     ],
- *     data: [
- *       { engine: "Gecko", browser: "Firefox" }
- *       { engine: "Trident", browser: "Mozilla" }
- *     ],
- *     dom: "t",
- *     pfConfig: {
- *       ...
- *       filterCaseInsensitive: true,
- *       filterCols: [
- *         null,
- *         {
- *           default: true,
- *           optionSelector: "#filter1",
- *           placeholder: "Filter By Rendering Engine..."
- *         }, {
- *           optionSelector: "#filter2",
- *           placeholder: "Filter By Browser..."
- *         }
- *       ],
- *       toolbarSelector: "#toolbar1"
- *     }
- *   });
- *   // Optional API to clear filters
- *   dt.table().pfFilter.clearFilters();
- *
- *   // Optional API to add filter
- *   dt.table().pfFilter.addFilter({
- *     column: 2,
- *     name: "Browser",
- *     value: "Firefox"
- *   });
- * });
- * </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 ACTIVE_FILTER_CONTROLS_SELECTOR = ".list-inline"; // Active filter controls
-  var CLEAR_FILTERS_SELECTOR = ".toolbar-pf-results a"; // Clear filters control
-  var FILTER_SELECTOR = ".toolbar-pf-filter"; // Filter input
-  var FILTER_BUTTON_SELECTOR = FILTER_SELECTOR + " button"; // Filter button
-  var FILTER_INPUT_SELECTOR = FILTER_SELECTOR + " input"; // Filter input
-  var FILTER_LABEL_SELECTOR = FILTER_SELECTOR + " label"; // Filter label
-  var RESULTS_SELECTOR = ".toolbar-pf-results"; // Toolbar results row
-  var FILTER_RESULTS_SELECTOR = RESULTS_SELECTOR + " h5"; // Toolbar filter results
-
-  DataTable.pfFilter = {};
-
-  /**
-   * Initialize
-   *
-   * @param {DataTable.Api} dt DataTable
-   * @private
-   */
-  DataTable.pfFilter.init = function (dt) {
-    var i;
-    var ctx = dt.settings()[0];
-    var opts = (ctx.oInit.pfConfig) ? ctx.oInit.pfConfig : {};
-
-    ctx._pfFilter = {};
-    ctx._pfFilter.filterButton = $(FILTER_BUTTON_SELECTOR, opts.toolbarSelector); // Filter button
-    ctx._pfFilter.filterCols = opts.filterCols; // Filter colums config
-    ctx._pfFilter.filterLabel = $(FILTER_LABEL_SELECTOR, opts.toolbarSelector); // Filter label
-    ctx._pfFilter.filterInput = $(FILTER_INPUT_SELECTOR, opts.toolbarSelector); // Filter input
-    ctx._pfFilter.filters = []; // Applied filters array
-    ctx._pfFilter.activeFilterControls = $(ACTIVE_FILTER_CONTROLS_SELECTOR, opts.toolbarSelector); // Active filter controls
-    ctx._pfFilter.activeFilters = ctx._pfFilter.activeFilterControls.closest("div"); // Active filters container
-    ctx._pfFilter.clearFilters = $(CLEAR_FILTERS_SELECTOR, opts.toolbarSelector); // Clear filters control
-    ctx._pfFilter.results = $(RESULTS_SELECTOR, opts.toolbarSelector); // Toolbar results row
-    ctx._pfFilter.filterCaseInsensitive = opts.filterCaseInsensitive; // Filter filter case insensitive
-    ctx._pfFilter.filterResults = $(FILTER_RESULTS_SELECTOR, opts.toolbarSelector); // Toolbar filter results
-
-    if (ctx._pfFilter.filterCols === undefined) {
-      return;
-    }
-
-    // Set default filter properties
-    for (i = 0; i < ctx._pfFilter.filterCols.length; i++) {
-      if (ctx._pfFilter.filterCols[i] === null) {
-        continue;
-      }
-      ctx._pfFilter.filterColumn = i; // Current filter column
-      ctx._pfFilter.filterName = $(ctx._pfFilter.filterCols[i].optionSelector).text(); // Name of current filter
-      if (ctx._pfFilter.filterCols[i].default === true) {
-        break;
-      }
-    }
-
-    // Handle click on filter menu to set current filter column and name
-    for (i = 0; i < ctx._pfFilter.filterCols.length; i++) {
-      handleFilterOption(dt, i); // Need to pass value of i as a function
-    }
-
-    // Handle actions when enter is pressed within filter input
-    handleFilterInput(dt);
-
-    // Handle actions when clear filters control is selected
-    handleClearFilters(dt);
-
-    // Simple filter
-    $.fn.dataTable.ext.search.push(function (ctx, data, dataIndex) {
-      var showThisRow = true;
-      // Must match all filters
-      if (ctx._pfFilter) {
-        $.each(ctx._pfFilter.filters, function (index, filter) {
-          if (ctx._pfFilter.filterCaseInsensitive !== undefined && ctx._pfFilter.filterCaseInsensitive === true) {
-            if (data[filter.column].toLowerCase().indexOf(filter.value.toLowerCase()) === -1) {
-              showThisRow = false;
-            }
-          } else {
-            if (data[filter.column].indexOf(filter.value) === -1) {
-              showThisRow = false;
-            }
-          }
-        });
-      }
-      return showThisRow;
-    });
-  };
-
-  // Local functions
-
-  /**
-   * Add active filter control
-   *
-   * @param {DataTable.Api} dt DataTable
-   * @param {object} filter Properties associated with a new filter
-   * @param {string} filter.column - Column associated with DataTable
-   * @param {string} filter.name - Name of the filter
-   * @param {string} filter.value - Value of the filter
-   * @private
-   */
-  function addActiveFilterControl (dt, filter) {
-    var ctx = dt.settings()[0];
-    var i;
-
-    // Append active filter control
-    ctx._pfFilter.activeFilterControls.append('<li><span class="label label-info">' + filter.name + ': ' +
-      filter.value + '<a href="#"><span class="pficon pficon-close"/></a></span></li>');
-
-    // Handle click to clear active filter
-    $("a", ctx._pfFilter.activeFilterControls).last().on("click", function (e) {
-      // Find existing filter and remove
-      for (i = 0; i < ctx._pfFilter.filters.length; i++) {
-        if (ctx._pfFilter.filters[i].column === filter.column && ctx._pfFilter.filters[i].value === filter.value) {
-          ctx._pfFilter.filters.splice(i, 1);
-          $(this).parents("li").remove();
-          break;
-        }
-      }
-      if (ctx._pfFilter.filters.length === 0) {
-        ctx._pfFilter.activeFilters.addClass("hidden"); // Hide
-      }
-      dt.draw();
-      updateFilterResults(dt);
-    });
-    // Show active filters
-    ctx._pfFilter.activeFilters.removeClass("hidden");
-  }
-
-  /**
-   * Add filter
-   *
-   * @param {DataTable.Api} dt DataTable
-   * @param {object} filter Properties associated with a new filter
-   * @param {string} filter.column - Column associated with DataTable
-   * @param {string} filter.name - Name of the filter
-   * @param {string} filter.value - Value of the filter
-   * @private
-   */
-  function addFilter (dt, filter) {
-    var ctx = dt.settings()[0];
-    var found = false;
-
-    // Find existing entry
-    $.grep(ctx._pfFilter.filters, function (f) {
-      if (f.column === filter.column && f.value === filter.value) {
-        found = true;
-      }
-    });
-
-    // Add new filter
-    if (!found) {
-      ctx._pfFilter.filters.push(filter);
-      dt.draw();
-      addActiveFilterControl(dt, filter);
-      updateFilterResults(dt);
-    }
-    ctx._pfFilter.filterInput.val(""); // Clear input
-  }
-
-  /**
-   * Clear filters
-   *
-   * @param {DataTable.Api} dt DataTable
-   * @private
-   */
-  function clearFilters (dt) {
-    var ctx = dt.settings()[0];
-    ctx._pfFilter.filters.length = 0; // Reset filters
-    ctx._pfFilter.activeFilterControls.html(""); // Remove active filter controls
-    ctx._pfFilter.activeFilters.addClass("hidden"); // Hide active filters area
-    dt.draw();
-  }
-
-  /**
-   * Handle actions when clear filters control is selected
-   *
-   * @param {DataTable.Api} dt DataTable
-   * @private
-   */
-  function handleClearFilters (dt) {
-    var ctx = dt.settings()[0];
-    if (ctx._pfFilter.clearFilters === undefined || ctx._pfFilter.clearFilters.length === 0) {
-      return;
-    }
-    ctx._pfFilter.clearFilters.on("click", function (e) {
-      clearFilters(dt);
-    });
-  }
-
-  /**
-   * Handle actions when enter is pressed within filter input
-   *
-   * @param {DataTable.Api} dt DataTable
-   * @private
-   */
-  function handleFilterInput (dt) {
-    var ctx = dt.settings()[0];
-    if (ctx._pfFilter.filterInput === undefined || ctx._pfFilter.filterInput.length === 0) {
-      return;
-    }
-    ctx._pfFilter.filterInput.on("keypress", function (e) {
-      var keycode = (e.keyCode ? e.keyCode : e.which);
-      if (keycode === 13) {
-        e.preventDefault();
-        if (this.value.trim().length > 0) {
-          addFilter(dt, {
-            column: ctx._pfFilter.filterColumn,
-            name: ctx._pfFilter.filterName,
-            value: this.value
-          });
-        }
-        return false;
-      }
-      return true;
-    });
-  }
-
-  /**
-   * Handle actions when filter options are selected
-   *
-   * @param {DataTable.Api} dt DataTable
-   * @param {number} i The column associated with this handler
-   * @private
-   */
-  function handleFilterOption (dt, i) {
-    var ctx = dt.settings()[0];
-    if (ctx._pfFilter.filterCols[i] === null || ctx._pfFilter.filterCols[i].optionSelector === undefined) {
-      return;
-    }
-    $(ctx._pfFilter.filterCols[i].optionSelector).on("click", function (e) {
-      // Set input placeholder
-      if (ctx._pfFilter.filterInput !== undefined && ctx._pfFilter.filterInput.length !== 0) {
-        ctx._pfFilter.filterInput.get(0).placeholder = ctx._pfFilter.filterCols[i].placeholder;
-      }
-      // Set filter label
-      if (ctx._pfFilter.filterLabel !== undefined && ctx._pfFilter.filterLabel.length !== 0) {
-        ctx._pfFilter.filterLabel.html($(this).text());
-      }
-      // Set filter button
-      if (ctx._pfFilter.filterButton !== undefined && ctx._pfFilter.filterButton.length !== 0) {
-        ctx._pfFilter.filterButton.html($(this).text() + ' <span class="caret"></span>');
-      }
-      ctx._pfFilter.filterColumn = i; // Save filter column when applying filter
-      ctx._pfFilter.filterName = $(this).text(); // Save filter name for active filter control
-    });
-  }
-
-  /**
-   * Update active filter results
-   *
-   * @param {DataTable.Api} dt DataTable
-   * @private
-   */
-  function updateFilterResults (dt) {
-    var ctx = dt.settings()[0];
-    var filteredRows = dt.rows({"page": "current", "search": "applied"}).flatten().length;
-    if (ctx._pfFilter.filterResults === undefined || ctx._pfFilter.filterResults.length === 0) {
-      return;
-    }
-    ctx._pfFilter.filterResults.html(filteredRows + " Results");
-  }
-
-  // DataTables API
-
-  /**
-   * Add filter
-   *
-   * Example: dt.table().pfFilter.addFilter({
-   *   column: 2,
-   *   name: "Browser",
-   *   value: "Firefox"
-   * });
-   *
-   * @param {object} filter Properties associated with a new filter
-   * @param {string} filter.column - Column associated with DataTable
-   * @param {string} filter.name - Name of the filter
-   * @param {string} filter.value - Value of the filter
-   */
-  DataTable.Api.register("pfFilter.addFilter()", function (filter) {
-    return this.iterator("table", function (ctx) {
-      addFilter(new DataTable.Api(ctx), filter);
-    });
-  });
-
-  /**
-   * Clear filters
-   *
-   * Example: dt.table().pfFilter.clearFilters();
-   *
-   */
-  DataTable.Api.register("pfFilter.clearFilters()", function () {
-    return this.iterator("table", function (ctx) {
-      clearFilters(new DataTable.Api(ctx));
-    });
-  });
-
-  // DataTables creation
-  $(document).on("init.dt", function (e, ctx, json) {
-    if (e.namespace !== "dt") {
-      return;
-    }
-    DataTable.pfFilter.init(new DataTable.Api(ctx));
-  });
-  return DataTable.pfFilter;
-}));