@map-colonies/react-components 3.6.5 → 3.7.4
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/CHANGELOG.md +52 -0
- package/dist/autocomplete/autocomplete.css +25 -0
- package/dist/autocomplete/autocomplete.d.ts +34 -0
- package/dist/autocomplete/autocomplete.d.ts.map +1 -0
- package/dist/autocomplete/autocomplete.js +467 -0
- package/dist/autocomplete/autocomplete.js.map +1 -0
- package/dist/autocomplete/index.d.ts +2 -0
- package/dist/autocomplete/index.d.ts.map +1 -0
- package/dist/autocomplete/index.js +5 -0
- package/dist/autocomplete/index.js.map +1 -0
- package/dist/cesium-map/layers-manager.d.ts +3 -0
- package/dist/cesium-map/layers-manager.d.ts.map +1 -1
- package/dist/cesium-map/layers-manager.js +63 -0
- package/dist/cesium-map/layers-manager.js.map +1 -1
- package/dist/cesium-map/map.d.ts +20 -1
- package/dist/cesium-map/map.d.ts.map +1 -1
- package/dist/cesium-map/map.js +55 -11
- package/dist/cesium-map/map.js.map +1 -1
- package/dist/cesium-map/tools/geojson/point.geojson.d.ts +4 -0
- package/dist/cesium-map/tools/geojson/point.geojson.d.ts.map +1 -0
- package/dist/cesium-map/tools/geojson/point.geojson.js +20 -0
- package/dist/cesium-map/tools/geojson/point.geojson.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +7 -3
- package/src/lib/autocomplete/autocomplete.css +25 -0
- package/src/lib/autocomplete/autocomplete.stories.tsx +101 -0
- package/src/lib/autocomplete/autocomplete.tsx +683 -0
- package/src/lib/autocomplete/get-input-selection.d.ts +1 -0
- package/src/lib/autocomplete/index.ts +1 -0
- package/src/lib/cesium-map/context-menu.stories.tsx +445 -0
- package/src/lib/cesium-map/layers-manager.ts +76 -0
- package/src/lib/cesium-map/map.tsx +94 -3
- package/src/lib/cesium-map/tools/geojson/point.geojson.ts +29 -0
- package/src/lib/index.ts +1 -0
|
@@ -10,10 +10,17 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
13
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
17
|
/* eslint-disable @typescript-eslint/no-unsafe-member-access */
|
|
15
18
|
var cesium_1 = require("cesium");
|
|
16
19
|
var lodash_1 = require("lodash");
|
|
20
|
+
var boolean_point_in_polygon_1 = __importDefault(require("@turf/boolean-point-in-polygon"));
|
|
21
|
+
var point_geojson_1 = require("./tools/geojson/point.geojson");
|
|
22
|
+
var INC = 1;
|
|
23
|
+
var DEC = -1;
|
|
17
24
|
var LayerManager = /** @class */ (function () {
|
|
18
25
|
function LayerManager(mapViewer) {
|
|
19
26
|
this.mapViewer = mapViewer;
|
|
@@ -89,16 +96,21 @@ var LayerManager = /** @class */ (function () {
|
|
|
89
96
|
};
|
|
90
97
|
LayerManager.prototype.raise = function (layerId, positions) {
|
|
91
98
|
if (positions === void 0) { positions = 1; }
|
|
99
|
+
var _a;
|
|
92
100
|
var layer = this.findLayerById(layerId);
|
|
101
|
+
var order = ((_a = layer) === null || _a === void 0 ? void 0 : _a.meta).zIndex;
|
|
93
102
|
if (layer) {
|
|
94
103
|
for (var position = 0; position < positions; position++) {
|
|
95
104
|
this.mapViewer.imageryLayers.raise(layer);
|
|
96
105
|
}
|
|
97
106
|
}
|
|
107
|
+
this.updateLayersOrder(layerId, order, order + positions);
|
|
98
108
|
};
|
|
99
109
|
LayerManager.prototype.lower = function (layerId, positions) {
|
|
100
110
|
if (positions === void 0) { positions = 1; }
|
|
111
|
+
var _a;
|
|
101
112
|
var layer = this.findLayerById(layerId);
|
|
113
|
+
var order = ((_a = layer) === null || _a === void 0 ? void 0 : _a.meta).zIndex;
|
|
102
114
|
var lowerLimit = this.getBaseLayersCount();
|
|
103
115
|
var layerIdx = this.mapViewer.imageryLayers.indexOf(layer);
|
|
104
116
|
if (layerIdx - positions <= lowerLimit) {
|
|
@@ -109,21 +121,27 @@ var LayerManager = /** @class */ (function () {
|
|
|
109
121
|
this.mapViewer.imageryLayers.lower(layer);
|
|
110
122
|
}
|
|
111
123
|
}
|
|
124
|
+
this.updateLayersOrder(layerId, order, order - positions);
|
|
112
125
|
};
|
|
113
126
|
LayerManager.prototype.raiseToTop = function (layerId) {
|
|
127
|
+
var _a;
|
|
114
128
|
var layer = this.findLayerById(layerId);
|
|
129
|
+
var order = ((_a = layer) === null || _a === void 0 ? void 0 : _a.meta).zIndex;
|
|
115
130
|
if (layer) {
|
|
116
131
|
this.mapViewer.imageryLayers.raiseToTop(layer);
|
|
117
132
|
}
|
|
133
|
+
this.updateLayersOrder(layerId, order, this.mapViewer.imageryLayers.length - this.getBaseLayersCount() - 1);
|
|
118
134
|
};
|
|
119
135
|
LayerManager.prototype.lowerToBottom = function (layerId) {
|
|
120
136
|
var layer = this.findLayerById(layerId);
|
|
137
|
+
// const order = (layer?.meta as Record<string, unknown>).zIndex as number;
|
|
121
138
|
var lowerLimit = this.getBaseLayersCount();
|
|
122
139
|
var layerIdx = this.mapViewer.imageryLayers.indexOf(layer);
|
|
123
140
|
this.lower(layerId, layerIdx - lowerLimit);
|
|
124
141
|
// if (layer) {
|
|
125
142
|
// this.mapViewer.imageryLayers.lowerToBottom(layer);
|
|
126
143
|
// }
|
|
144
|
+
// this.updateLayersOrder(layerId, order, 0);
|
|
127
145
|
};
|
|
128
146
|
LayerManager.prototype.length = function () {
|
|
129
147
|
return this.mapViewer.imageryLayers.length;
|
|
@@ -150,6 +168,33 @@ var LayerManager = /** @class */ (function () {
|
|
|
150
168
|
var layerIdx = this.mapViewer.imageryLayers.indexOf(layerInt);
|
|
151
169
|
return layerIdx ? this.mapViewer.imageryLayers.get(layerIdx) : undefined;
|
|
152
170
|
};
|
|
171
|
+
LayerManager.prototype.findLayerByPOI = function (x, y) {
|
|
172
|
+
var position = point_geojson_1.pointToGeoJSON(this.mapViewer, x, y);
|
|
173
|
+
var nonBaseLayers = this.layers.filter(function (layer) {
|
|
174
|
+
var parentId = lodash_1.get(layer.meta, 'parentBasetMapId');
|
|
175
|
+
return parentId ? false : true;
|
|
176
|
+
});
|
|
177
|
+
var selectedVisibleLayers = nonBaseLayers.filter(function (layer) {
|
|
178
|
+
var layerFootprint = lodash_1.get(layer.meta, 'details.footprint');
|
|
179
|
+
if (layerFootprint !== undefined) {
|
|
180
|
+
var isInLayer = boolean_point_in_polygon_1.default(position.geometry, {
|
|
181
|
+
type: 'Feature',
|
|
182
|
+
properties: {},
|
|
183
|
+
geometry: layerFootprint,
|
|
184
|
+
});
|
|
185
|
+
return isInLayer && layer.show;
|
|
186
|
+
}
|
|
187
|
+
else {
|
|
188
|
+
console.warn('CesiumImageryLayer has no defined footprint', layer.meta);
|
|
189
|
+
return false;
|
|
190
|
+
}
|
|
191
|
+
});
|
|
192
|
+
return selectedVisibleLayers.sort(function (layer1, layer2) {
|
|
193
|
+
var _a, _b;
|
|
194
|
+
// @ts-ignore
|
|
195
|
+
return ((_a = layer2.meta) === null || _a === void 0 ? void 0 : _a.zIndex) - ((_b = layer1.meta) === null || _b === void 0 ? void 0 : _b.zIndex);
|
|
196
|
+
});
|
|
197
|
+
};
|
|
153
198
|
LayerManager.prototype.getBaseLayersCount = function () {
|
|
154
199
|
var baseLayers = this.layers.filter(function (layer) {
|
|
155
200
|
var parentId = lodash_1.get(layer.meta, 'parentBasetMapId');
|
|
@@ -163,6 +208,24 @@ var LayerManager = /** @class */ (function () {
|
|
|
163
208
|
return layer.meta !== undefined ? layer.meta.id === layerId : false;
|
|
164
209
|
});
|
|
165
210
|
};
|
|
211
|
+
LayerManager.prototype.updateLayersOrder = function (id, from, to) {
|
|
212
|
+
var move = from > to ? INC : DEC;
|
|
213
|
+
var min = from < to ? from : to;
|
|
214
|
+
var max = from < to ? to : from;
|
|
215
|
+
this.layers.forEach(function (layer) {
|
|
216
|
+
var _a;
|
|
217
|
+
var parentId = lodash_1.get(layer.meta, 'parentBasetMapId');
|
|
218
|
+
if (!parentId) {
|
|
219
|
+
var layerOrder = (_a = layer.meta) === null || _a === void 0 ? void 0 : _a.zIndex;
|
|
220
|
+
layer.meta.zIndex =
|
|
221
|
+
layerOrder >= min && layerOrder <= max && layerOrder !== from
|
|
222
|
+
? layerOrder + move
|
|
223
|
+
: layerOrder === from
|
|
224
|
+
? to
|
|
225
|
+
: layerOrder;
|
|
226
|
+
}
|
|
227
|
+
});
|
|
228
|
+
};
|
|
166
229
|
return LayerManager;
|
|
167
230
|
}());
|
|
168
231
|
exports.default = LayerManager;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layers-manager.js","sourceRoot":"","sources":["../../src/lib/cesium-map/layers-manager.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"layers-manager.js","sourceRoot":"","sources":["../../src/lib/cesium-map/layers-manager.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+DAA+D;AAC/D,iCAKgB;AAChB,iCAA6B;AAE7B,4FAAmE;AASnE,+DAA+D;AAE/D,IAAM,GAAG,GAAG,CAAC,CAAC;AACd,IAAM,GAAG,GAAG,CAAC,CAAC,CAAC;AA2Bf;IAKE,sBAAmB,SAAuB;QACxC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,2BAA2B;QAC3B,IAAI,CAAC,MAAM,GAAI,IAAI,CAAC,SAAS,CAAC,aAAqB,CAAC,OAAO,CAAC;IAC9D,CAAC;IAED,oBAAoB;IACb,qCAAc,GAArB,UACE,IAAS,EACT,cAA6D;QAE7D,IAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAC/C,IAAI,KAAK,EAAE;YACT,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;SACnB;IACH,CAAC;IACD,mBAAmB;IAEZ,uCAAgB,GAAvB,UAAwB,OAAiB;QAAzC,iBAOC;QANC,IAAM,mBAAmB,GAAG,OAAO,CAAC,eAAe,CAAC,IAAI,CACtD,UAAC,MAAM,EAAE,MAAM,IAAK,OAAA,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAA7B,CAA6B,CAClD,CAAC;QACF,mBAAmB,CAAC,OAAO,CAAC,UAAC,KAAK,EAAE,GAAG;YACrC,KAAI,CAAC,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,qCAAc,GAArB,UACE,KAAmB,EACnB,KAAa,EACb,QAAgB;QAEhB,IAAI,WAA4C,CAAC;QACjD,QAAQ,KAAK,CAAC,IAAI,EAAE;YAClB,KAAK,WAAW;gBACd,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,kBAAkB,CAC3D,IAAI,mCAA0B,CAC5B,KAAK,CAAC,OAAwD,CAC/D,EACD,KAAK,CACN,CAAC;gBACF,MAAM;YACR,KAAK,WAAW;gBACd,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,kBAAkB,CAC3D,IAAI,qCAA4B,CAC9B,KAAK,CAAC,OAA0D,CACjE,EACD,KAAK,CACN,CAAC;gBACF,MAAM;YACR,KAAK,YAAY;gBACf,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,kBAAkB,CAC3D,IAAI,yCAAgC,CAClC,KAAK,CAAC,OAA8D,CACrE,EACD,KAAK,CACN,CAAC;gBACF,MAAM;YACR,KAAK,WAAW;gBACd,MAAM;SACT;QACD,IAAI,WAAW,EAAE;YACf,WAAW,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;YAClC,WAAW,CAAC,IAAI,cACd,gBAAgB,EAAE,QAAQ,IACvB,KAAK,CACT,CAAC;YACF,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE;gBAC5B,WAAW,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;aAC/B;SACF;IACH,CAAC;IAEM,kCAAW,GAAlB,UAAmB,OAAe;QAChC,IAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAE1C,IAAI,KAAK,EAAE;YACT,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;SAClD;IACH,CAAC;IAEM,0CAAmB,GAA1B;QAAA,iBASC;QARC,IAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,UAAC,KAAK;YAC7C,IAAM,QAAQ,GAAG,YAAG,CAAC,KAAK,CAAC,IAAI,EAAE,kBAAkB,CAAW,CAAC;YAC/D,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;QACjC,CAAC,CAAC,CAAC;QACH,aAAa,CAAC,OAAO,CAAC,UAAC,KAAK;YAC1B,KAAI,CAAC,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;QACH,6BAA6B;IAC/B,CAAC;IAED,6BAA6B;IACtB,6CAAsB,GAA7B;QAAA,iBASC;QARC,IAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,UAAC,KAAK;YAC7C,IAAM,QAAQ,GAAG,YAAG,CAAC,KAAK,CAAC,IAAI,EAAE,kBAAkB,CAAW,CAAC;YAC/D,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;QACjC,CAAC,CAAC,CAAC;QACH,aAAa,CAAC,OAAO,CAAC,UAAC,KAAK;YAC1B,KAAI,CAAC,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;QACH,6BAA6B;IAC/B,CAAC;IAEM,4BAAK,GAAZ,UAAa,OAAe,EAAE,SAAa;QAAb,0BAAA,EAAA,aAAa;;QACzC,IAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC1C,IAAM,KAAK,GAAG,CAAC,MAAA,KAAK,0CAAE,IAAgC,CAAA,CAAC,MAAgB,CAAC;QAExE,IAAI,KAAK,EAAE;YACT,KAAK,IAAI,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,SAAS,EAAE,QAAQ,EAAE,EAAE;gBACvD,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;aAC3C;SACF;QAED,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC,CAAC;IAC5D,CAAC;IAEM,4BAAK,GAAZ,UAAa,OAAe,EAAE,SAAa;QAAb,0BAAA,EAAA,aAAa;;QACzC,IAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC1C,IAAM,KAAK,GAAG,CAAC,MAAA,KAAK,0CAAE,IAAgC,CAAA,CAAC,MAAgB,CAAC;QACxE,IAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC7C,IAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,OAAO,CACnD,KAAqB,CACtB,CAAC;QAEF,IAAI,QAAQ,GAAG,SAAS,IAAI,UAAU,EAAE;YACtC,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;SACnC;QAED,IAAI,KAAK,EAAE;YACT,KAAK,IAAI,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,SAAS,EAAE,QAAQ,EAAE,EAAE;gBACvD,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;aAC3C;SACF;QAED,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC,CAAC;IAC5D,CAAC;IAEM,iCAAU,GAAjB,UAAkB,OAAe;;QAC/B,IAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC1C,IAAM,KAAK,GAAG,CAAC,MAAA,KAAK,0CAAE,IAAgC,CAAA,CAAC,MAAgB,CAAC;QAExE,IAAI,KAAK,EAAE;YACT,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;SAChD;QAED,IAAI,CAAC,iBAAiB,CACpB,OAAO,EACP,KAAK,EACL,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC,kBAAkB,EAAE,GAAG,CAAC,CACpE,CAAC;IACJ,CAAC;IAEM,oCAAa,GAApB,UAAqB,OAAe;QAClC,IAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC1C,2EAA2E;QAC3E,IAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC7C,IAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,OAAO,CACnD,KAAqB,CACtB,CAAC;QAEF,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAC;QAC3C,eAAe;QACf,uDAAuD;QACvD,IAAI;QAEJ,6CAA6C;IAC/C,CAAC;IAEM,6BAAM,GAAb;QACE,OAAO,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC;IAC7C,CAAC;IAEM,2BAAI,GAAX,UAAY,OAAe,EAAE,MAAe;QAC1C,IAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAChC,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC;SACrB;IACH,CAAC;IAEM,qCAAc,GAArB,UAAsB,MAAe;QAArC,iBAQC;QAPC,IAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,UAAC,KAAK;YAC7C,IAAM,QAAQ,GAAG,YAAG,CAAC,KAAK,CAAC,IAAI,EAAE,kBAAkB,CAAW,CAAC;YAC/D,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;QACjC,CAAC,CAAC,CAAC;QACH,aAAa,CAAC,OAAO,CAAC,UAAC,KAA0B;;YAC/C,KAAI,CAAC,IAAI,CAAC,MAAA,KAAK,CAAC,IAAI,0CAAE,EAAY,EAAE,MAAM,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,0BAAG,GAAV,UAAW,OAAe;QACxB,IAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAE7C,IAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,OAAO,CACnD,QAAwB,CACzB,CAAC;QAEF,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3E,CAAC;IAEM,qCAAc,GAArB,UACE,CAAS,EACT,CAAS;QAET,IAAM,QAAQ,GAAG,8BAAc,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE,CAAC,CAAmB,CAAC;QAExE,IAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,UAAC,KAAK;YAC7C,IAAM,QAAQ,GAAG,YAAG,CAAC,KAAK,CAAC,IAAI,EAAE,kBAAkB,CAAW,CAAC;YAC/D,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;QACjC,CAAC,CAAC,CAAC;QAEH,IAAM,qBAAqB,GAAG,aAAa,CAAC,MAAM,CAAC,UAAC,KAAK;YACvD,IAAM,cAAc,GAAG,YAAG,CAAC,KAAK,CAAC,IAAI,EAAE,mBAAmB,CAE7C,CAAC;YACd,IAAI,cAAc,KAAK,SAAS,EAAE;gBAChC,IAAM,SAAS,GAAG,kCAAqB,CAAC,QAAQ,CAAC,QAAQ,EAAE;oBACzD,IAAI,EAAE,SAAS;oBACf,UAAU,EAAE,EAAE;oBACd,QAAQ,EAAE,cAAc;iBACzB,CAAC,CAAC;gBACH,OAAO,SAAS,IAAI,KAAK,CAAC,IAAI,CAAC;aAChC;iBAAM;gBACL,OAAO,CAAC,IAAI,CAAC,6CAA6C,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;gBACxE,OAAO,KAAK,CAAC;aACd;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,qBAAqB,CAAC,IAAI,CAAC,UAAC,MAAM,EAAE,MAAM;;YAC/C,aAAa;YACb,OAAO,OAAA,MAAM,CAAC,IAAI,0CAAE,MAAM,WAAG,MAAM,CAAC,IAAI,0CAAE,MAAM,CAAA,CAAC;QACnD,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,yCAAkB,GAA1B;QACE,IAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,UAAC,KAAK;YAC1C,IAAM,QAAQ,GAAG,YAAG,CAAC,KAAK,CAAC,IAAI,EAAE,kBAAkB,CAAW,CAAC;YAC/D,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;QACjC,CAAC,CAAC,CAAC;QACH,OAAO,UAAU,CAAC,MAAM,CAAC;IAC3B,CAAC;IAEO,oCAAa,GAArB,UAAsB,OAAe;QACnC,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,UAAC,KAAK;YAC5B,sEAAsE;YACtE,OAAO,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;QACtE,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,wCAAiB,GAAzB,UAA0B,EAAU,EAAE,IAAY,EAAE,EAAU;QAC5D,IAAM,IAAI,GAAG,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QACnC,IAAM,GAAG,GAAG,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QAClC,IAAM,GAAG,GAAG,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QAElC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,UAAC,KAAK;;YACxB,IAAM,QAAQ,GAAG,YAAG,CAAC,KAAK,CAAC,IAAI,EAAE,kBAAkB,CAAW,CAAC;YAC/D,IAAI,CAAC,QAAQ,EAAE;gBACb,IAAM,UAAU,GAAG,MAAA,KAAK,CAAC,IAAI,0CAAE,MAAgB,CAAC;gBAC/C,KAAK,CAAC,IAAgC,CAAC,MAAM;oBAC5C,UAAU,IAAI,GAAG,IAAI,UAAU,IAAI,GAAG,IAAI,UAAU,KAAK,IAAI;wBAC3D,CAAC,CAAC,UAAU,GAAG,IAAI;wBACnB,CAAC,CAAC,UAAU,KAAK,IAAI;4BACrB,CAAC,CAAC,EAAE;4BACJ,CAAC,CAAC,UAAU,CAAC;aAClB;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IACH,mBAAC;AAAD,CAAC,AAhRD,IAgRC;AAED,kBAAe,YAAY,CAAC"}
|
package/dist/cesium-map/map.d.ts
CHANGED
|
@@ -1,14 +1,27 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ViewerProps } from 'resium/dist/types/src/Viewer/Viewer';
|
|
3
3
|
import { Viewer as CesiumViewerCls } from 'cesium';
|
|
4
|
-
import './map.css';
|
|
5
4
|
import { IBaseMaps } from './settings/settings';
|
|
6
5
|
import LayerManager from './layers-manager';
|
|
7
6
|
import { CesiumSceneModeEnum, Proj } from '.';
|
|
7
|
+
import './map.css';
|
|
8
8
|
export declare class CesiumViewer extends CesiumViewerCls {
|
|
9
9
|
layersManager?: LayerManager;
|
|
10
10
|
constructor(container: string | Element, options?: CesiumViewerCls.ConstructorOptions);
|
|
11
11
|
}
|
|
12
|
+
export interface IContextMenuData {
|
|
13
|
+
data: Record<string, unknown>[];
|
|
14
|
+
position: {
|
|
15
|
+
x: number;
|
|
16
|
+
y: number;
|
|
17
|
+
};
|
|
18
|
+
style?: Record<string, string>;
|
|
19
|
+
size?: {
|
|
20
|
+
height: number;
|
|
21
|
+
width: number;
|
|
22
|
+
};
|
|
23
|
+
handleClose: () => void;
|
|
24
|
+
}
|
|
12
25
|
export interface CesiumMapProps extends ViewerProps {
|
|
13
26
|
showMousePosition?: boolean;
|
|
14
27
|
showScale?: boolean;
|
|
@@ -20,6 +33,12 @@ export interface CesiumMapProps extends ViewerProps {
|
|
|
20
33
|
};
|
|
21
34
|
sceneModes?: CesiumSceneModeEnum[];
|
|
22
35
|
baseMaps?: IBaseMaps;
|
|
36
|
+
imageryContextMenu?: React.ReactElement<IContextMenuData>;
|
|
37
|
+
imageryContextMenuSize?: {
|
|
38
|
+
height: number;
|
|
39
|
+
width: number;
|
|
40
|
+
dynamicHeightIncrement?: number;
|
|
41
|
+
};
|
|
23
42
|
}
|
|
24
43
|
export declare const useCesiumMap: () => CesiumViewer;
|
|
25
44
|
export declare const CesiumMap: React.FC<CesiumMapProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"map.d.ts","sourceRoot":"","sources":["../../src/lib/cesium-map/map.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EACL,MAAM,IAAI,eAAe,
|
|
1
|
+
{"version":3,"file":"map.d.ts","sourceRoot":"","sources":["../../src/lib/cesium-map/map.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EACL,MAAM,IAAI,eAAe,EAS1B,MAAM,QAAQ,CAAC;AAMhB,OAAO,EAA4B,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAmB,mBAAmB,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAE/D,OAAO,WAAW,CAAC;AAuBnB,qBAAa,YAAa,SAAQ,eAAe;IACxC,aAAa,CAAC,EAAE,YAAY,CAAC;gBAElC,SAAS,EAAE,MAAM,GAAG,OAAO,EAC3B,OAAO,CAAC,EAAE,eAAe,CAAC,kBAAkB;CAI/C;AAMD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,QAAQ,EAAE;QACR,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACX,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE;QACL,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACnC,UAAU,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAC1D,sBAAsB,CAAC,EAAE;QACvB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,sBAAsB,CAAC,EAAE,MAAM,CAAC;KACjC,CAAC;CACH;AAED,eAAO,MAAM,YAAY,oBAQxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqQ9C,CAAC"}
|
package/dist/cesium-map/map.js
CHANGED
|
@@ -40,12 +40,15 @@ var cesium_1 = require("cesium");
|
|
|
40
40
|
var lodash_1 = require("lodash");
|
|
41
41
|
var map_1 = require("../utils/map");
|
|
42
42
|
var box_1 = require("../box");
|
|
43
|
-
require("./map.css");
|
|
44
43
|
var coordinates_tracker_tool_1 = require("./tools/coordinates-tracker.tool");
|
|
45
44
|
var scale_tracker_tool_1 = require("./tools/scale-tracker.tool");
|
|
46
45
|
var settings_1 = require("./settings/settings");
|
|
47
46
|
var layers_manager_1 = __importDefault(require("./layers-manager"));
|
|
48
47
|
var _1 = require(".");
|
|
48
|
+
require("./map.css");
|
|
49
|
+
var DEFAULT_HEIGHT = 212;
|
|
50
|
+
var DEFAULT_WIDTH = 260;
|
|
51
|
+
var DEFAULT_DYNAMIC_HEIGHT_INCREMENT = 0;
|
|
49
52
|
var CesiumViewer = /** @class */ (function (_super) {
|
|
50
53
|
__extends(CesiumViewer, _super);
|
|
51
54
|
function CesiumViewer(container, options) {
|
|
@@ -65,24 +68,47 @@ exports.useCesiumMap = function () {
|
|
|
65
68
|
return mapViewer;
|
|
66
69
|
};
|
|
67
70
|
exports.CesiumMap = function (props) {
|
|
71
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
68
72
|
var ref = react_1.useRef(null);
|
|
69
|
-
var
|
|
70
|
-
var
|
|
71
|
-
var
|
|
72
|
-
var
|
|
73
|
-
var
|
|
74
|
-
var
|
|
75
|
-
var
|
|
76
|
-
var
|
|
73
|
+
var _k = react_1.useState(), mapViewRef = _k[0], setMapViewRef = _k[1];
|
|
74
|
+
var _l = react_1.useState(), projection = _l[0], setProjection = _l[1];
|
|
75
|
+
var _m = react_1.useState(), showMousePosition = _m[0], setShowMousePosition = _m[1];
|
|
76
|
+
var _o = react_1.useState(), showScale = _o[0], setShowScale = _o[1];
|
|
77
|
+
var _p = react_1.useState(), locale = _p[0], setLocale = _p[1];
|
|
78
|
+
var _q = react_1.useState(), cameraState = _q[0], setCameraState = _q[1];
|
|
79
|
+
var _r = react_1.useState(), sceneModes = _r[0], setSceneModes = _r[1];
|
|
80
|
+
var _s = react_1.useState(), baseMaps = _s[0], setBaseMaps = _s[1];
|
|
81
|
+
var _t = react_1.useState(false), showImageryMenu = _t[0], setShowImageryMenu = _t[1];
|
|
82
|
+
var _u = react_1.useState(undefined), imageryMenuPosition = _u[0], setImageryMenuPosition = _u[1];
|
|
77
83
|
var viewerProps = __assign({ fullscreenButton: true, timeline: false, animation: false, baseLayerPicker: false, geocoder: false, navigationHelpButton: false, homeButton: false, sceneModePicker: false }, props);
|
|
84
|
+
var getImageryMenuStyle = function (x, y, menuWidth, menuHeight, menuDynamicHeightIncrement) {
|
|
85
|
+
var container = mapViewRef.container;
|
|
86
|
+
var mapWidth = container.clientWidth;
|
|
87
|
+
var mapHeight = container.clientHeight;
|
|
88
|
+
var calculatedHeight = menuHeight + menuDynamicHeightIncrement;
|
|
89
|
+
return {
|
|
90
|
+
left: (mapWidth - x < menuWidth ? x - (menuWidth - (mapWidth - x)) : x) + "px",
|
|
91
|
+
top: (mapHeight - y < calculatedHeight
|
|
92
|
+
? y - (calculatedHeight - (mapHeight - y))
|
|
93
|
+
: y) + "px",
|
|
94
|
+
};
|
|
95
|
+
};
|
|
78
96
|
react_1.useEffect(function () {
|
|
79
97
|
var _a;
|
|
80
98
|
if (ref.current) {
|
|
81
99
|
var viewer = ref.current.cesiumElement;
|
|
82
100
|
viewer.layersManager = new layers_manager_1.default(viewer);
|
|
101
|
+
if (props.imageryContextMenu) {
|
|
102
|
+
viewer.screenSpaceEventHandler.setInputAction(function (evt) {
|
|
103
|
+
// console.log('RIGHT click', evt.position);
|
|
104
|
+
setShowImageryMenu(false);
|
|
105
|
+
setImageryMenuPosition(evt.position);
|
|
106
|
+
setShowImageryMenu(true);
|
|
107
|
+
}, cesium_1.ScreenSpaceEventType.RIGHT_CLICK);
|
|
108
|
+
}
|
|
83
109
|
}
|
|
84
110
|
setMapViewRef((_a = ref.current) === null || _a === void 0 ? void 0 : _a.cesiumElement);
|
|
85
|
-
}, [ref]);
|
|
111
|
+
}, [ref, props.imageryContextMenu]);
|
|
86
112
|
react_1.useEffect(function () {
|
|
87
113
|
var _a;
|
|
88
114
|
setSceneModes((_a = props.sceneModes, (_a !== null && _a !== void 0 ? _a : [
|
|
@@ -201,6 +227,24 @@ exports.CesiumMap = function (props) {
|
|
|
201
227
|
react_1.default.createElement(settings_1.CesiumSettings, { sceneModes: sceneModes, baseMaps: baseMaps, locale: locale })),
|
|
202
228
|
react_1.default.createElement(box_1.Box, { className: "toolsContainer" },
|
|
203
229
|
showMousePosition === true ? (react_1.default.createElement(coordinates_tracker_tool_1.CoordinatesTrackerTool, { projection: projection })) : (react_1.default.createElement(react_1.default.Fragment, null)),
|
|
204
|
-
showScale === true ? react_1.default.createElement(scale_tracker_tool_1.ScaleTrackerTool, { locale: locale }) : react_1.default.createElement(react_1.default.Fragment, null))
|
|
230
|
+
showScale === true ? react_1.default.createElement(scale_tracker_tool_1.ScaleTrackerTool, { locale: locale }) : react_1.default.createElement(react_1.default.Fragment, null)),
|
|
231
|
+
props.imageryContextMenu &&
|
|
232
|
+
showImageryMenu &&
|
|
233
|
+
imageryMenuPosition &&
|
|
234
|
+
react_1.default.cloneElement(props.imageryContextMenu, {
|
|
235
|
+
data: (_b = (_a = mapViewRef) === null || _a === void 0 ? void 0 : _a.layersManager) === null || _b === void 0 ? void 0 : _b.findLayerByPOI(imageryMenuPosition.x, imageryMenuPosition.y),
|
|
236
|
+
position: {
|
|
237
|
+
x: imageryMenuPosition.x,
|
|
238
|
+
y: imageryMenuPosition.y,
|
|
239
|
+
},
|
|
240
|
+
style: getImageryMenuStyle(imageryMenuPosition.x, imageryMenuPosition.y, (_d = (_c = props.imageryContextMenuSize) === null || _c === void 0 ? void 0 : _c.width, (_d !== null && _d !== void 0 ? _d : DEFAULT_WIDTH)), (_f = (_e = props.imageryContextMenuSize) === null || _e === void 0 ? void 0 : _e.height, (_f !== null && _f !== void 0 ? _f : DEFAULT_HEIGHT)), (_h = (_g = props.imageryContextMenuSize) === null || _g === void 0 ? void 0 : _g.dynamicHeightIncrement, (_h !== null && _h !== void 0 ? _h : DEFAULT_DYNAMIC_HEIGHT_INCREMENT))),
|
|
241
|
+
size: (_j = props.imageryContextMenuSize, (_j !== null && _j !== void 0 ? _j : {
|
|
242
|
+
height: DEFAULT_HEIGHT,
|
|
243
|
+
width: DEFAULT_WIDTH,
|
|
244
|
+
})),
|
|
245
|
+
handleClose: function () {
|
|
246
|
+
setShowImageryMenu(!showImageryMenu);
|
|
247
|
+
},
|
|
248
|
+
}))));
|
|
205
249
|
};
|
|
206
250
|
//# sourceMappingURL=map.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"map.js","sourceRoot":"","sources":["../../src/lib/cesium-map/map.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAMe;AACf,iCAAoD;AAEpD,
|
|
1
|
+
{"version":3,"file":"map.js","sourceRoot":"","sources":["../../src/lib/cesium-map/map.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"point.geojson.d.ts","sourceRoot":"","sources":["../../../../src/lib/cesium-map/tools/geojson/point.geojson.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,eAAO,MAAM,cAAc,4DAwB1B,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var cesium_1 = require("cesium");
|
|
4
|
+
exports.pointToGeoJSON = function (mapViewer, x, y) {
|
|
5
|
+
var ellipsoid = mapViewer.scene.globe.ellipsoid;
|
|
6
|
+
var cartesian = mapViewer.camera.pickEllipsoid(new cesium_1.Cartesian3(x, y), ellipsoid);
|
|
7
|
+
var cartographic = ellipsoid.cartesianToCartographic(cartesian);
|
|
8
|
+
return {
|
|
9
|
+
type: 'Feature',
|
|
10
|
+
properties: {},
|
|
11
|
+
geometry: {
|
|
12
|
+
type: 'Point',
|
|
13
|
+
coordinates: [
|
|
14
|
+
cesium_1.Math.toDegrees(cartographic.longitude),
|
|
15
|
+
cesium_1.Math.toDegrees(cartographic.latitude),
|
|
16
|
+
],
|
|
17
|
+
},
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=point.geojson.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"point.geojson.js","sourceRoot":"","sources":["../../../../src/lib/cesium-map/tools/geojson/point.geojson.ts"],"names":[],"mappings":";;AAAA,iCAAwD;AAI3C,QAAA,cAAc,GAAG,UAC5B,SAAuB,EACvB,CAAS,EACT,CAAS;IAET,IAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC;IAClD,IAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,aAAa,CAC9C,IAAI,mBAAU,CAAC,CAAC,EAAE,CAAC,CAAC,EACpB,SAAS,CACV,CAAC;IACF,IAAM,YAAY,GAAG,SAAS,CAAC,uBAAuB,CACpD,SAAuB,CACxB,CAAC;IACF,OAAO;QACL,IAAI,EAAE,SAAS;QACf,UAAU,EAAE,EAAE;QACd,QAAQ,EAAE;YACR,IAAI,EAAE,OAAO;YACb,WAAW,EAAE;gBACX,aAAU,CAAC,SAAS,CAAC,YAAY,CAAC,SAAS,CAAC;gBAC5C,aAAU,CAAC,SAAS,CAAC,YAAY,CAAC,QAAQ,CAAC;aAC5C;SACF;KACF,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/index.d.ts
CHANGED
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}
|
package/dist/index.js
CHANGED
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":";;;;;AAAA,yCAAoC;AACpC,4CAAuC;AACvC,8BAAyB;AACzB,8BAAyB;AACzB,mCAA8B;AAC9B,+BAA0B;AAC1B,2BAAsB;AACtB,mCAA8B;AAC9B,6BAAwB;AACxB,kCAA6B"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":";;;;;AAAA,yCAAoC;AACpC,4CAAuC;AACvC,8BAAyB;AACzB,8BAAyB;AACzB,mCAA8B;AAC9B,+BAA0B;AAC1B,2BAAsB;AACtB,mCAA8B;AAC9B,6BAAwB;AACxB,kCAA6B;AAC7B,oCAA+B"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@map-colonies/react-components",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.7.4",
|
|
4
4
|
"module": "dist/index.js",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -26,6 +26,7 @@
|
|
|
26
26
|
"@testing-library/user-event": "^7.1.2",
|
|
27
27
|
"@turf/bbox": "^6.0.1",
|
|
28
28
|
"@turf/bbox-polygon": "^6.0.1",
|
|
29
|
+
"@turf/boolean-point-in-polygon": "^6.5.0",
|
|
29
30
|
"@turf/helpers": "^6.1.4",
|
|
30
31
|
"@turf/rewind": "^5.1.5",
|
|
31
32
|
"@types/geojson": "^7946.0.7",
|
|
@@ -34,11 +35,13 @@
|
|
|
34
35
|
"@types/ol": "^6.3.1",
|
|
35
36
|
"@types/react": "^16.9.0",
|
|
36
37
|
"@types/react-dom": "^16.9.0",
|
|
38
|
+
"@types/textarea-caret": "^3.0.1",
|
|
37
39
|
"cesium": "^1.82.0",
|
|
38
40
|
"copy-webpack-plugin": "^6.3.1",
|
|
39
41
|
"copyfiles": "2.3.0",
|
|
40
42
|
"cross-env": "7.0.2",
|
|
41
43
|
"date-fns": "^2.14.0",
|
|
44
|
+
"get-input-selection": "^1.1.4",
|
|
42
45
|
"lodash": "^4.17.20",
|
|
43
46
|
"ol": "^6.4.3",
|
|
44
47
|
"react": "^16.13.1",
|
|
@@ -46,11 +49,12 @@
|
|
|
46
49
|
"react-scripts": "3.4.1",
|
|
47
50
|
"resium": "^1.13.1",
|
|
48
51
|
"rimraf": "3.0.2",
|
|
52
|
+
"textarea-caret": "^3.1.0",
|
|
49
53
|
"typescript": "~3.7.2"
|
|
50
54
|
},
|
|
51
55
|
"scripts": {
|
|
52
56
|
"start": "react-scripts start",
|
|
53
|
-
"build": "rimraf dist && tsc --project tsbuildconfig.json && yarn run copyassets:components",
|
|
57
|
+
"build": "npx rimraf dist && tsc --project tsbuildconfig.json && yarn run copyassets:components",
|
|
54
58
|
"test": "react-scripts test",
|
|
55
59
|
"test:nowatch": "react-scripts test --coverage --watchAll=false --reporters='default' --reporters='jest-html-reporters'",
|
|
56
60
|
"eject": "react-scripts eject",
|
|
@@ -84,7 +88,7 @@
|
|
|
84
88
|
"jest-enzyme": "^7.1.2",
|
|
85
89
|
"react-test-renderer": "^16.13.1"
|
|
86
90
|
},
|
|
87
|
-
"gitHead": "
|
|
91
|
+
"gitHead": "934b818b3fa901cdf23aecacf23cc6909b8b2a9d",
|
|
88
92
|
"jest": {
|
|
89
93
|
"coverageReporters": [
|
|
90
94
|
"text",
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
.react-autocomplete-input {
|
|
2
|
+
background-clip: padding-box;
|
|
3
|
+
background-color: #fff;
|
|
4
|
+
bottom: auto;
|
|
5
|
+
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
|
6
|
+
display: block;
|
|
7
|
+
font-size: 14px;
|
|
8
|
+
list-style: none;
|
|
9
|
+
padding: 1px;
|
|
10
|
+
position: absolute;
|
|
11
|
+
z-index: 20000;
|
|
12
|
+
margin-block-start: unset;
|
|
13
|
+
margin-block-end: unset;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.react-autocomplete-input > li {
|
|
17
|
+
cursor: pointer;
|
|
18
|
+
padding: 10px;
|
|
19
|
+
min-width: 100px;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.react-autocomplete-input > li.active {
|
|
23
|
+
background-color: #337ab7;
|
|
24
|
+
color: #fff;
|
|
25
|
+
}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
/* eslint-disable @typescript-eslint/naming-convention, @typescript-eslint/prefer-regexp-exec, @typescript-eslint/no-magic-numbers*/
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Story } from '@storybook/react/types-6-0';
|
|
4
|
+
import { TextField } from '@map-colonies/react-core';
|
|
5
|
+
import { CSFStory } from '../utils/story';
|
|
6
|
+
|
|
7
|
+
import Autocomplete from './autocomplete';
|
|
8
|
+
|
|
9
|
+
export default {
|
|
10
|
+
title: 'Autocomplete',
|
|
11
|
+
component: Autocomplete,
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
export const AutocpmleteTextArea: CSFStory<JSX.Element> = () => (
|
|
15
|
+
<>
|
|
16
|
+
<h1>Autocpmlete with native HTML TEXTAREA</h1>
|
|
17
|
+
<Autocomplete
|
|
18
|
+
{...{
|
|
19
|
+
options: ['apple', 'apricot', 'banana', 'bounty'],
|
|
20
|
+
}}
|
|
21
|
+
/>
|
|
22
|
+
</>
|
|
23
|
+
);
|
|
24
|
+
AutocpmleteTextArea.story = {
|
|
25
|
+
name: 'Autocpmlete with TEXTAREA HTML',
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
export const AutocpmleteTextField: Story = (args: unknown) => {
|
|
29
|
+
return (
|
|
30
|
+
<>
|
|
31
|
+
<h1>Autocpmlete with TEXTFIELD react-core component</h1>
|
|
32
|
+
<Autocomplete
|
|
33
|
+
{...{
|
|
34
|
+
Component: <TextField />,
|
|
35
|
+
ComponentProps: {
|
|
36
|
+
name: 'autocomplete',
|
|
37
|
+
},
|
|
38
|
+
options: ['apple', 'apricot', 'banana', 'bounty'],
|
|
39
|
+
}}
|
|
40
|
+
{...args}
|
|
41
|
+
/>
|
|
42
|
+
</>
|
|
43
|
+
);
|
|
44
|
+
};
|
|
45
|
+
AutocpmleteTextField.storyName = 'Autocpmlete with TEXTFIELD component';
|
|
46
|
+
AutocpmleteTextField.argTypes = {
|
|
47
|
+
disabled: {
|
|
48
|
+
defaultValue: false,
|
|
49
|
+
control: {
|
|
50
|
+
type: 'boolean',
|
|
51
|
+
},
|
|
52
|
+
},
|
|
53
|
+
trigger: {
|
|
54
|
+
defaultValue: '@',
|
|
55
|
+
control: {
|
|
56
|
+
type: 'text',
|
|
57
|
+
},
|
|
58
|
+
},
|
|
59
|
+
spacer: {
|
|
60
|
+
defaultValue: ' ',
|
|
61
|
+
control: {
|
|
62
|
+
type: 'text',
|
|
63
|
+
},
|
|
64
|
+
},
|
|
65
|
+
};
|
|
66
|
+
|
|
67
|
+
export const AutocpmleteInComplitionModeEN: Story = (args: unknown) => {
|
|
68
|
+
return (
|
|
69
|
+
<>
|
|
70
|
+
<h1>Autocpmlete with TEXTFIELD in AUTOCOMPLETE mode in English (LTR)</h1>
|
|
71
|
+
<Autocomplete
|
|
72
|
+
{...{
|
|
73
|
+
Component: <TextField />,
|
|
74
|
+
mode: 'autocomplete',
|
|
75
|
+
options: ['apple', 'apricot', 'banana', 'bounty'],
|
|
76
|
+
}}
|
|
77
|
+
{...args}
|
|
78
|
+
/>
|
|
79
|
+
</>
|
|
80
|
+
);
|
|
81
|
+
};
|
|
82
|
+
AutocpmleteInComplitionModeEN.storyName =
|
|
83
|
+
'Autocpmlete in autocomplete MODE RTL';
|
|
84
|
+
|
|
85
|
+
export const AutocpmleteInComplitionModeHEB: Story = (args: unknown) => {
|
|
86
|
+
return (
|
|
87
|
+
<div style={{ direction: 'rtl' }}>
|
|
88
|
+
<h1>Autocpmlete with TEXTFIELD in AUTOCOMPLETE mode in Hebrew (RTL)</h1>
|
|
89
|
+
<Autocomplete
|
|
90
|
+
{...{
|
|
91
|
+
Component: <TextField />,
|
|
92
|
+
mode: 'autocomplete',
|
|
93
|
+
options: ['אגוזאגוז', 'תפוח', 'אפרסק', 'בננה', 'אגוז'],
|
|
94
|
+
}}
|
|
95
|
+
{...args}
|
|
96
|
+
/>
|
|
97
|
+
</div>
|
|
98
|
+
);
|
|
99
|
+
};
|
|
100
|
+
AutocpmleteInComplitionModeHEB.storyName =
|
|
101
|
+
'Autocpmlete in autocomplete MODE LTR';
|