@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.
- package/dist/main.js +7 -3
- package/dist/main.js.map +1 -1
- package/dist/types.d.ts.map +1 -1
- package/lib/assets/icons/close.js +0 -4
- package/lib/assets/icons/copy.js +0 -4
- package/lib/assets/icons/download.js +0 -4
- package/lib/assets/icons/settings.js +2 -5
- package/lib/assets/metadataMapping.js +0 -9
- package/lib/commands/index.js +0 -2
- package/lib/commands/templates/footer.js +0 -2
- package/lib/components/ApiDocumentation/index.js +0 -6
- package/lib/components/Breadcrumb/index.js +2 -8
- package/lib/components/DataTableDensity/datatabledensity.test.js +0 -5
- package/lib/components/DataTableDensity/index.js +1 -7
- package/lib/components/DataTableRowChanger/datatablerowchanger.test.js +0 -5
- package/lib/components/DataTableRowChanger/index.js +2 -8
- package/lib/components/DatasetAdditionalInformation/index.js +4 -17
- package/lib/components/DatasetDownloads/datasetdownloads.test.js +0 -5
- package/lib/components/DatasetDownloads/index.js +1 -6
- package/lib/components/DatasetSearchFacets/dataset_search_facets.test.js +0 -14
- package/lib/components/DatasetSearchFacets/index.js +10 -26
- package/lib/components/DatasetSearchListItem/datasetsearchlistitem.test.js +1 -9
- package/lib/components/DatasetSearchListItem/index.js +6 -17
- package/lib/components/DatasetTags/datasettags.test.js +0 -5
- package/lib/components/DatasetTags/index.js +0 -6
- package/lib/components/Hero/index.js +8 -18
- package/lib/components/ManageColumns/index.js +3 -13
- package/lib/components/NavLink/index.js +2 -11
- package/lib/components/NavLink/navlink.test.js +0 -6
- package/lib/components/Pagination/index.js +4 -46
- package/lib/components/Pagination/pagination.test.js +367 -478
- package/lib/components/ResourceConditionField/ResourceConditionalField.test.js +1 -5
- package/lib/components/ResourceConditionField/index.js +30 -62
- package/lib/components/ResourceFilter/index.js +10 -39
- package/lib/components/ResourceFilter/resourcefilter.test.js +234 -297
- package/lib/components/ResourceFooter/index.js +4 -11
- package/lib/components/ResourceHeader/index.js +30 -54
- package/lib/components/ResourceInformation/index.js +1 -6
- package/lib/components/ResourcePreview/index.js +13 -30
- package/lib/components/SearchModal/index.js +11 -28
- package/lib/components/SubMenu/index.js +5 -20
- package/lib/components/TransformedDate/index.js +1 -7
- package/lib/components/useAddLoginLink/index.js +3 -13
- package/lib/components/useScrollToTop/index.js +1 -6
- package/lib/templates/APIPage/index.js +1 -6
- package/lib/templates/Dataset/DatasetBody.js +12 -42
- package/lib/templates/Dataset/index.js +7 -26
- package/lib/templates/DatasetSearch/datasetsearch.test.js +50 -70
- package/lib/templates/DatasetSearch/index.js +43 -83
- package/lib/templates/DrupalPage/index.js +6 -13
- package/lib/templates/FilteredResource/FilteredResourceBody.js +15 -43
- package/lib/templates/FilteredResource/QueryBuilder.js +17 -59
- package/lib/templates/FilteredResource/QueryRow.js +20 -43
- package/lib/templates/FilteredResource/QueryTitle.js +2 -18
- package/lib/templates/FilteredResource/functions.js +5 -17
- package/lib/templates/FilteredResource/index.js +16 -36
- package/lib/templates/Footer/footer.test.js +2 -7
- package/lib/templates/Footer/index.js +11 -23
- package/lib/templates/PageNotFound/index.js +1 -5
- package/lib/templates/header/index.js +17 -26
- package/lib/templates/mobile_header/index.js +22 -42
- package/package.json +3 -2
- package/lib/components/NavBar/index.js +0 -55
- 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
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
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
|
-
|
|
63
|
-
|
|
64
|
-
|
|
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
|
-
|
|
70
|
-
|
|
71
|
-
|
|
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
|
-
|
|
77
|
-
|
|
78
|
-
|
|
52
|
+
id = _ref.id,
|
|
53
|
+
includeSearchParams = _ref.includeSearchParams,
|
|
54
|
+
customColumns = _ref.customColumns;
|
|
79
55
|
var conditions = resource.conditions,
|
|
80
|
-
|
|
81
|
-
|
|
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
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
61
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
62
|
+
queryCount = _useState2[0],
|
|
63
|
+
setQueryCount = _useState2[1];
|
|
90
64
|
var _useState3 = (0, _react.useState)([]),
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
65
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
66
|
+
queryConditions = _useState4[0],
|
|
67
|
+
setQueryConditions = _useState4[1];
|
|
95
68
|
var _useState5 = (0, _react.useState)([]),
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
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
|
-
|
|
103
|
-
|
|
104
|
-
|
|
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
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
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
|
-
|
|
59
|
-
|
|
60
|
-
|
|
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
|
-
|
|
64
|
-
|
|
65
|
-
|
|
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
|
-
|
|
69
|
-
|
|
70
|
-
|
|
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
|
-
|
|
74
|
-
|
|
75
|
-
|
|
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
|
|
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
|
-
|
|
19
|
-
|
|
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 = {};
|
|
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
|
-
}
|
|
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 [{
|