@civicactions/cmsds-open-data-components 2.0.4 → 2.0.5-alpha.1

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.
Files changed (64) hide show
  1. package/dist/main.js +7 -3
  2. package/dist/main.js.map +1 -1
  3. package/dist/types.d.ts.map +1 -1
  4. package/lib/assets/icons/close.js +0 -4
  5. package/lib/assets/icons/copy.js +0 -4
  6. package/lib/assets/icons/download.js +0 -4
  7. package/lib/assets/icons/settings.js +2 -5
  8. package/lib/assets/metadataMapping.js +0 -9
  9. package/lib/commands/index.js +0 -2
  10. package/lib/commands/templates/footer.js +0 -2
  11. package/lib/components/ApiDocumentation/index.js +0 -6
  12. package/lib/components/Breadcrumb/index.js +2 -8
  13. package/lib/components/DataTableDensity/datatabledensity.test.js +0 -5
  14. package/lib/components/DataTableDensity/index.js +1 -7
  15. package/lib/components/DataTableRowChanger/datatablerowchanger.test.js +0 -5
  16. package/lib/components/DataTableRowChanger/index.js +2 -8
  17. package/lib/components/DatasetAdditionalInformation/index.js +4 -17
  18. package/lib/components/DatasetDownloads/datasetdownloads.test.js +0 -5
  19. package/lib/components/DatasetDownloads/index.js +1 -6
  20. package/lib/components/DatasetSearchFacets/dataset_search_facets.test.js +0 -14
  21. package/lib/components/DatasetSearchFacets/index.js +10 -26
  22. package/lib/components/DatasetSearchListItem/datasetsearchlistitem.test.js +1 -9
  23. package/lib/components/DatasetSearchListItem/index.js +6 -17
  24. package/lib/components/DatasetTags/datasettags.test.js +0 -5
  25. package/lib/components/DatasetTags/index.js +0 -6
  26. package/lib/components/Hero/index.js +8 -18
  27. package/lib/components/ManageColumns/index.js +3 -13
  28. package/lib/components/NavLink/index.js +2 -11
  29. package/lib/components/NavLink/navlink.test.js +0 -6
  30. package/lib/components/Pagination/index.js +4 -46
  31. package/lib/components/Pagination/pagination.test.js +367 -478
  32. package/lib/components/ResourceConditionField/ResourceConditionalField.test.js +1 -5
  33. package/lib/components/ResourceConditionField/index.js +30 -62
  34. package/lib/components/ResourceFilter/index.js +10 -39
  35. package/lib/components/ResourceFilter/resourcefilter.test.js +234 -297
  36. package/lib/components/ResourceFooter/index.js +4 -11
  37. package/lib/components/ResourceHeader/index.js +30 -54
  38. package/lib/components/ResourceInformation/index.js +1 -6
  39. package/lib/components/ResourcePreview/index.js +13 -30
  40. package/lib/components/SearchModal/index.js +11 -28
  41. package/lib/components/SubMenu/index.js +5 -20
  42. package/lib/components/TransformedDate/index.js +1 -7
  43. package/lib/components/useAddLoginLink/index.js +3 -13
  44. package/lib/components/useScrollToTop/index.js +1 -6
  45. package/lib/templates/APIPage/index.js +1 -6
  46. package/lib/templates/Dataset/DatasetBody.js +12 -42
  47. package/lib/templates/Dataset/index.js +7 -26
  48. package/lib/templates/DatasetSearch/datasetsearch.test.js +50 -70
  49. package/lib/templates/DatasetSearch/index.js +43 -83
  50. package/lib/templates/DrupalPage/index.js +6 -13
  51. package/lib/templates/FilteredResource/FilteredResourceBody.js +15 -43
  52. package/lib/templates/FilteredResource/QueryBuilder.js +17 -59
  53. package/lib/templates/FilteredResource/QueryRow.js +20 -43
  54. package/lib/templates/FilteredResource/QueryTitle.js +2 -18
  55. package/lib/templates/FilteredResource/functions.js +5 -17
  56. package/lib/templates/FilteredResource/index.js +16 -36
  57. package/lib/templates/Footer/footer.test.js +2 -7
  58. package/lib/templates/Footer/index.js +11 -23
  59. package/lib/templates/PageNotFound/index.js +1 -5
  60. package/lib/templates/header/index.js +17 -26
  61. package/lib/templates/mobile_header/index.js +22 -42
  62. package/package.json +3 -2
  63. package/lib/components/NavBar/index.js +0 -55
  64. package/lib/index.js +0 -247
@@ -1,84 +1,57 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports["default"] = void 0;
11
-
12
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
15
-
16
11
  var _react = _interopRequireWildcard(require("react"));
17
-
18
12
  var _qs = _interopRequireDefault(require("qs"));
19
-
20
13
  var _reactRouterDom = require("react-router-dom");
21
-
22
14
  var _swaggerUiReact = _interopRequireDefault(require("swagger-ui-react"));
23
-
24
15
  var _dataCatalogServices = require("@civicactions/data-catalog-services");
25
-
26
16
  var _designSystem = require("@cmsgov/design-system");
27
-
28
17
  var _ResourceFilter = _interopRequireDefault(require("../../components/ResourceFilter"));
29
-
30
18
  var _ResourceHeader = _interopRequireDefault(require("../../components/ResourceHeader"));
31
-
32
19
  var _ResourcePreview = _interopRequireDefault(require("../../components/ResourcePreview"));
33
-
34
20
  var _ResourceFooter = _interopRequireDefault(require("../../components/ResourceFooter"));
35
-
36
21
  var _functions = require("./functions");
37
-
38
22
  var _QueryBuilder = _interopRequireDefault(require("./QueryBuilder"));
39
-
40
23
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
41
-
42
24
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
43
-
44
25
  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; }
45
-
46
26
  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; }
47
-
48
27
  var FilteredResourceBody = function FilteredResourceBody(_ref) {
49
28
  var id = _ref.id,
50
- dataset = _ref.dataset,
51
- distIndex = _ref.distIndex,
52
- location = _ref.location,
53
- apiDocPage = _ref.apiDocPage,
54
- additionalParams = _ref.additionalParams,
55
- customColumns = _ref.customColumns,
56
- columnSettings = _ref.columnSettings,
57
- columnWidths = _ref.columnWidths,
58
- customTitle = _ref.customTitle;
29
+ dataset = _ref.dataset,
30
+ distIndex = _ref.distIndex,
31
+ location = _ref.location,
32
+ apiDocPage = _ref.apiDocPage,
33
+ additionalParams = _ref.additionalParams,
34
+ customColumns = _ref.customColumns,
35
+ columnSettings = _ref.columnSettings,
36
+ columnWidths = _ref.columnWidths,
37
+ customTitle = _ref.customTitle;
59
38
  var navigate = (0, _reactRouterDom.useNavigate)();
60
-
61
39
  var _React$useState = _react["default"].useState('ds-u-padding-y--1'),
62
- _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
63
- tablePadding = _React$useState2[0],
64
- setTablePadding = _React$useState2[1];
65
-
40
+ _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
41
+ tablePadding = _React$useState2[0],
42
+ setTablePadding = _React$useState2[1];
66
43
  var apiDocs = (0, _react.useRef)();
67
-
68
44
  var _React$useState3 = _react["default"].useState(false),
69
- _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
70
- filtersOpen = _React$useState4[0],
71
- setFiltersOpen = _React$useState4[1];
72
-
45
+ _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
46
+ filtersOpen = _React$useState4[0],
47
+ setFiltersOpen = _React$useState4[1];
73
48
  var distribution = {};
74
49
  var distribution_array = dataset.distribution ? dataset.distribution : [];
75
-
76
50
  if (distribution_array.length) {
77
51
  distribution = distribution_array.find(function (dist) {
78
52
  return dist.identifier === distribution_array[distIndex].identifier;
79
53
  });
80
54
  }
81
-
82
55
  var buttonRef = null;
83
56
  var options = location.search ? _objectSpread({}, _qs["default"].parse(location.search, {
84
57
  ignoreQueryPrefix: true
@@ -152,7 +125,6 @@ var FilteredResourceBody = function FilteredResourceBody(_ref) {
152
125
  defaultModelsExpandDepth: -1
153
126
  }))));
154
127
  };
155
-
156
128
  FilteredResourceBody.defaultProps = {
157
129
  apiDocPage: '/api'
158
130
  };
@@ -1,108 +1,78 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports["default"] = void 0;
11
-
12
9
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
13
-
14
10
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
15
-
16
11
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
17
-
18
12
  var _react = _interopRequireWildcard(require("react"));
19
-
20
13
  var _qs = _interopRequireDefault(require("qs"));
21
-
22
14
  var _designSystem = require("@cmsgov/design-system");
23
-
24
15
  var _QueryRow = _interopRequireDefault(require("./QueryRow"));
25
-
26
16
  var _QueryTitle = _interopRequireDefault(require("./QueryTitle"));
27
-
28
17
  var _functions = require("./functions");
29
-
30
18
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
31
-
32
19
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
33
-
34
20
  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; }
35
-
36
21
  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; }
37
-
38
22
  function updateQueryForDatastore(condition) {
39
23
  var cond = condition;
40
24
  delete cond.key;
41
-
42
25
  if (cond.operator === '=' || cond.operator === '<>') {
43
26
  if (Array.isArray(cond.value)) {
44
27
  cond.value = cond.value.join();
45
28
  }
46
-
47
29
  cond.value = cond.value.replace(/(^\%+|\%+$)/gm, '');
48
30
  }
49
-
50
31
  if (cond.operator.toLowerCase() === 'like') {
51
32
  if (Array.isArray(cond.value)) {
52
33
  cond.value = cond.value.join();
53
34
  }
54
-
55
35
  var cleanedValue = cond.value.replace(/(^\%+|\%+$)/gm, '');
56
36
  cond.value = "%".concat(cleanedValue, "%");
57
37
  }
58
-
59
38
  if (cond.operator.toLowerCase() === 'in') {
60
39
  if (!Array.isArray(cond.value)) {
61
40
  cond.value = cond.value.split(',');
62
41
  }
63
42
  }
64
-
65
43
  if (Array.isArray(cond.value)) {
66
44
  cond.value = cond.value.map(function (v) {
67
45
  return v.trim().replace(/(^\%+|\%+$)/gm, '');
68
46
  });
69
47
  }
70
-
71
48
  return cond;
72
49
  }
73
-
74
50
  var QueryBuilder = function QueryBuilder(_ref) {
75
51
  var resource = _ref.resource,
76
- id = _ref.id,
77
- includeSearchParams = _ref.includeSearchParams,
78
- customColumns = _ref.customColumns;
52
+ id = _ref.id,
53
+ includeSearchParams = _ref.includeSearchParams,
54
+ customColumns = _ref.customColumns;
79
55
  var conditions = resource.conditions,
80
- schema = resource.schema,
81
- setConditions = resource.setConditions;
56
+ schema = resource.schema,
57
+ setConditions = resource.setConditions;
82
58
  var fields = Object.keys(schema[id].fields);
83
59
  var hasConditions = conditions.length > 0;
84
-
85
60
  var _useState = (0, _react.useState)(0),
86
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
87
- queryCount = _useState2[0],
88
- setQueryCount = _useState2[1];
89
-
61
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
62
+ queryCount = _useState2[0],
63
+ setQueryCount = _useState2[1];
90
64
  var _useState3 = (0, _react.useState)([]),
91
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
92
- queryConditions = _useState4[0],
93
- setQueryConditions = _useState4[1];
94
-
65
+ _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
66
+ queryConditions = _useState4[0],
67
+ setQueryConditions = _useState4[1];
95
68
  var _useState5 = (0, _react.useState)([]),
96
- _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
97
- titleConditions = _useState6[0],
98
- setTitleConditions = _useState6[1]; // Add use effect to load conditions on first load if needed
99
-
100
-
69
+ _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
70
+ titleConditions = _useState6[0],
71
+ setTitleConditions = _useState6[1]; // Add use effect to load conditions on first load if needed
101
72
  var _useState7 = (0, _react.useState)(false),
102
- _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
103
- conditionsChanged = _useState8[0],
104
- setConditionsChanged = _useState8[1];
105
-
73
+ _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
74
+ conditionsChanged = _useState8[0],
75
+ setConditionsChanged = _useState8[1];
106
76
  var addCondition = function addCondition(condition) {
107
77
  if (Array.isArray(condition)) {
108
78
  var keyedConditions = condition.map(function (oc) {
@@ -120,12 +90,10 @@ var QueryBuilder = function QueryBuilder(_ref) {
120
90
  }]));
121
91
  }
122
92
  };
123
-
124
93
  _react["default"].useEffect(function () {
125
94
  addCondition(conditions);
126
95
  setTitleConditions(conditions);
127
96
  }, []);
128
-
129
97
  var propertyOptions = fields.map(function (f) {
130
98
  if (schema[id].fields[f].description) {
131
99
  return {
@@ -133,20 +101,17 @@ var QueryBuilder = function QueryBuilder(_ref) {
133
101
  value: f
134
102
  };
135
103
  }
136
-
137
104
  return {
138
105
  label: f,
139
106
  value: f
140
107
  };
141
108
  });
142
-
143
109
  var submitConditions = function submitConditions(e) {
144
110
  e.preventDefault();
145
111
  var submitConditions = queryConditions.filter(function (oc) {
146
112
  if (oc.property) {
147
113
  return oc;
148
114
  }
149
-
150
115
  return false;
151
116
  }).map(function (oc) {
152
117
  var cond = Object.assign({}, oc);
@@ -157,28 +122,23 @@ var QueryBuilder = function QueryBuilder(_ref) {
157
122
  return Object.assign({}, oc);
158
123
  }));
159
124
  setConditionsChanged(false);
160
-
161
125
  if (includeSearchParams) {
162
126
  var url = new URL(window.location);
163
-
164
127
  var urlString = _qs["default"].stringify({
165
128
  conditions: submitConditions
166
129
  }, {
167
130
  encodeValuesOnly: true,
168
131
  addQueryPrefix: true
169
132
  });
170
-
171
133
  window.history.pushState({}, '', "".concat(url.origin).concat(url.pathname).concat(urlString));
172
134
  }
173
135
  };
174
-
175
136
  var updateCondition = function updateCondition(index, key, value) {
176
137
  var newConditions = (0, _toConsumableArray2["default"])(queryConditions);
177
138
  newConditions[index][key] = value;
178
139
  setQueryConditions(newConditions);
179
140
  setConditionsChanged(true);
180
141
  };
181
-
182
142
  var removeCondition = function removeCondition(index) {
183
143
  var newConditions = queryConditions.map(function (oc) {
184
144
  return Object.assign({}, oc);
@@ -187,7 +147,6 @@ var QueryBuilder = function QueryBuilder(_ref) {
187
147
  setQueryConditions(newConditions);
188
148
  setConditionsChanged(true);
189
149
  };
190
-
191
150
  return /*#__PURE__*/_react["default"].createElement("div", {
192
151
  className: "dc-query-builder ds-u-margin-bottom--3"
193
152
  }, /*#__PURE__*/_react["default"].createElement(_designSystem.Accordion, {
@@ -227,7 +186,6 @@ var QueryBuilder = function QueryBuilder(_ref) {
227
186
  type: "submit"
228
187
  }, "Apply filters"))))));
229
188
  };
230
-
231
189
  QueryBuilder.defaultProps = {
232
190
  includeSearchParams: true
233
191
  };
@@ -1,79 +1,58 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports["default"] = void 0;
11
-
12
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
-
14
10
  var _react = _interopRequireWildcard(require("react"));
15
-
16
11
  var _reactDatepicker = _interopRequireDefault(require("react-datepicker"));
17
-
18
12
  var _reactResponsive = require("react-responsive");
19
-
20
13
  var _designSystem = require("@cmsgov/design-system");
21
-
22
14
  var _functions = require("./functions");
23
-
24
15
  require("react-datepicker/dist/react-datepicker.css");
25
-
26
16
  var _close = _interopRequireDefault(require("../../assets/icons/close"));
27
-
28
17
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
29
-
30
18
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
31
-
32
19
  function getStartDate(condition, schema, id) {
33
20
  if (schema[id].fields[condition.property].mysql_type === 'date') {
34
21
  var newDate = new Date(condition.value);
35
-
36
22
  if (newDate instanceof Date && !isNaN(newDate)) {
37
23
  return newDate;
38
24
  }
39
25
  }
40
-
41
26
  return new Date();
42
27
  }
43
-
44
28
  var QueryRow = function QueryRow(_ref) {
45
29
  var id = _ref.id,
46
- condition = _ref.condition,
47
- index = _ref.index,
48
- update = _ref.update,
49
- remove = _ref.remove,
50
- propertyOptions = _ref.propertyOptions,
51
- schema = _ref.schema;
30
+ condition = _ref.condition,
31
+ index = _ref.index,
32
+ update = _ref.update,
33
+ remove = _ref.remove,
34
+ propertyOptions = _ref.propertyOptions,
35
+ schema = _ref.schema;
52
36
  var md = (0, _reactResponsive.useMediaQuery)({
53
37
  minWidth: 0,
54
38
  maxWidth: 768
55
39
  });
56
-
57
40
  var _useState = (0, _react.useState)(condition.operator),
58
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
59
- operator = _useState2[0],
60
- setOperator = _useState2[1];
61
-
41
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
42
+ operator = _useState2[0],
43
+ setOperator = _useState2[1];
62
44
  var _useState3 = (0, _react.useState)(condition.property),
63
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
64
- property = _useState4[0],
65
- setProperty = _useState4[1];
66
-
45
+ _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
46
+ property = _useState4[0],
47
+ setProperty = _useState4[1];
67
48
  var _useState5 = (0, _react.useState)(condition.value),
68
- _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
69
- value = _useState6[0],
70
- setValue = _useState6[1];
71
-
49
+ _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
50
+ value = _useState6[0],
51
+ setValue = _useState6[1];
72
52
  var _React$useState = _react["default"].useState(getStartDate(condition, schema, id)),
73
- _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
74
- startDate = _React$useState2[0],
75
- setStartDate = _React$useState2[1];
76
-
53
+ _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
54
+ startDate = _React$useState2[0],
55
+ setStartDate = _React$useState2[1];
77
56
  (0, _react.useEffect)(function () {
78
57
  if (property !== condition.property) {
79
58
  if (property) {
@@ -81,7 +60,6 @@ var QueryRow = function QueryRow(_ref) {
81
60
  } else {
82
61
  update(index, 'property', '');
83
62
  }
84
-
85
63
  if (schema[id].fields[condition.property].mysql_type === 'date') {
86
64
  if (!value) {
87
65
  setValue(startDate.toJSON().slice(0, 10));
@@ -141,7 +119,8 @@ var QueryRow = function QueryRow(_ref) {
141
119
  showYearDropdown: true,
142
120
  dropdownMode: "select",
143
121
  className: "ds-c-field",
144
- withPortal: true // popperPlacement="top-end"
122
+ withPortal: true
123
+ // popperPlacement="top-end"
145
124
  // popperModifiers={[
146
125
  // {
147
126
  // name: 'preventOverflow',
@@ -152,7 +131,6 @@ var QueryRow = function QueryRow(_ref) {
152
131
  // },
153
132
  // },
154
133
  // ]}
155
-
156
134
  })) : /*#__PURE__*/_react["default"].createElement(_designSystem.TextField, {
157
135
  label: "Value",
158
136
  name: "".concat(condition.key, "_value"),
@@ -170,6 +148,5 @@ var QueryRow = function QueryRow(_ref) {
170
148
  }
171
149
  }, !md ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "Delete filter") : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_close["default"], null), ' ')));
172
150
  };
173
-
174
151
  var _default = QueryRow;
175
152
  exports["default"] = _default;
@@ -1,71 +1,56 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = void 0;
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _designSystem = require("@cmsgov/design-system");
13
-
14
10
  var _functions = require("./functions");
15
-
16
11
  var QueryTitle = function QueryTitle(_ref) {
17
12
  var conditions = _ref.conditions,
18
- schema = _ref.schema,
19
- customColumns = _ref.customColumns;
13
+ schema = _ref.schema,
14
+ customColumns = _ref.customColumns;
20
15
  var fields = schema.fields;
21
-
22
16
  if (!conditions.length) {
23
17
  return 'Add a filter';
24
18
  }
25
-
26
19
  function formatValue(text, property) {
27
20
  if (customColumns.length > 0) {
28
21
  var newValue = text;
29
22
  var customColumn = customColumns.find(function (c) {
30
23
  return c.accessor === property;
31
24
  });
32
-
33
25
  if (customColumn && customColumn.Cell) {
34
26
  return customColumn.Cell({
35
27
  value: text
36
28
  });
37
29
  }
38
-
39
30
  return text;
40
31
  } else {
41
32
  return text;
42
33
  }
43
34
  }
44
-
45
35
  function buildTitle() {
46
36
  var newTitle = conditions.map(function (c) {
47
37
  var field = fields[c.property];
48
38
  var description = field && field.description ? field.description : c.property;
49
-
50
39
  var operator = _functions.operatorMapping.find(function (op) {
51
40
  return op.value === c.operator;
52
41
  });
53
-
54
42
  return "".concat(description, " ").concat(operator.label, " ").concat((0, _functions.cleanText)(c.value));
55
43
  });
56
44
  return newTitle.join(' AND ');
57
45
  }
58
-
59
46
  return /*#__PURE__*/_react["default"].createElement("span", {
60
47
  className: "dc-querybuilder-title"
61
48
  }, conditions.map(function (c) {
62
49
  var field = fields[c.property];
63
50
  var description = field && field.description ? field.description : c.property;
64
-
65
51
  var operator = _functions.operatorMapping.find(function (op) {
66
52
  return op.value === c.operator;
67
53
  });
68
-
69
54
  var cleanedText = (0, _functions.cleanText)(c.value);
70
55
  var formattedText = formatValue(cleanedText, c.property);
71
56
  return /*#__PURE__*/_react["default"].createElement("span", {
@@ -84,6 +69,5 @@ var QueryTitle = function QueryTitle(_ref) {
84
69
  }, "AND"), curr];
85
70
  }));
86
71
  };
87
-
88
72
  var _default = QueryTitle;
89
73
  exports["default"] = _default;
@@ -8,12 +8,12 @@ exports.buildOperatorOptions = buildOperatorOptions;
8
8
  exports.cleanText = cleanText;
9
9
  exports.convertUTCToLocalDate = convertUTCToLocalDate;
10
10
  exports.operatorMapping = void 0;
11
-
12
11
  // Example custom column headers, where only effective date has an ! at the end
13
12
  // [
14
13
  // {schema: 'date', Cell: ({ value }) => localeDate(value),},
15
14
  // {accessor: 'effective_date',Cell: ({ value }) => localeDate(value) + '!',},
16
15
  // ]
16
+
17
17
  function buildCustomColHeaders(customHeaders, columns, schema) {
18
18
  return columns.map(function (column) {
19
19
  var customAccessorIndex = customHeaders.findIndex(function (header) {
@@ -22,8 +22,8 @@ function buildCustomColHeaders(customHeaders, columns, schema) {
22
22
  var customSchemaIndex = customHeaders.findIndex(function (header) {
23
23
  return header.schema === schema.fields[column].mysql_type;
24
24
  });
25
- var newColumn = {}; // If specific accessor is passed, this will override a general mysql_type Cell rewrite.
26
-
25
+ var newColumn = {};
26
+ // If specific accessor is passed, this will override a general mysql_type Cell rewrite.
27
27
  if (customAccessorIndex > -1) {
28
28
  newColumn.Header = schema && schema.fields[column].description ? schema.fields[column].description : column;
29
29
  newColumn.accessor = column;
@@ -31,37 +31,29 @@ function buildCustomColHeaders(customHeaders, columns, schema) {
31
31
  } else {
32
32
  newColumn.Header = schema && schema.fields[column].description ? schema.fields[column].description : column;
33
33
  newColumn.accessor = column;
34
-
35
34
  if (customSchemaIndex > -1) {
36
35
  newColumn.Cell = customHeaders[customSchemaIndex].Cell;
37
36
  }
38
37
  }
39
-
40
38
  return newColumn;
41
39
  });
42
40
  }
43
-
44
41
  function convertUTCToLocalDate(date) {
45
42
  if (!date) {
46
43
  return date;
47
44
  }
48
-
49
45
  date = new Date(date);
50
46
  date = new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate());
51
47
  return date;
52
48
  }
53
-
54
49
  function cleanText(value, operator) {
55
50
  var newValue = value;
56
-
57
51
  if (Array.isArray(newValue)) {
58
52
  newValue = newValue.join(',');
59
- } // return newValue.replace(/(^\%+|\%+$)/gm, '');
60
-
61
-
53
+ }
54
+ // return newValue.replace(/(^\%+|\%+$)/gm, '');
62
55
  return newValue;
63
56
  }
64
-
65
57
  var operatorMapping = [{
66
58
  label: 'Is',
67
59
  value: '='
@@ -91,11 +83,9 @@ var operatorMapping = [{
91
83
  value: '<'
92
84
  }];
93
85
  exports.operatorMapping = operatorMapping;
94
-
95
86
  function buildOperatorOptions(type) {
96
87
  switch (type) {
97
88
  case 'text': // Will change from text to string in future update
98
-
99
89
  case 'string':
100
90
  return [{
101
91
  label: 'Is',
@@ -113,7 +103,6 @@ function buildOperatorOptions(type) {
113
103
  label: 'Or',
114
104
  value: 'in'
115
105
  }];
116
-
117
106
  case 'date':
118
107
  return [{
119
108
  label: 'Is',
@@ -128,7 +117,6 @@ function buildOperatorOptions(type) {
128
117
  label: 'Less Than',
129
118
  value: '<'
130
119
  }];
131
-
132
120
  default:
133
121
  // These 2 should be safe for all data types
134
122
  return [{