@urbanos/react-discovery-ui 2.1.43

package/lib/store/reducers/reducers.test.js

@@ -0,0 +1,309 @@
+import reducer from './index'
+import {
+  DISPLAY_ERROR,
+  DATASET_DETAILS,
+  RETRIEVE_DATASET_PREVIEW,
+  DATASET_PREVIEW,
+  DATASET_REFERENCE,
+  RESET_DATASET_REFERENCES,
+  CLEAR_DATASET_DETAILS,
+  LOGIN,
+  LOGIN_SUCCESS,
+  LOGIN_FAILURE,
+  DOWNLOAD_DATASET_SUCCEEDED,
+  CLEAR_DATASET_PREVIEW,
+  DATASET_SEARCH,
+  DATASET_SEARCH_SUCCEEDED, GENERATE_API_KEY_SUCCEEDED, GENERATE_API_KEY
+} from '../actions'
+import datasetStub from '../../../stubs/dataset-details-stub'
+
+describe('Dataset Reducer', () => {
+  it('DISPLAY_ERROR sets datasetError to true', () => {
+    const currentState = {
+      datasetReducer: {
+        datasetError: false
+      }
+    }
+    const newState = reducer(currentState, { type: DISPLAY_ERROR })
+
+    expect(newState.datasetReducer.datasetError).toEqual(true)
+  })
+
+  it('DATASET_DETAILS places dataset in the state', () => {
+    const currentState = {}
+    const newState = reducer(currentState, {
+      type: DATASET_DETAILS,
+      value: datasetStub
+    })
+
+    expect(newState.datasetReducer.dataset).toEqual(datasetStub)
+  })
+
+  it('DOWNLOAD_DATASET_SUCCEEDED places downloaded data in state', () => {
+    const currentState = {}
+    const response = { id: 123 }
+
+    const newState = reducer(currentState, {
+      type: DOWNLOAD_DATASET_SUCCEEDED,
+      value: response
+    })
+
+    expect(newState.datasetReducer.downloadedDataset).toEqual(response)
+  })
+
+  describe('CLEAR_DATASET_DETAILS', () => {
+    const currentState = {
+      datasetReducer: {
+        dataset: { id: 123 },
+        downloadedDataset: { id: 123 },
+        recommendations: [{ id: 123 }]
+      }
+    }
+    let newState
+
+    beforeEach(() => {
+      newState = reducer(currentState, { type: CLEAR_DATASET_DETAILS })
+    })
+
+    it('clears dataset', () => {
+      expect(newState.datasetReducer.dataset).toEqual(undefined)
+    })
+
+    it('clears downloadedDataset', () => {
+      expect(newState.datasetReducer.downloadedDataset).toEqual(undefined)
+    })
+
+    it('clears recommendations', () => {
+      expect(newState.datasetReducer.recommendations).toEqual([])
+    })
+  })
+})
+
+describe('UI Reducer', () => {
+  it('RETRIEVE_DATASET_PREVIEW sets previewLoading to true', () => {
+    const currentState = {
+      presentation: {
+        previewLoading: false
+      },
+      queryReducer: {
+        isVisualizationQueryLoading: false
+      }
+    }
+    const newState = reducer(currentState, { type: RETRIEVE_DATASET_PREVIEW })
+
+    expect(newState.presentation.previewLoading).toEqual(true)
+  })
+
+  it('DATASET_PREIVEW sets previewLoading to false', () => {
+    const currentState = {
+      presentation: {
+        previewLoading: true,
+        dataset_preview: {}
+      }
+    }
+    const newState = reducer(currentState, { value: {}, type: DATASET_PREVIEW })
+
+    expect(newState.presentation.previewLoading).toEqual(false)
+  })
+
+  it('DATASET_PREVIEW sets dataset_preview', () => {
+    const currentState = {
+      presentation: { dataset_preview: {} }
+    }
+    const expectedData = {
+      firstName: 'Joe',
+      lastName: 'Smith'
+    }
+    const actionValue = {
+      data: expectedData,
+      format: 'json'
+    }
+    const newState = reducer(currentState, {
+      type: DATASET_PREVIEW,
+      value: actionValue
+    })
+    expect(newState.presentation.dataset_preview.json).toEqual(expectedData)
+  })
+
+  it('CLEAR_DATASET_PREVIEW clears out preview data', () => {
+    const currentState = {
+      presentation: {
+        dataset_preview: 'something',
+        previewLoading: true
+      }
+    }
+    const expectedData = {
+      dataset_preview: {},
+      previewLoading: false
+    }
+    const newState = reducer(currentState, { type: CLEAR_DATASET_PREVIEW })
+
+    expect(newState.presentation).toEqual(expectedData)
+  })
+
+  it('DATASET_REFERENCE sets datasetReferences', () => {
+    const currentState = {
+      presentation: { datasetReferences: {} }
+    }
+    const dataset = {
+      name: 'dName',
+      title: 'Title D#',
+      id: '123',
+      organization: {
+        name: 'oName'
+      }
+    }
+    const expectedData = {
+      123: { name: 'dName', org: 'oName', title: 'Title D#', id: '123' }
+    }
+    const actionValue = dataset
+    const newState = reducer(currentState, {
+      type: DATASET_REFERENCE,
+      value: actionValue
+    })
+    expect(newState.presentation.datasetReferences).toEqual(expectedData)
+  })
+
+  it('RESET_DATASET_REFERENCES removes all dataset references', () => {
+    const currentState = {
+      presentation: {
+        datasetReferences: {
+          123: { name: 'dName', org: 'oName', title: 'Title D#', id: '123' }
+        }
+      }
+    }
+    const dataset = {
+      name: 'dName',
+      title: 'Title D#',
+      id: '123',
+      organization: {
+        name: 'oName'
+      }
+    }
+    const expectedData = {}
+    const actionValue = dataset
+    const newState = reducer(currentState, {
+      type: RESET_DATASET_REFERENCES,
+      value: actionValue
+    })
+    expect(newState.presentation.datasetReferences).toEqual(expectedData)
+  })
+
+  it('LOGIN sets loading to true', () => {
+    const currentState = {
+      presentation: {
+        isLoading: false
+      }
+    }
+    const newState = reducer(currentState, { type: LOGIN })
+
+    expect(newState.presentation.isLoading).toEqual(true)
+  })
+
+  it('LOGIN_SUCCESS sets lastLoginAttemptFailed to false', () => {
+    const currentState = {
+      presentation: {
+        lastLoginAttemptFailed: true
+      }
+    }
+    const newState = reducer(currentState, { type: LOGIN_SUCCESS })
+
+    expect(newState.presentation.lastLoginAttemptFailed).toEqual(false)
+    expect(newState.presentation.isLoading).toEqual(false)
+  })
+
+  it('LOGIN_FAILURE sets lastLoginAttemptFailed to true', () => {
+    const currentState = {
+      presentation: {
+        lastLoginAttemptFailed: false
+      }
+    }
+    const newState = reducer(currentState, { type: LOGIN_FAILURE })
+
+    expect(newState.presentation.lastLoginAttemptFailed).toEqual(true)
+    expect(newState.presentation.isLoading).toEqual(false)
+  })
+
+  it('GENERATE_API_KEY sets isLoading to true', () => {
+    const currentState = {
+      presentation: {
+        isLoading: false
+      }
+    }
+    const newState = reducer(currentState, { value: { }, type: GENERATE_API_KEY })
+
+    expect(newState.presentation.isLoading).toEqual(true)
+  })
+
+  it('GENERATE_API_KEY_SUCCEEDED sets apiKey to the obtained value', () => {
+    const expectedApiKey = 'newApiKey'
+    const currentState = {
+      presentation: {
+        apiKey: 'oldApiKey'
+      }
+    }
+    const newState = reducer(currentState, { value: { apiKey: expectedApiKey }, type: GENERATE_API_KEY_SUCCEEDED })
+
+    expect(newState.presentation.apiKey).toEqual(expectedApiKey)
+  })
+
+  it('GENERATE_API_KEY_SUCCEEDED sets isLoading to false', () => {
+    const currentState = {
+      presentation: {
+        isLoading: true
+      }
+    }
+    const newState = reducer(currentState, { value: { }, type: GENERATE_API_KEY_SUCCEEDED })
+
+    expect(newState.presentation.isLoading).toEqual(false)
+  })
+})
+
+describe('Search Reducer', () => {
+  it('DATASET_SEARCH sets isRunning to true', () => {
+    const currentState = {
+      searchReducer: {
+        isRunning: false
+      }
+    }
+    const newState = reducer(currentState, { type: DATASET_SEARCH })
+
+    expect(newState.searchReducer.isRunning).toEqual(true)
+  })
+
+  it('DATASET_SEARCH_SUCCEEDED sets searchResults and metadata in the state', () => {
+    const currentState = {
+      searchReducer: {
+        searchResults: {}
+      }
+    }
+    const expectedData = {
+      results: [{ this: 'bob', that: 'joe' }],
+      metadata: ['metadata']
+    }
+    const newState = reducer(currentState, {
+      type: DATASET_SEARCH_SUCCEEDED,
+      value: expectedData
+    })
+
+    expect(newState.searchReducer.searchResults).toEqual(expectedData.results)
+    expect(newState.searchReducer.searchMetadata).toEqual(
+      expectedData.metadata
+    )
+  })
+
+  it('DATASET_SEARCH_SUCCEEDED sets isRunning to false', () => {
+    const currentState = {
+      searchReducer: {
+        isRunning: true
+      }
+    }
+    const expectedData = []
+    const newState = reducer(currentState, {
+      type: DATASET_SEARCH_SUCCEEDED,
+      value: expectedData
+    })
+
+    expect(newState.searchReducer.isRunning).toEqual(false)
+  })
+})

package/lib/store/reducers/visualization-reducer.js

@@ -0,0 +1,167 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _actions = require("../actions");
+var _lodash = require("lodash");
+var _reactRouterDom = require("react-router-dom");
+var _luxon = require("luxon");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var defaultVisualizationState = {
+  visualization: {
+    id: undefined
+  },
+  chart: {
+    data: [],
+    layout: {},
+    frames: []
+  },
+  loading: false,
+  loadSuccess: false,
+  loadFailure: false,
+  saving: false,
+  saveSuccess: false,
+  saveFailure: false,
+  deleting: false,
+  deleteSuccess: false,
+  deleteFailure: false
+};
+var visualizationReducer = function visualizationReducer() {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultVisualizationState;
+  var action = arguments.length > 1 ? arguments[1] : undefined;
+  switch (action.type) {
+    case _actions.VISUALIZATION_LOAD:
+      return Object.assign({}, state, {
+        loading: true,
+        loadSuccess: false,
+        loadFailure: false
+      });
+    case _actions.VISUALIZATION_LOAD_SUCCESS:
+      return Object.assign({}, state, {
+        visualization: action.value,
+        loading: false,
+        loadSuccess: true,
+        loadFailure: false
+      });
+    case _actions.VISUALIZATION_LOAD_FAILURE:
+      return Object.assign({}, state, {
+        loading: false,
+        loadSuccess: false,
+        loadFailure: true
+      });
+    case _actions.VISUALIZATIONS_LOAD_ALL:
+      return Object.assign({}, state, {
+        loading: true,
+        loadSuccess: false,
+        loadFailure: false
+      });
+    case _actions.VISUALIZATIONS_LOAD_ALL_SUCCESS:
+      return Object.assign({}, state, {
+        userVisualizations: formatVisualizationsForTable(action.value),
+        loading: false,
+        loadSuccess: true,
+        loadFailure: false
+      });
+    case _actions.VISUALIZATIONS_LOAD_ALL_FAILURE:
+      return Object.assign({}, state, {
+        loading: false,
+        loadSuccess: false,
+        loadFailure: true
+      });
+    case _actions.VISUALIZATION_DELETE:
+      return Object.assign({}, state, {
+        deleteFailure: false,
+        deleteSuccess: false,
+        deleting: true
+      });
+    case _actions.VISUALIZATION_DELETE_FAILURE:
+      return Object.assign({}, state, {
+        deleteFailure: true,
+        deleting: false
+      });
+    case _actions.VISUALIZATION_DELETE_SUCCESS:
+      return Object.assign({}, state, {
+        deleteSuccess: true,
+        deleting: false
+      });
+    case _actions.VISUALIZATION_DELETE_CLEAR:
+      return Object.assign({}, state, {
+        deleteSuccess: false,
+        deleteFailure: false,
+        deleting: false
+      });
+    case _actions.VISUALIZATION_SAVE:
+      return Object.assign({}, state, {
+        saving: true,
+        saveSuccess: false,
+        saveFailure: false
+      });
+    case _actions.VISUALIZATION_SAVE_SUCCESS:
+      return Object.assign({}, state, {
+        visualization: action.value,
+        saving: false,
+        saveSuccess: true,
+        saveFailure: false
+      });
+    case _actions.VISUALIZATION_SAVE_FAILURE:
+      return Object.assign({}, state, {
+        saving: false,
+        saveSuccess: false,
+        saveFailure: true
+      });
+    case _actions.SET_CHART_INFORMATION:
+      return Object.assign({}, state, {
+        chart: constructValidChart(action.value)
+      });
+    case _actions.VISUALIZATION_RESET:
+      return defaultVisualizationState;
+    default:
+      return state;
+  }
+};
+var constructValidChart = function constructValidChart(_ref) {
+  var data = _ref.data,
+    frames = _ref.frames,
+    layout = _ref.layout;
+  return {
+    data: isValidChartData(data) ? data : [],
+    frames: isValidChartFrames(frames) ? frames : [],
+    layout: isValidChartLayout(layout) ? layout : {}
+  };
+};
+var isValidChartData = function isValidChartData(data) {
+  return (0, _lodash.isArray)(data) && data.every(_lodash.isPlainObject);
+};
+var isValidChartFrames = function isValidChartFrames(frames) {
+  return (0, _lodash.isArray)(frames) && frames.every(_lodash.isPlainObject);
+};
+var isValidChartLayout = function isValidChartLayout(layout) {
+  return (0, _lodash.isPlainObject)(layout);
+};
+var utcToLocalTime = function utcToLocalTime(utcString) {
+  return _luxon.DateTime.fromISO(utcString, {
+    zone: 'utc'
+  }).toLocal().toISO({
+    includeOffset: false,
+    suppressMilliseconds: true
+  });
+};
+var formatVisualizationsForTable = function formatVisualizationsForTable(visualizations) {
+  return visualizations.map(function (visualization) {
+    return _objectSpread(_objectSpread({}, visualization), {}, {
+      title: /*#__PURE__*/React.createElement(_reactRouterDom.Link, {
+        to: "/visualization/".concat(visualization.id)
+      }, visualization.title),
+      created: utcToLocalTime(visualization.created),
+      updated: utcToLocalTime(visualization.updated)
+    });
+  });
+};
+var _default = exports.default = visualizationReducer;