Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 13 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ class App extends Component {
}
```

## Doc
## Documentation

#### Properties

Expand Down Expand Up @@ -140,6 +140,14 @@ class App extends Component {

## ChangeLog:

### 1.11.1

- Bump dependencies version

### 1.11.0

- Bump dependencies version

### 1.10.0

- Bump dependencies version
Expand Down Expand Up @@ -191,13 +199,16 @@ class App extends Component {
- Adding the key `REACT_APP_MAPBOX_GL_TOKEN` into the `.env` file
- Starting the server by: `yarn start`

## Upgrading dependencies
## Upgrading dependencies checklist
- Pull the latest code
- Create a new branch
- Upgrading the dependencies
```
yarn upgrade-interactive --latest
```
- Test if the app works after upgrading: `yarn start`
- Build the package: `yarn build`
- Increasing the package version in the `package.json`
- Adding the release note in the `README`
- Push the change into Github
- Publish the package into npmjs: `npm publish`
16 changes: 7 additions & 9 deletions dist/common/utils/event.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

Object.defineProperty(exports, "__esModule", {
value: true
Expand All @@ -9,16 +9,14 @@ exports.getExactEventHandlerName = exports.extractEventHandlers = void 0;

var _lodash = _interopRequireDefault(require("lodash"));

var EVENT_PREFIX = /^on(.+)$/i;
const EVENT_PREFIX = /^on(.+)$/i;

var extractEventHandlers = function extractEventHandlers(props) {
return _lodash.default.reduce(Object.keys(props), function (res, prop) {
var cb = props[prop];
const extractEventHandlers = props => {
return _lodash.default.reduce(Object.keys(props), (res, prop) => {
const cb = props[prop];

if (EVENT_PREFIX.test(prop) && _lodash.default.isFunction(cb)) {
var key = prop.replace(EVENT_PREFIX, function (match, p) {
return "on".concat(p);
});
const key = prop.replace(EVENT_PREFIX, (match, p) => "on".concat(p));
res[key] = cb;
}

Expand All @@ -28,7 +26,7 @@ var extractEventHandlers = function extractEventHandlers(props) {

exports.extractEventHandlers = extractEventHandlers;

var getExactEventHandlerName = function getExactEventHandlerName(event) {
const getExactEventHandlerName = event => {
if (!_lodash.default.isString(event)) {
return event;
}
Expand Down
18 changes: 9 additions & 9 deletions dist/common/utils/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -3,27 +3,27 @@
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "checkPropsChange", {
enumerable: true,
get: function () {
return _props.checkPropsChange;
}
});
Object.defineProperty(exports, "extractEventHandlers", {
enumerable: true,
get: function get() {
get: function () {
return _event.extractEventHandlers;
}
});
Object.defineProperty(exports, "getExactEventHandlerName", {
enumerable: true,
get: function get() {
get: function () {
return _event.getExactEventHandlerName;
}
});
Object.defineProperty(exports, "checkPropsChange", {
enumerable: true,
get: function get() {
return _props.checkPropsChange;
}
});
Object.defineProperty(exports, "isReactComponent", {
enumerable: true,
get: function get() {
get: function () {
return _react.isReactComponent;
}
});
Expand Down
10 changes: 5 additions & 5 deletions dist/common/utils/props.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

Object.defineProperty(exports, "__esModule", {
value: true
Expand All @@ -9,12 +9,12 @@ exports.checkPropsChange = void 0;

var _lodash = _interopRequireDefault(require("lodash"));

var checkPropsChange = function checkPropsChange(props, nextProps, keys) {
var equalityChecker = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _lodash.default.isEqual;
const checkPropsChange = function (props, nextProps, keys) {
let equalityChecker = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _lodash.default.isEqual;

var propsToCheck = _lodash.default.pick(props, keys);
const propsToCheck = _lodash.default.pick(props, keys);

var nextPropsToCheck = _lodash.default.pick(nextProps, keys);
const nextPropsToCheck = _lodash.default.pick(nextProps, keys);

if (_lodash.default.isFunction(equalityChecker)) {
return equalityChecker(propsToCheck, nextPropsToCheck);
Expand Down
18 changes: 8 additions & 10 deletions dist/common/utils/react.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

Object.defineProperty(exports, "__esModule", {
value: true
Expand All @@ -11,24 +11,22 @@ var _react = _interopRequireDefault(require("react"));

var _lodash = _interopRequireDefault(require("lodash"));

var isFunctionComponent = function isFunctionComponent(component) {
return component && _lodash.default.isFunction(component.type) && String(component.type).includes("createElement");
};
const isFunctionComponent = component => component && _lodash.default.isFunction(component.type) && String(component.type).includes("createElement");
/**
* Check if a component is a custom class React component or native DOM elements (e.g. div, span)
* @param {*} component
* @return {bool} True if the input component is React component
*/


var isReactComponent = function isReactComponent(component) {
var isReactComponent = _lodash.default.get(component, "type.prototype.isReactComponent");
const isReactComponent = component => {
const isReactComponent = _lodash.default.get(component, "type.prototype.isReactComponent");

var isPureReactComponent = _lodash.default.get(component, "type.prototype.isPureReactComponent");
const isPureReactComponent = _lodash.default.get(component, "type.prototype.isPureReactComponent");

var isFunctionalComponent = isFunctionComponent(component);
var isFragmentComponent = _lodash.default.toString(_lodash.default.get(component, "type")) === "Symbol(react.fragment)";
var isReactMemoComponent = _lodash.default.toString(_lodash.default.get(component, "$$typeof")) === "Symbol(react.memo)";
const isFunctionalComponent = isFunctionComponent(component);
const isFragmentComponent = _lodash.default.toString(_lodash.default.get(component, "type")) === "Symbol(react.fragment)";
const isReactMemoComponent = _lodash.default.toString(_lodash.default.get(component, "$$typeof")) === "Symbol(react.memo)";
return isReactMemoComponent || /*#__PURE__*/_react.default.isValidElement(component) && (isReactComponent || isPureReactComponent || isFunctionalComponent || isFragmentComponent);
};

Expand Down
30 changes: 4 additions & 26 deletions dist/components/MappedComponent.js
Original file line number Diff line number Diff line change
@@ -1,42 +1,20 @@
"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));

var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));

var _react = require("react");

var _reactMapboxGl = require("react-mapbox-gl");

var MappedComponent = /*#__PURE__*/function (_Component) {
(0, _inherits2.default)(MappedComponent, _Component);

var _super = (0, _createSuper2.default)(MappedComponent);

function MappedComponent() {
(0, _classCallCheck2.default)(this, MappedComponent);
return _super.apply(this, arguments);
class MappedComponent extends _react.Component {
getMapInstance() {
return this.context;
}

(0, _createClass2.default)(MappedComponent, [{
key: "getMapInstance",
value: function getMapInstance() {
return this.context;
}
}]);
return MappedComponent;
}(_react.Component);
}

MappedComponent.contextType = _reactMapboxGl.MapContext;
var _default = MappedComponent;
Expand Down
Loading