@urbanos/react-discovery-ui 2.1.54 → 2.1.55

package/lib/assets/arrow_right.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg viewBox="0 0 8 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="designs" stroke="none" stroke-width="1" transform="translate(0, 12) rotate(-90.000000)">
+        <polygon id="path-1" points="1.41 0.59 6 5.17 10.59 0.59 12 2 6 8 0 2"></polygon>
+    </g>
+</svg>

package/lib/components/generic-elements/{arrow-button/arrow-button.js → arrow-left-button/arrow-left-button.js}

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _arrow = _interopRequireDefault(require("../../../assets/arrow.svg"));
+var _arrow_left = _interopRequireDefault(require("../../../assets/arrow_left.svg"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var ENABLED_COLOR = '#000000';
 var DISABLED_COLOR = '#595959';
@@ -19,10 +19,10 @@ var _default = exports.default = function _default(_ref) {
     disabled: disabled,
     className: "".concat(className, " ").concat(disabled ? 'disabled' : ''),
     onClick: onClick
-  }, /*#__PURE__*/React.createElement(_arrow.default, {
+  }, /*#__PURE__*/React.createElement(_arrow_left.default, {
     className: innerClass,
     height: "inherit",
     fill: disabled ? DISABLED_COLOR : ENABLED_COLOR,
-    accessibilityDesc: "Arrow"
+    accessibilityDesc: "Arrow Left"
   }));
 };

package/lib/components/generic-elements/{arrow-button → arrow-left-button}/index.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _arrowButton = _interopRequireDefault(require("./arrow-button"));
+var _arrowLeftButton = _interopRequireDefault(require("./arrow-left-button"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = _arrowButton.default;
+var _default = exports.default = _arrowLeftButton.default;

package/lib/components/generic-elements/arrow-right-button/arrow-right-button.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _arrow_right = _interopRequireDefault(require("../../../assets/arrow_right.svg"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var ENABLED_COLOR = '#000000';
+var DISABLED_COLOR = '#595959';
+var _default = exports.default = function _default(_ref) {
+  var className = _ref.className,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    innerClass = _ref.innerClass;
+  return /*#__PURE__*/React.createElement("button", {
+    disabled: disabled,
+    className: "".concat(className, " ").concat(disabled ? 'disabled' : ''),
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement(_arrow_right.default, {
+    className: innerClass,
+    height: "inherit",
+    fill: disabled ? DISABLED_COLOR : ENABLED_COLOR,
+    accessibilityDesc: "Arrow Right"
+  }));
+};

package/lib/components/generic-elements/arrow-right-button/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _arrowRightButton = _interopRequireDefault(require("./arrow-right-button"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _arrowRightButton.default;

package/lib/components/generic-elements/paginator/paginator.js

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 require("./paginator.scss");
 var _lodash = _interopRequireDefault(require("lodash"));
-var _arrowButton = _interopRequireDefault(require("../arrow-button"));
+var _arrowLeftButton = _interopRequireDefault(require("../arrow-left-button"));
+var _arrowRightButton = _interopRequireDefault(require("../arrow-right-button"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var DISPLAY_SIZE = 7;
 // Half the display width minus the first/last element and the elipsis
@@ -20,7 +21,7 @@ var _default = exports.default = function _default(_ref) {
   return /*#__PURE__*/React.createElement("paginator-element", {
     "data-testid": "paginator",
     class: className
-  }, /*#__PURE__*/React.createElement(_arrowButton.default, {
+  }, /*#__PURE__*/React.createElement(_arrowLeftButton.default, {
     className: "pagination-box arrow",
     disabled: currentPage === 1,
     onClick: function onClick() {
@@ -29,7 +30,7 @@ var _default = exports.default = function _default(_ref) {
     innerClass: "left-arrow"
   }), options.map(function (text, index) {
     return createOption(index, text, currentPage, pageChangeCallback);
-  }), /*#__PURE__*/React.createElement(_arrowButton.default, {
+  }), /*#__PURE__*/React.createElement(_arrowRightButton.default, {
     className: "pagination-box arrow",
     disabled: currentPage === numberOfPages,
     onClick: function onClick() {

package/lib/components/generic-elements/paginator/paginator.test.js

@@ -1,5 +1,7 @@
 import Paginator from './paginator'
-import ArrowButton from '../arrow-button'
+// import ArrowButton from '../arrow-button'
+import ArrowRightButton from '../arrow-right-button'
+import ArrowLeftButton from '../arrow-left-button'
 import { shallow } from 'enzyme'
 
 describe('Paginator', () => {
@@ -108,7 +110,7 @@ describe('Paginator', () => {
     test('clicking the left arrow when on the first page does nothing', () => {
       const subject = shallow(<Paginator currentPage={1} numberOfPages={15} pageChangeCallback={pageChangeCallback} />)
 
-      subject.find(ArrowButton).at(0).props().onClick()
+      subject.find(ArrowLeftButton).at(0).props().onClick()
 
       expect(pageChangeCallback).not.toHaveBeenCalled()
     })
@@ -116,7 +118,7 @@ describe('Paginator', () => {
     test('clicking the right arrow when on the last page does nothing', () => {
       const subject = shallow(<Paginator currentPage={15} numberOfPages={15} pageChangeCallback={pageChangeCallback} />)
 
-      subject.find(ArrowButton).at(1).props().onClick()
+      subject.find(ArrowRightButton).at(0).props().onClick()
 
       expect(pageChangeCallback).not.toHaveBeenCalled()
     })
@@ -124,7 +126,7 @@ describe('Paginator', () => {
     test('clicking the left arrow invokes the pageChangeCallback with the previous page', () => {
       const subject = shallow(<Paginator currentPage={4} numberOfPages={15} pageChangeCallback={pageChangeCallback} />)
 
-      subject.find(ArrowButton).at(0).props().onClick()
+      subject.find(ArrowLeftButton).at(0).props().onClick()
 
       expect(pageChangeCallback).toHaveBeenCalledWith(3)
     })
@@ -132,7 +134,7 @@ describe('Paginator', () => {
     test('clicking the right arrow invokes the pageChangeCallback with the next page', () => {
       const subject = shallow(<Paginator currentPage={4} numberOfPages={15} pageChangeCallback={pageChangeCallback} />)
 
-      subject.find(ArrowButton).at(1).props().onClick()
+      subject.find(ArrowRightButton).at(0).props().onClick()
 
       expect(pageChangeCallback).toHaveBeenCalledWith(5)
     })

package/lib/pages/chart-view/chart-view.js

@@ -14,8 +14,6 @@ var _lodash = require("lodash");
 var _loadingElement = _interopRequireDefault(require("../../components/generic-elements/loading-element"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// import 'react-chart-editor/lib/react-chart-editor.ie.css'
-
 var hasDataSources = function hasDataSources(dataSources) {
   return dataSources && Object.keys(dataSources).length > 0;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@urbanos/react-discovery-ui",
-  "version": "2.1.54",
+  "version": "2.1.55",
   "description": "React component for dataset discovery UI",
   "main": "./lib/ReactDiscoveryUI.js",
   "repository": {