@civicactions/cmsds-open-data-components 1.6.0-alpha.1 → 1.6.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -8,6 +8,8 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports["default"] = void 0;
9
9
  exports.prepareColumns = prepareColumns;
10
10
 
11
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
12
+
11
13
  var _react = _interopRequireDefault(require("react"));
12
14
 
13
15
  var _dataCatalogComponents = require("@civicactions/data-catalog-components");
@@ -16,6 +18,10 @@ var _dataCatalogServices = require("@civicactions/data-catalog-services");
16
18
 
17
19
  var _designSystem = require("@cmsgov/design-system");
18
20
 
21
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
22
+
23
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
24
+
19
25
  function calculateMaxWidth(previewSize) {
20
26
  return Math.floor(previewSize * 0.84);
21
27
  }
@@ -53,16 +59,17 @@ var ResourcePreview = function ResourcePreview(_ref2) {
53
59
  resource = _ref2.resource,
54
60
  customColumns = _ref2.customColumns,
55
61
  truncateCellHeader = _ref2.truncateCellHeader,
56
- columnSettings = _ref2.columnSettings;
62
+ columnSettings = _ref2.columnSettings,
63
+ columnWidths = _ref2.columnWidths;
57
64
 
58
65
  var previewContainer = _react["default"].useRef(null);
59
66
 
60
- var columnDefaults = {
67
+ var columnDefaults = _objectSpread({
61
68
  width: 200,
62
69
  maxWidth: previewContainer.current ? calculateMaxWidth(previewContainer.current.offsetWidth) : 300,
63
- minWidth: 50
64
- };
65
- console.log(previewContainer.current ? previewContainer.current.offsetWidth : "loading", columnDefaults);
70
+ minWidth: 100
71
+ }, columnWidths);
72
+
66
73
  var tableClasses = {
67
74
  tableContainerClassName: "dc-c-table-container",
68
75
  headerCellClassName: "ds-u-border--dark ds-u-padding--2 ds-u-border-y--2 ds-u-font-weight--bold dc-c-table-header-cell",
@@ -48,7 +48,8 @@ var DatasetBody = function DatasetBody(_ref) {
48
48
  dataset = _ref.dataset,
49
49
  additionalParams = _ref.additionalParams,
50
50
  customColumns = _ref.customColumns,
51
- columnSettings = _ref.columnSettings;
51
+ columnSettings = _ref.columnSettings,
52
+ columnWidths = _ref.columnWidths;
52
53
  var apiDocs = (0, _react.useRef)();
53
54
 
54
55
  var _useState = (0, _react.useState)("ds-u-padding-y--1"),
@@ -137,7 +138,8 @@ var DatasetBody = function DatasetBody(_ref) {
137
138
  columnFilter: false,
138
139
  columnSort: true,
139
140
  columnResize: true
140
- }
141
+ },
142
+ columnWidths: columnWidths
141
143
  }), /*#__PURE__*/_react["default"].createElement(_ResourceFooter["default"], {
142
144
  resource: resource
143
145
  }), /*#__PURE__*/_react["default"].createElement(_ResourceInformation["default"], {
@@ -29,7 +29,8 @@ var Dataset = function Dataset(_ref) {
29
29
  additionalParams = _ref.additionalParams,
30
30
  customColumns = _ref.customColumns,
31
31
  setDatasetTitle = _ref.setDatasetTitle,
32
- columnSettings = _ref.columnSettings;
32
+ columnSettings = _ref.columnSettings,
33
+ columnWidths = _ref.columnWidths;
33
34
  var metastore = (0, _dataCatalogServices.useMetastoreDataset)(id, rootUrl, additionalParams);
34
35
  var dataset = metastore.dataset;
35
36
  var title = dataset.title ? dataset.title : "";
@@ -56,7 +57,8 @@ var Dataset = function Dataset(_ref) {
56
57
  dataset: dataset,
57
58
  additionalParams: additionalParams,
58
59
  customColumns: customColumns ? customColumns : [],
59
- columnSettings: columnSettings
60
+ columnSettings: columnSettings,
61
+ columnWidths: columnWidths
60
62
  }));
61
63
  };
62
64
 
@@ -51,7 +51,8 @@ var FilteredResourceBody = function FilteredResourceBody(_ref) {
51
51
  apiDocPage = _ref.apiDocPage,
52
52
  additionalParams = _ref.additionalParams,
53
53
  customColumns = _ref.customColumns,
54
- columnSettings = _ref.columnSettings;
54
+ columnSettings = _ref.columnSettings,
55
+ columnWidths = _ref.columnWidths;
55
56
 
56
57
  var _React$useState = _react["default"].useState("ds-u-padding-y--1"),
57
58
  _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
@@ -179,7 +180,8 @@ var FilteredResourceBody = function FilteredResourceBody(_ref) {
179
180
  columnFilter: false,
180
181
  columnSort: true,
181
182
  columnResize: true
182
- }
183
+ },
184
+ columnWidths: columnWidths
183
185
  }), /*#__PURE__*/_react["default"].createElement(_ResourceFooter["default"], {
184
186
  resource: resource
185
187
  }), filtersOpen && /*#__PURE__*/_react["default"].createElement(_ResourceFilter["default"], {
@@ -31,7 +31,8 @@ var FilteredResource = function FilteredResource(_ref) {
31
31
  additionalParams = _ref.additionalParams,
32
32
  customColumns = _ref.customColumns,
33
33
  setDatasetTitle = _ref.setDatasetTitle,
34
- columnSettings = _ref.columnSettings;
34
+ columnSettings = _ref.columnSettings,
35
+ columnWidths = _ref.columnWidths;
35
36
 
36
37
  var _useState = (0, _react.useState)(false),
37
38
  _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -83,7 +84,8 @@ var FilteredResource = function FilteredResource(_ref) {
83
84
  apiDocPage: apiDocPage,
84
85
  additionalParams: additionalParams,
85
86
  customColumns: customColumns ? customColumns : [],
86
- columnSettings: columnSettings
87
+ columnSettings: columnSettings,
88
+ columnWidths: columnWidths
87
89
  })));
88
90
  };
89
91
 
@@ -137,7 +137,6 @@ var MobileHeader = function MobileHeader(_ref) {
137
137
  }, customSearch ? customSearch : /*#__PURE__*/_react["default"].createElement(_SearchModal["default"], {
138
138
  searchFunc: function searchFunc(e) {
139
139
  e.preventDefault();
140
- console.log(e.target.value);
141
140
  },
142
141
  searchModalText: searchModalText,
143
142
  buttonSize: "small",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@civicactions/cmsds-open-data-components",
3
- "version": "1.6.0-alpha.1",
3
+ "version": "1.6.0-alpha.2",
4
4
  "description": "Components for the open data catalog frontend using CMS Design System",
5
5
  "main": "lib/index.js",
6
6
  "scripts": {