feat(table,empty,skeleton): issues/10 add table component (#346)

* table, convenience wrapper for pf tables
* tableEmpty, convenience wrapper for platform comp, empty state
* tableSkeleton, wrapper for skeleton table, allow variants
* locales, i18n, table strings
* styles, correct pf table behavior on small screens, no border fix

public/locales/en-US.json

@@ -41,6 +41,12 @@
     "thresholdSocketsLegendTooltip_OpenShift": "Maximum capacity, as CPU sockets, based on total {{product}} subscriptions in this account.",
     "tooltipSummary": "Your subscription data facets. With one level of column and row headers."
   },
+  "curiosity-inventory": {
+    "tableAriaLabel": "Subscription Watch systems inventory table.",
+    "tableSummary": "A generated table with one level of column headers.",
+    "tableEmptyInventoryTitle": "No results found",
+    "tableEmptyInventoryMessage": "No results match the filter criteria. Remove filters or clear all filters to show results."
+  },
   "curiosity-toolbar": {
     "slaCategory": "SLA",
     "slaNone": "No SLA",

src/components/i18n/__tests__/__snapshots__/i18n.test.js.snap

@@ -288,6 +288,27 @@ Array [
       },
     ],
   },
+  Object {
+    "file": "./src/components/table/table.js",
+    "keys": Array [
+      Object {
+        "key": "curiosity-inventory.tableEmptyInventoryTitle",
+        "match": "t('curiosity-inventory.tableEmptyInventoryTitle')",
+      },
+      Object {
+        "key": "curiosity-inventory.tableEmptyInventoryMessage",
+        "match": "t('curiosity-inventory.tableEmptyInventoryMessage')",
+      },
+      Object {
+        "key": "curiosity-inventory.tableAriaLabel",
+        "match": "t('curiosity-inventory.tableAriaLabel')",
+      },
+      Object {
+        "key": "curiosity-inventory.tableSummary",
+        "match": "t('curiosity-inventory.tableSummary')",
+      },
+    ],
+  },
   Object {
     "file": "./src/components/toolbar/toolbar.js",
     "keys": Array [