@civicactions/cmsds-open-data-components 2.1.0-alpha.3 → 2.1.0

package/lib/components/ResourceConditionField/ResourceConditionalField.test.js

@@ -1,14 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _react = _interopRequireDefault(require("react"));
+
 var _react2 = require("@testing-library/react");
+
 require("@testing-library/jest-dom/extend-expect");
+
 var _index = _interopRequireDefault(require("./index"));
+
 /**
  * @jest-environment jsdom
  */
-
 describe('<ResourceConditionalField />', function () {
   test('Placeholder', function () {
     expect(true).toBeTruthy();

package/lib/components/ResourceConditionField/index.js

@@ -1,28 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _designSystem = require("@cmsgov/design-system");
+
 var _reactDatepicker = _interopRequireDefault(require("react-datepicker"));
+
 var _close = _interopRequireDefault(require("../../assets/icons/close"));
+
 require("react-datepicker/dist/react-datepicker.css");
+
 function convertUTCToLocalDate(date) {
   if (!date) {
     return date;
   }
+
   date = new Date(date);
   date = new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate());
   return date;
 }
+
 function buildOperatorOptions(type) {
   switch (type) {
     case 'text': // Will change from text to string in future update
+
     case 'string':
       return [{
         label: 'Is',
@@ -37,6 +49,7 @@ function buildOperatorOptions(type) {
         label: 'Or',
         value: 'in'
       }];
+
     case 'date':
       return [{
         label: 'Is',
@@ -51,6 +64,7 @@ function buildOperatorOptions(type) {
         label: 'Less Than',
         value: '<'
       }];
+
     default:
       // These 2 should be safe for all data types
       return [{
@@ -62,52 +76,63 @@ function buildOperatorOptions(type) {
       }];
   }
 }
+
 function cleanText(value, operator) {
   var newValue = value;
+
   if (Array.isArray(newValue)) {
     newValue = newValue.join(',');
   }
+
   return newValue.replace(/(^\%+|\%+$)/gm, '');
 }
+
 var ResourceConditionField = function ResourceConditionField(_ref) {
   var data = _ref.data,
-    index = _ref.index,
-    remove = _ref.remove,
-    schema = _ref.schema,
-    update = _ref.update;
+      index = _ref.index,
+      remove = _ref.remove,
+      schema = _ref.schema,
+      update = _ref.update;
   var fields = schema.fields;
+
   var _React$useState = _react["default"].useState(data.value ? new Date(data.value) : new Date()),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    startDate = _React$useState2[0],
-    setStartDate = _React$useState2[1];
+      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+      startDate = _React$useState2[0],
+      setStartDate = _React$useState2[1];
+
   var _React$useState3 = _react["default"].useState(Object.keys(fields).map(function (key) {
-      return {
-        label: fields[key].description ? fields[key].description : key,
-        value: key
-      };
-    })),
-    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-    propertyOptions = _React$useState4[0],
-    setPropertyOptions = _React$useState4[1];
+    return {
+      label: fields[key].description ? fields[key].description : key,
+      value: key
+    };
+  })),
+      _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+      propertyOptions = _React$useState4[0],
+      setPropertyOptions = _React$useState4[1];
+
   var _React$useState5 = _react["default"].useState(data.property),
-    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
-    property = _React$useState6[0],
-    setProperty = _React$useState6[1];
+      _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
+      property = _React$useState6[0],
+      setProperty = _React$useState6[1];
+
   var _React$useState7 = _react["default"].useState(data.operator),
-    _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
-    operator = _React$useState8[0],
-    setOperator = _React$useState8[1];
+      _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
+      operator = _React$useState8[0],
+      setOperator = _React$useState8[1];
+
   var _React$useState9 = _react["default"].useState([{
-      label: '--',
-      value: ''
-    }]),
-    _React$useState10 = (0, _slicedToArray2["default"])(_React$useState9, 2),
-    operatorOptions = _React$useState10[0],
-    setOperatorOptions = _React$useState10[1];
+    label: '--',
+    value: ''
+  }]),
+      _React$useState10 = (0, _slicedToArray2["default"])(_React$useState9, 2),
+      operatorOptions = _React$useState10[0],
+      setOperatorOptions = _React$useState10[1];
+
   var _React$useState11 = _react["default"].useState(data.value),
-    _React$useState12 = (0, _slicedToArray2["default"])(_React$useState11, 2),
-    value = _React$useState12[0],
-    setValue = _React$useState12[1];
+      _React$useState12 = (0, _slicedToArray2["default"])(_React$useState11, 2),
+      value = _React$useState12[0],
+      setValue = _React$useState12[1];
+
   _react["default"].useEffect(function () {
     if (property) {
       var opOptions = buildOperatorOptions(fields[property].mysql_type ? fields[property].mysql_type : fields[property].type).map(function (opt) {
@@ -117,10 +142,13 @@ var ResourceConditionField = function ResourceConditionField(_ref) {
         };
       });
       update(index, 'property', property);
+
       if (!operator) {
         setOperator(opOptions[0].value);
       }
+
       setOperatorOptions(opOptions);
+
       if (fields[property].mysql_type && fields[property].mysql_type === 'date' || fields[property].type === 'date') {
         setValue(startDate.toJSON().slice(0, 10));
       }
@@ -134,6 +162,7 @@ var ResourceConditionField = function ResourceConditionField(_ref) {
       }]);
     }
   }, [property, operator]);
+
   _react["default"].useEffect(function () {
     if (operator) {
       update(index, 'operator', operator);
@@ -141,6 +170,7 @@ var ResourceConditionField = function ResourceConditionField(_ref) {
       update(index, 'operator', '');
     }
   }, [operator]);
+
   _react["default"].useEffect(function () {
     if (value) {
       update(index, 'value', value);
@@ -148,6 +178,7 @@ var ResourceConditionField = function ResourceConditionField(_ref) {
       update(index, 'value', '');
     }
   }, [value]);
+
   return /*#__PURE__*/_react["default"].createElement("fieldset", null, /*#__PURE__*/_react["default"].createElement("div", {
     className: "ds-l-form-row"
   }, /*#__PURE__*/_react["default"].createElement(_designSystem.Dropdown, {
@@ -210,5 +241,6 @@ var ResourceConditionField = function ResourceConditionField(_ref) {
     }
   }, /*#__PURE__*/_react["default"].createElement(_close["default"], null))));
 };
+
 var _default = ResourceConditionField;
 exports["default"] = _default;

package/lib/components/ResourceFilter/index.js

@@ -1,97 +1,125 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _qs = _interopRequireDefault(require("qs"));
+
 var _designSystem = require("@cmsgov/design-system");
+
 var _ResourceConditionField = _interopRequireDefault(require("../ResourceConditionField"));
+
 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; }
+
 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; }
+
 var ResourceFilter = function ResourceFilter(_ref) {
   var id = _ref.id,
-    filterOpen = _ref.filterOpen,
-    setFilterOpen = _ref.setFilterOpen,
-    defaultCondition = _ref.defaultCondition,
-    resource = _ref.resource,
-    includeSearchParams = _ref.includeSearchParams;
+      filterOpen = _ref.filterOpen,
+      setFilterOpen = _ref.setFilterOpen,
+      defaultCondition = _ref.defaultCondition,
+      resource = _ref.resource,
+      includeSearchParams = _ref.includeSearchParams;
   var setConditions = resource.setConditions,
-    schema = resource.schema,
-    conditions = resource.conditions;
+      schema = resource.schema,
+      conditions = resource.conditions;
+
   var _React$useState = _react["default"].useState(conditions && conditions.length ? conditions : [_objectSpread({}, defaultCondition)]),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    formConditions = _React$useState2[0],
-    setFormConditions = _React$useState2[1];
+      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+      formConditions = _React$useState2[0],
+      setFormConditions = _React$useState2[1];
+
   _react["default"].useEffect(function () {
     if (includeSearchParams) {
       var url = new URL(window.location);
+
       var urlString = _qs["default"].stringify({
         conditions: conditions
       }, {
         encodeValuesOnly: true,
         addQueryPrefix: true
       });
+
       window.history.pushState({}, '', "".concat(url.origin).concat(url.pathname).concat(urlString));
     }
   }, [conditions]);
+
   function removeByIndex(index) {
     var newConditions = (0, _toConsumableArray2["default"])(formConditions);
     newConditions.splice(index, 1);
     setFormConditions(newConditions);
     setConditions(newConditions);
   }
+
   function updateByIndex(index, key, value) {
     var newConditions = (0, _toConsumableArray2["default"])(formConditions);
     newConditions[index][key] = value;
     setFormConditions(newConditions);
   }
+
   function removeAll() {
     setFormConditions([]);
     setConditions([]);
   }
+
   function submitFilters(e) {
     e.preventDefault();
+
     if (formConditions.length) {
       var updatedConditions = formConditions.filter(function (cond) {
         if (cond.property) {
           return cond;
         }
+
         return false;
       }).map(function (cond) {
         if (cond.operator === '=' || cond.operator === '<>') {
           if (Array.isArray(cond.value)) {
             cond.value = cond.value.join();
           }
+
           cond.value = cond.value.replace(/(^\%+|\%+$)/gm, '');
         }
+
         if (cond.operator.toLowerCase() === 'like') {
           if (Array.isArray(cond.value)) {
             cond.value = cond.value.join();
           }
+
           var cleanedValue = cond.value.replace(/(^\%+|\%+$)/gm, '');
           cond.value = "%".concat(cleanedValue, "%");
         }
+
         if (cond.operator.toLowerCase() === 'in') {
           if (!Array.isArray(cond.value)) {
             cond.value = cond.value.split(',');
           }
         }
+
         if (Array.isArray(cond.value)) {
           cond.value = cond.value.map(function (v) {
             return v.trim().replace(/(^\%+|\%+$)/gm, '');
           });
         }
+
         return cond;
       });
       setConditions(updatedConditions);
     }
   }
+
   return /*#__PURE__*/_react["default"].createElement(_designSystem.HelpDrawer, {
     footerTitle: "Update actions",
     footerBody: /*#__PURE__*/_react["default"].createElement(_designSystem.Button, {
@@ -133,6 +161,7 @@ var ResourceFilter = function ResourceFilter(_ref) {
     }
   }, "Remove all filters") : '');
 };
+
 ResourceFilter.defaultProps = {
   defaultCondition: {
     property: '',