@open-pioneer/coordinate-search 1.0.0-dev.20251021074813 → 1.1.0
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 +24 -4
- package/CoordinateInput.js +6 -2
- package/CoordinateInput.js.map +1 -1
- package/coordinates.js +6 -3
- package/coordinates.js.map +1 -1
- package/package.json +10 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,20 +1,39 @@
|
|
|
1
1
|
# @open-pioneer/coordinate-search
|
|
2
2
|
|
|
3
|
-
## 1.
|
|
3
|
+
## 1.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 10338fa: Update OpenLayers to 10.7.0
|
|
8
|
+
- a8b8a36: Update trails core packages to 4.3.0
|
|
9
|
+
- 10338fa: Update Chakra to 3.29.0
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- fce7fa9: Implement stricter null safety checks.
|
|
14
|
+
- Updated dependencies [fce7fa9]
|
|
15
|
+
- Updated dependencies [10338fa]
|
|
16
|
+
- Updated dependencies [a8b8a36]
|
|
17
|
+
- Updated dependencies [10338fa]
|
|
18
|
+
- Updated dependencies [c38b619]
|
|
19
|
+
- @open-pioneer/map@1.1.0
|
|
20
|
+
|
|
21
|
+
## 1.0.0
|
|
4
22
|
|
|
5
23
|
### Minor Changes
|
|
6
24
|
|
|
7
25
|
- 2732052: Icons have been changed to unify the appearance of the components. Preferably, Lucide react-icons are used.
|
|
8
|
-
- 2abcaaf: Update to chakra-ui 3.
|
|
26
|
+
- 2abcaaf: Update to chakra-ui 3.28.0
|
|
9
27
|
|
|
10
28
|
### Patch Changes
|
|
11
29
|
|
|
12
30
|
- 10d2fe7: Update dependencies
|
|
13
|
-
- 138d85b: Update core packages to 4.
|
|
31
|
+
- 138d85b: Update core packages to 4.2.0
|
|
14
32
|
- da6a410: Update dependencies
|
|
15
33
|
- Updated dependencies [c6180c6]
|
|
16
34
|
- Updated dependencies [29a10df]
|
|
17
35
|
- Updated dependencies [10d2fe7]
|
|
36
|
+
- Updated dependencies [4f1e7bd]
|
|
18
37
|
- Updated dependencies [2702df4]
|
|
19
38
|
- Updated dependencies [12561fe]
|
|
20
39
|
- Updated dependencies [5df900f]
|
|
@@ -22,6 +41,7 @@
|
|
|
22
41
|
- Updated dependencies [b3709f1]
|
|
23
42
|
- Updated dependencies [14c484e]
|
|
24
43
|
- Updated dependencies [138d85b]
|
|
44
|
+
- Updated dependencies [4f1e7bd]
|
|
25
45
|
- Updated dependencies [aeb9000]
|
|
26
46
|
- Updated dependencies [9e9bc6e]
|
|
27
47
|
- Updated dependencies [b3709f1]
|
|
@@ -33,7 +53,7 @@
|
|
|
33
53
|
- Updated dependencies [773fa2d]
|
|
34
54
|
- Updated dependencies [2abcaaf]
|
|
35
55
|
- Updated dependencies [da6a410]
|
|
36
|
-
- @open-pioneer/map@1.0.0
|
|
56
|
+
- @open-pioneer/map@1.0.0
|
|
37
57
|
|
|
38
58
|
## 0.11.0
|
|
39
59
|
|
package/CoordinateInput.js
CHANGED
|
@@ -17,11 +17,13 @@ const DEFAULT_PRECISION = 3;
|
|
|
17
17
|
const DEFAULT_PROJECTIONS = [
|
|
18
18
|
{
|
|
19
19
|
label: "WGS 84",
|
|
20
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
20
21
|
value: get("EPSG:4326"),
|
|
21
22
|
precision: 3
|
|
22
23
|
},
|
|
23
24
|
{
|
|
24
25
|
label: "Web Mercator",
|
|
26
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
25
27
|
value: get("EPSG:3857"),
|
|
26
28
|
precision: 2
|
|
27
29
|
}
|
|
@@ -41,6 +43,7 @@ const CoordinateInput = (props) => {
|
|
|
41
43
|
const availableProjections = useProjectionItems(projections);
|
|
42
44
|
const [selectedProjection, setSelectedProjection] = useState(
|
|
43
45
|
// choose first option initially
|
|
46
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
44
47
|
availableProjections[0]
|
|
45
48
|
);
|
|
46
49
|
const onSelect = useEvent((coordinatesResult) => {
|
|
@@ -198,10 +201,11 @@ class StateModel {
|
|
|
198
201
|
function useProjectionItems(projections) {
|
|
199
202
|
return useMemo(() => {
|
|
200
203
|
const availableProjections = projections.flatMap((ele) => {
|
|
201
|
-
|
|
204
|
+
const projection = get(ele.value);
|
|
205
|
+
if (projection != null)
|
|
202
206
|
return {
|
|
203
207
|
label: ele.label,
|
|
204
|
-
value:
|
|
208
|
+
value: projection,
|
|
205
209
|
precision: ele.precision ?? DEFAULT_PRECISION
|
|
206
210
|
};
|
|
207
211
|
return [];
|
package/CoordinateInput.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoordinateInput.js","sources":["CoordinateInput.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Flex, Group } from \"@chakra-ui/react\";\nimport { computed, Reactive, reactive } from \"@conterra/reactivity-core\";\nimport { Tooltip } from \"@open-pioneer/chakra-snippets/tooltip\";\nimport { MapModelProps, useMapModelValue } from \"@open-pioneer/map\";\nimport { CommonComponentProps, useCommonComponentProps, useEvent } from \"@open-pioneer/react-utils\";\nimport { useReactiveSnapshot } from \"@open-pioneer/reactivity\";\nimport { NumberParserService, PackageIntl } from \"@open-pioneer/runtime\";\nimport { Coordinate } from \"ol/coordinate\";\nimport { get as getProjection, Projection, ProjectionLike, transform } from \"ol/proj\";\nimport { useIntl, useService } from \"open-pioneer:react-hooks\";\nimport { FC, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { CoordinateInputField } from \"./CoordinateInputField\";\nimport { formatCoordinates, parseCoordinates, ParseResult } from \"./coordinates\";\nimport { ProjectionSelect } from \"./ProjectionSelect\";\nimport { usePlaceholder } from \"./usePlaceholder\";\n\nconst DEFAULT_PRECISION = 3;\nconst DEFAULT_PROJECTIONS = [\n {\n label: \"WGS 84\",\n value: getProjection(\"EPSG:4326\")!,\n precision: 3\n },\n {\n label: \"Web Mercator\",\n value: getProjection(\"EPSG:3857\")!,\n precision: 2\n }\n];\n\n/**\n * Dropdown item of projection selection with an optional coordinate precision\n */\nexport interface ProjectionInput {\n /**\n * Label to show the user.\n */\n label: string;\n\n /**\n * The map projection as projection or as string.\n */\n value: ProjectionLike;\n\n /**\n * The number of displayed decimal places.\n */\n precision?: number;\n}\n\n/**\n * Internal view of a (normalized) projection.\n * The projection has been looked up and optional values have been filled in.\n */\nexport interface ProjectionItem {\n /**\n * Label to show the user.\n */\n label: string;\n\n /**\n * The map projection.\n */\n value: Projection;\n\n /**\n * The number of displayed decimal places.\n */\n precision: number;\n}\n\n/**\n * Event type emitted when the user enters new coordinates or projection is changed by the user.\n */\nexport interface CoordinatesSelectEvent {\n /** coordinates in the projection of the object */\n coords: Coordinate;\n\n /** the projection of the coordinates. */\n projection: Projection;\n}\n\n/**\n * Props for the {@link CoordinateInput} component.\n */\nexport interface CoordinateInputProps extends CommonComponentProps, MapModelProps {\n /**\n * List of projection options, only projections that are known by the map as projection are shown.\n * Each projection can have an individual precision of coordinates.\n *\n * If no precision is given, the default precision is used.\n */\n projections?: ProjectionInput[];\n\n /**\n * Optional event that gets called if (valid) coordinates are entered or projection is changed by the user.\n */\n onSelect?: (event: CoordinatesSelectEvent) => void;\n\n /**\n * Optional event that gets called if the input is cleared.\n */\n onClear?: () => void;\n\n /**\n * Insert input value and overwrite user input.\n */\n input?: Coordinate;\n\n /**\n * Placeholder text to display when no input is present. Common usages:\n * * hint for the user (\"enter coordinate here\")\n * * example coordinate (\"12.345 67.890\")\n * * current mouse position\n *\n * If a coordinate is given, it has to be in the current projection of the map.\n */\n placeholder?: string | Coordinate;\n}\n\n/**\n * The `CoordinateInput` component can be used in an app to provide a validated input field for coordinates in a selected projection\n */\nexport const CoordinateInput: FC<CoordinateInputProps> = (props) => {\n const {\n onSelect: onSelectProp,\n onClear,\n projections = DEFAULT_PROJECTIONS,\n input,\n placeholder = \"\"\n } = props;\n const { containerProps } = useCommonComponentProps(\"coordinate-input\", props);\n const map = useMapModelValue(props);\n const intl = useIntl();\n const mapProjection = useReactiveSnapshot(() => map.projection, [map]);\n\n // Projection items (dropdown)\n const availableProjections = useProjectionItems(projections);\n const [selectedProjection, setSelectedProjection] = useState<ProjectionItem>(\n // choose first option initially\n availableProjections[0]!\n );\n\n // Input state\n const onSelect = useEvent((coordinatesResult: ParseResult) => {\n if (!onSelectProp || coordinatesResult.kind !== \"success\" || mapProjection == null) {\n return;\n }\n\n const coords = transform(\n coordinatesResult.coordinates,\n coordinatesResult.projection,\n mapProjection\n );\n onSelectProp({ coords: coords, projection: mapProjection });\n });\n const [coordinateSearchInput, setCoordinateSearchInput, validationResult] = useCoordinateState(\n input,\n mapProjection,\n selectedProjection,\n onSelect\n );\n const placeholderString = usePlaceholder(placeholder, mapProjection, selectedProjection);\n const isInputValid = validationResult.kind === \"success\" || validationResult.kind === \"empty\";\n const errorMessage = !isInputValid\n ? intl.formatMessage({ id: validationResult.kind })\n : undefined;\n\n const onEnter = useEvent(() => {\n onSelect(validationResult);\n });\n\n return (\n <Flex {...containerProps} flexDirection={\"row\"} flexDir={\"row\"}>\n <Tooltip\n content={errorMessage}\n showArrow\n open={!isInputValid}\n // explicity mount / unmount the tooltip.\n // Previously an empty tooltip could be shown even though \"open\" was false.\n present={!isInputValid}\n >\n <Group className=\"coordinate-input-group\" attached w=\"full\">\n <ProjectionSelect\n currentProjection={selectedProjection}\n projections={availableProjections}\n onProjectionChange={setSelectedProjection}\n />\n <CoordinateInputField\n coordinateSearchInput={coordinateSearchInput}\n setCoordinateSearchInput={setCoordinateSearchInput}\n placeholder={placeholder}\n placeholderString={placeholderString}\n errorMessage={errorMessage}\n onClear={onClear}\n onEnter={onEnter}\n />\n </Group>\n </Tooltip>\n </Flex>\n );\n};\n\n/**\n * Returns the current text input and a callback to change it (used for interactive user input).\n * The current text may also change if the input prop changes (controlled usage).\n */\nfunction useCoordinateState(\n inputProp: Coordinate | undefined,\n mapProjection: Projection | undefined,\n selectedProjection: ProjectionItem,\n onSelect: (validationResult: ParseResult) => void\n): [string, (value: string) => void, ParseResult] {\n const intl = useIntl();\n const numberParser = useService<NumberParserService>(\"runtime.NumberParserService\");\n\n const [model] = useState(() => new StateModel(intl, selectedProjection, numberParser));\n useEffect(() => {\n const triggerSelect =\n inputProp !== model.inputProp || selectedProjection !== model.selectedProjection;\n\n model.setI18n(intl, numberParser);\n model.setInputProp(inputProp);\n model.setSelectedProjection(selectedProjection);\n model.setMapProjection(mapProjection);\n\n if (triggerSelect) {\n const validationResult = model.validationResult;\n onSelect(validationResult);\n }\n }, [model, intl, numberParser, inputProp, selectedProjection, mapProjection, onSelect]);\n\n const { rawInput, validationResult } = useReactiveSnapshot(() => {\n return {\n rawInput: model.rawInput,\n validationResult: model.validationResult\n };\n }, [model]);\n const setInputText = useCallback(\n (inputText: string) => {\n model.setText(inputText);\n },\n [model]\n );\n return [rawInput, setInputText, validationResult];\n}\n\nclass StateModel {\n #intl: Reactive<PackageIntl>;\n #selectedProjection: Reactive<ProjectionItem>;\n #mapProjection = reactive<Projection | undefined>();\n #inputProp = reactive<Coordinate | undefined>();\n #numberParser: Reactive<NumberParserService>;\n\n #rawInput = reactive(\"\");\n #validationResult = computed(() => {\n return parseCoordinates(\n this.#rawInput.value,\n this.#numberParser.value,\n this.#selectedProjection.value.value\n );\n });\n\n constructor(\n intl: PackageIntl,\n selectedProjection: ProjectionItem,\n numberParser: NumberParserService\n ) {\n this.#intl = reactive(intl);\n this.#selectedProjection = reactive(selectedProjection);\n this.#numberParser = reactive(numberParser);\n }\n\n get inputProp() {\n return this.#inputProp.value;\n }\n\n get rawInput() {\n return this.#rawInput.value;\n }\n\n get validationResult() {\n return this.#validationResult.value;\n }\n\n get selectedProjection() {\n return this.#selectedProjection.value;\n }\n\n setI18n(intl: PackageIntl, numberParser: NumberParserService) {\n this.#intl.value = intl;\n this.#numberParser.value = numberParser;\n }\n\n setText(text: string) {\n this.#rawInput.value = text;\n }\n\n setSelectedProjection(value: ProjectionItem) {\n if (value !== this.#selectedProjection.value) {\n this.#selectedProjection.value = value;\n this.#updateInput();\n }\n }\n\n setInputProp(value: Coordinate | undefined) {\n if (value !== this.#inputProp.value) {\n this.#inputProp.value = value;\n this.#updateInput();\n }\n }\n\n setMapProjection(value: Projection | undefined) {\n if (value !== this.#mapProjection.value) {\n this.#mapProjection.value = value;\n this.#updateInput();\n }\n }\n\n #updateInput() {\n const inputProp = this.#inputProp.value;\n const mapProjection = this.#mapProjection.value;\n const selectedProjection = this.#selectedProjection.value;\n const intl = this.#intl.value;\n if (mapProjection && inputProp) {\n // Update state based on input prop.\n const transformed = transform(inputProp, mapProjection, selectedProjection.value);\n const formatted = formatCoordinates(transformed, selectedProjection.precision, intl);\n this.#rawInput.value = formatted;\n }\n }\n}\n\n/**\n * Builds the list of available projection items based on the provided list of projections\n */\nfunction useProjectionItems(projections: ProjectionInput[]) {\n return useMemo(() => {\n // filter out projections that are not known\n const availableProjections: ProjectionItem[] = projections.flatMap((ele) => {\n if (getProjection(ele.value) != null)\n return {\n label: ele.label,\n value: getProjection(ele.value)!,\n precision: ele.precision ?? DEFAULT_PRECISION\n };\n return [];\n });\n return availableProjections;\n }, [projections]);\n}\n"],"names":["getProjection","validationResult"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CoordinateInput.js","sources":["CoordinateInput.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Flex, Group } from \"@chakra-ui/react\";\nimport { computed, Reactive, reactive } from \"@conterra/reactivity-core\";\nimport { Tooltip } from \"@open-pioneer/chakra-snippets/tooltip\";\nimport { MapModelProps, useMapModelValue } from \"@open-pioneer/map\";\nimport { CommonComponentProps, useCommonComponentProps, useEvent } from \"@open-pioneer/react-utils\";\nimport { useReactiveSnapshot } from \"@open-pioneer/reactivity\";\nimport { NumberParserService, PackageIntl } from \"@open-pioneer/runtime\";\nimport { Coordinate } from \"ol/coordinate\";\nimport { get as getProjection, Projection, ProjectionLike, transform } from \"ol/proj\";\nimport { useIntl, useService } from \"open-pioneer:react-hooks\";\nimport { FC, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { CoordinateInputField } from \"./CoordinateInputField\";\nimport { formatCoordinates, parseCoordinates, ParseResult } from \"./coordinates\";\nimport { ProjectionSelect } from \"./ProjectionSelect\";\nimport { usePlaceholder } from \"./usePlaceholder\";\n\nconst DEFAULT_PRECISION = 3;\nconst DEFAULT_PROJECTIONS = [\n {\n label: \"WGS 84\",\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n value: getProjection(\"EPSG:4326\")!,\n precision: 3\n },\n {\n label: \"Web Mercator\",\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n value: getProjection(\"EPSG:3857\")!,\n precision: 2\n }\n];\n\n/**\n * Dropdown item of projection selection with an optional coordinate precision\n */\nexport interface ProjectionInput {\n /**\n * Label to show the user.\n */\n label: string;\n\n /**\n * The map projection as projection or as string.\n */\n value: ProjectionLike;\n\n /**\n * The number of displayed decimal places.\n */\n precision?: number;\n}\n\n/**\n * Internal view of a (normalized) projection.\n * The projection has been looked up and optional values have been filled in.\n */\nexport interface ProjectionItem {\n /**\n * Label to show the user.\n */\n label: string;\n\n /**\n * The map projection.\n */\n value: Projection;\n\n /**\n * The number of displayed decimal places.\n */\n precision: number;\n}\n\n/**\n * Event type emitted when the user enters new coordinates or projection is changed by the user.\n */\nexport interface CoordinatesSelectEvent {\n /** coordinates in the projection of the object */\n coords: Coordinate;\n\n /** the projection of the coordinates. */\n projection: Projection;\n}\n\n/**\n * Props for the {@link CoordinateInput} component.\n */\nexport interface CoordinateInputProps extends CommonComponentProps, MapModelProps {\n /**\n * List of projection options, only projections that are known by the map as projection are shown.\n * Each projection can have an individual precision of coordinates.\n *\n * If no precision is given, the default precision is used.\n */\n projections?: ProjectionInput[];\n\n /**\n * Optional event that gets called if (valid) coordinates are entered or projection is changed by the user.\n */\n onSelect?: (event: CoordinatesSelectEvent) => void;\n\n /**\n * Optional event that gets called if the input is cleared.\n */\n onClear?: () => void;\n\n /**\n * Insert input value and overwrite user input.\n */\n input?: Coordinate;\n\n /**\n * Placeholder text to display when no input is present. Common usages:\n * * hint for the user (\"enter coordinate here\")\n * * example coordinate (\"12.345 67.890\")\n * * current mouse position\n *\n * If a coordinate is given, it has to be in the current projection of the map.\n */\n placeholder?: string | Coordinate;\n}\n\n/**\n * The `CoordinateInput` component can be used in an app to provide a validated input field for coordinates in a selected projection\n */\nexport const CoordinateInput: FC<CoordinateInputProps> = (props) => {\n const {\n onSelect: onSelectProp,\n onClear,\n projections = DEFAULT_PROJECTIONS,\n input,\n placeholder = \"\"\n } = props;\n const { containerProps } = useCommonComponentProps(\"coordinate-input\", props);\n const map = useMapModelValue(props);\n const intl = useIntl();\n const mapProjection = useReactiveSnapshot(() => map.projection, [map]);\n\n // Projection items (dropdown)\n const availableProjections = useProjectionItems(projections);\n const [selectedProjection, setSelectedProjection] = useState<ProjectionItem>(\n // choose first option initially\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n availableProjections[0]!\n );\n\n // Input state\n const onSelect = useEvent((coordinatesResult: ParseResult) => {\n if (!onSelectProp || coordinatesResult.kind !== \"success\" || mapProjection == null) {\n return;\n }\n\n const coords = transform(\n coordinatesResult.coordinates,\n coordinatesResult.projection,\n mapProjection\n );\n onSelectProp({ coords: coords, projection: mapProjection });\n });\n const [coordinateSearchInput, setCoordinateSearchInput, validationResult] = useCoordinateState(\n input,\n mapProjection,\n selectedProjection,\n onSelect\n );\n const placeholderString = usePlaceholder(placeholder, mapProjection, selectedProjection);\n const isInputValid = validationResult.kind === \"success\" || validationResult.kind === \"empty\";\n const errorMessage = !isInputValid\n ? intl.formatMessage({ id: validationResult.kind })\n : undefined;\n\n const onEnter = useEvent(() => {\n onSelect(validationResult);\n });\n\n return (\n <Flex {...containerProps} flexDirection={\"row\"} flexDir={\"row\"}>\n <Tooltip\n content={errorMessage}\n showArrow\n open={!isInputValid}\n // explicity mount / unmount the tooltip.\n // Previously an empty tooltip could be shown even though \"open\" was false.\n present={!isInputValid}\n >\n <Group className=\"coordinate-input-group\" attached w=\"full\">\n <ProjectionSelect\n currentProjection={selectedProjection}\n projections={availableProjections}\n onProjectionChange={setSelectedProjection}\n />\n <CoordinateInputField\n coordinateSearchInput={coordinateSearchInput}\n setCoordinateSearchInput={setCoordinateSearchInput}\n placeholder={placeholder}\n placeholderString={placeholderString}\n errorMessage={errorMessage}\n onClear={onClear}\n onEnter={onEnter}\n />\n </Group>\n </Tooltip>\n </Flex>\n );\n};\n\n/**\n * Returns the current text input and a callback to change it (used for interactive user input).\n * The current text may also change if the input prop changes (controlled usage).\n */\nfunction useCoordinateState(\n inputProp: Coordinate | undefined,\n mapProjection: Projection | undefined,\n selectedProjection: ProjectionItem,\n onSelect: (validationResult: ParseResult) => void\n): [string, (value: string) => void, ParseResult] {\n const intl = useIntl();\n const numberParser = useService<NumberParserService>(\"runtime.NumberParserService\");\n\n const [model] = useState(() => new StateModel(intl, selectedProjection, numberParser));\n useEffect(() => {\n const triggerSelect =\n inputProp !== model.inputProp || selectedProjection !== model.selectedProjection;\n\n model.setI18n(intl, numberParser);\n model.setInputProp(inputProp);\n model.setSelectedProjection(selectedProjection);\n model.setMapProjection(mapProjection);\n\n if (triggerSelect) {\n const validationResult = model.validationResult;\n onSelect(validationResult);\n }\n }, [model, intl, numberParser, inputProp, selectedProjection, mapProjection, onSelect]);\n\n const { rawInput, validationResult } = useReactiveSnapshot(() => {\n return {\n rawInput: model.rawInput,\n validationResult: model.validationResult\n };\n }, [model]);\n const setInputText = useCallback(\n (inputText: string) => {\n model.setText(inputText);\n },\n [model]\n );\n return [rawInput, setInputText, validationResult];\n}\n\nclass StateModel {\n #intl: Reactive<PackageIntl>;\n #selectedProjection: Reactive<ProjectionItem>;\n #mapProjection = reactive<Projection | undefined>();\n #inputProp = reactive<Coordinate | undefined>();\n #numberParser: Reactive<NumberParserService>;\n\n #rawInput = reactive(\"\");\n #validationResult = computed(() => {\n return parseCoordinates(\n this.#rawInput.value,\n this.#numberParser.value,\n this.#selectedProjection.value.value\n );\n });\n\n constructor(\n intl: PackageIntl,\n selectedProjection: ProjectionItem,\n numberParser: NumberParserService\n ) {\n this.#intl = reactive(intl);\n this.#selectedProjection = reactive(selectedProjection);\n this.#numberParser = reactive(numberParser);\n }\n\n get inputProp() {\n return this.#inputProp.value;\n }\n\n get rawInput() {\n return this.#rawInput.value;\n }\n\n get validationResult() {\n return this.#validationResult.value;\n }\n\n get selectedProjection() {\n return this.#selectedProjection.value;\n }\n\n setI18n(intl: PackageIntl, numberParser: NumberParserService) {\n this.#intl.value = intl;\n this.#numberParser.value = numberParser;\n }\n\n setText(text: string) {\n this.#rawInput.value = text;\n }\n\n setSelectedProjection(value: ProjectionItem) {\n if (value !== this.#selectedProjection.value) {\n this.#selectedProjection.value = value;\n this.#updateInput();\n }\n }\n\n setInputProp(value: Coordinate | undefined) {\n if (value !== this.#inputProp.value) {\n this.#inputProp.value = value;\n this.#updateInput();\n }\n }\n\n setMapProjection(value: Projection | undefined) {\n if (value !== this.#mapProjection.value) {\n this.#mapProjection.value = value;\n this.#updateInput();\n }\n }\n\n #updateInput() {\n const inputProp = this.#inputProp.value;\n const mapProjection = this.#mapProjection.value;\n const selectedProjection = this.#selectedProjection.value;\n const intl = this.#intl.value;\n if (mapProjection && inputProp) {\n // Update state based on input prop.\n const transformed = transform(inputProp, mapProjection, selectedProjection.value);\n const formatted = formatCoordinates(transformed, selectedProjection.precision, intl);\n this.#rawInput.value = formatted;\n }\n }\n}\n\n/**\n * Builds the list of available projection items based on the provided list of projections\n */\nfunction useProjectionItems(projections: ProjectionInput[]) {\n return useMemo(() => {\n // filter out projections that are not known\n const availableProjections: ProjectionItem[] = projections.flatMap((ele) => {\n const projection = getProjection(ele.value);\n if (projection != null)\n return {\n label: ele.label,\n value: projection,\n precision: ele.precision ?? DEFAULT_PRECISION\n };\n return [];\n });\n return availableProjections;\n }, [projections]);\n}\n"],"names":["getProjection","validationResult"],"mappings":"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"}
|
package/coordinates.js
CHANGED
|
@@ -11,7 +11,7 @@ function parseCoordinates(input, numberParser, projection) {
|
|
|
11
11
|
return err("tooltip.spaceOne");
|
|
12
12
|
}
|
|
13
13
|
const splitCoords = input.split(" ");
|
|
14
|
-
if (splitCoords
|
|
14
|
+
if (splitCoords[0] == void 0 || splitCoords[1] == void 0 || splitCoords[0] == "" || splitCoords[1] == "") {
|
|
15
15
|
return err("tooltip.2coords");
|
|
16
16
|
}
|
|
17
17
|
const coordsString1 = numberParser.parseNumber(splitCoords[0]);
|
|
@@ -44,14 +44,17 @@ function err(kind) {
|
|
|
44
44
|
return { kind };
|
|
45
45
|
}
|
|
46
46
|
function checkIfCoordsInProjectionsExtent(projection, coords) {
|
|
47
|
-
const extent = projection
|
|
47
|
+
const extent = projection?.getExtent();
|
|
48
48
|
if (!extent || extent.length !== 4) {
|
|
49
49
|
return true;
|
|
50
50
|
}
|
|
51
51
|
if (!coords || coords.length !== 2) {
|
|
52
52
|
throw new Error(`Internal error: invalid coordinates ${coords}.`);
|
|
53
53
|
}
|
|
54
|
-
return
|
|
54
|
+
return (
|
|
55
|
+
/* eslint-disable @typescript-eslint/no-non-null-assertion */
|
|
56
|
+
extent[0] <= coords[0] && extent[1] <= coords[1] && extent[2] >= coords[0] && extent[3] >= coords[1]
|
|
57
|
+
);
|
|
55
58
|
}
|
|
56
59
|
function formatCoordinates(coordinates, precision, intl) {
|
|
57
60
|
if (coordinates[0] == null || coordinates[1] == null) {
|
package/coordinates.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"coordinates.js","sources":["coordinates.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { NumberParserService, PackageIntl } from \"@open-pioneer/runtime\";\nimport { get as getProjection, Projection, transform } from \"ol/proj\";\nimport { createLogger } from \"@open-pioneer/core\";\nconst LOG = createLogger(\"coordinate-search\");\n\nexport interface ParseSuccess {\n kind: \"success\";\n projection: Projection;\n coordinates: [number, number];\n}\n\nexport interface ParseError {\n // Double duty as i18n message at the moment\n kind:\n | \"empty\"\n | \"tooltip.space\"\n | \"tooltip.spaceOne\"\n | \"tooltip.2coords\"\n | \"tooltip.invalidNumbers\"\n | \"tooltip.extent\"\n | \"tooltip.projection\";\n}\n\nexport type ParseResult = ParseSuccess | ParseError;\n\nexport function parseCoordinates(\n input: string,\n numberParser: NumberParserService,\n projection: Projection\n): ParseResult {\n if (input == \"\") return err(\"empty\");\n\n if (!input.includes(\" \")) {\n return err(\"tooltip.space\");\n }\n if (input.indexOf(\" \") != input.lastIndexOf(\" \")) {\n return err(\"tooltip.spaceOne\");\n }\n\n const splitCoords = input.split(\" \");\n if (splitCoords
|
|
1
|
+
{"version":3,"file":"coordinates.js","sources":["coordinates.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { NumberParserService, PackageIntl } from \"@open-pioneer/runtime\";\nimport { get as getProjection, Projection, transform } from \"ol/proj\";\nimport { createLogger } from \"@open-pioneer/core\";\nimport { Coordinate } from \"ol/coordinate\";\nconst LOG = createLogger(\"coordinate-search\");\n\nexport interface ParseSuccess {\n kind: \"success\";\n projection: Projection;\n coordinates: [number, number];\n}\n\nexport interface ParseError {\n // Double duty as i18n message at the moment\n kind:\n | \"empty\"\n | \"tooltip.space\"\n | \"tooltip.spaceOne\"\n | \"tooltip.2coords\"\n | \"tooltip.invalidNumbers\"\n | \"tooltip.extent\"\n | \"tooltip.projection\";\n}\n\nexport type ParseResult = ParseSuccess | ParseError;\n\nexport function parseCoordinates(\n input: string,\n numberParser: NumberParserService,\n projection: Projection\n): ParseResult {\n if (input == \"\") return err(\"empty\");\n\n if (!input.includes(\" \")) {\n return err(\"tooltip.space\");\n }\n if (input.indexOf(\" \") != input.lastIndexOf(\" \")) {\n return err(\"tooltip.spaceOne\");\n }\n\n const splitCoords = input.split(\" \");\n if (\n splitCoords[0] == undefined ||\n splitCoords[1] == undefined ||\n splitCoords[0] == \"\" ||\n splitCoords[1] == \"\"\n ) {\n return err(\"tooltip.2coords\");\n }\n\n const coordsString1 = numberParser.parseNumber(splitCoords[0]);\n const coordsString2 = numberParser.parseNumber(splitCoords[1]);\n\n const coords: [number, number] = [coordsString1, coordsString2];\n if (coords.some((number) => Number.isNaN(number))) {\n return err(\"tooltip.invalidNumbers\");\n }\n try {\n if (!checkIfCoordsInProjectionsExtent(projection, coords)) {\n return err(\"tooltip.extent\");\n }\n\n if (\n !checkIfCoordsInProjectionsExtent(\n getProjection(\"EPSG:4326\"),\n transform(coords, projection, \"EPSG:4326\")\n )\n ) {\n return err(\"tooltip.extent\");\n }\n } catch (e) {\n LOG.warn(\"Failed to check if coordinates are in projection extent\", e);\n return err(\"tooltip.projection\");\n }\n\n return {\n kind: \"success\",\n projection,\n coordinates: coords\n };\n}\n\nfunction err(kind: ParseError[\"kind\"]): ParseError {\n return { kind };\n}\n\n/* validate if the coordinates fit to the extent of the selected projection */\nfunction checkIfCoordsInProjectionsExtent(\n projection: Projection | null,\n coords: Coordinate\n): boolean {\n const extent = projection?.getExtent();\n if (!extent || extent.length !== 4) {\n // Some projections don't have an extent, cannot validate.\n return true;\n }\n if (!coords || coords.length !== 2) {\n throw new Error(`Internal error: invalid coordinates ${coords}.`);\n }\n\n return (\n /* eslint-disable @typescript-eslint/no-non-null-assertion */\n extent[0]! <= coords[0]! &&\n extent[1]! <= coords[1]! &&\n extent[2]! >= coords[0]! &&\n extent[3]! >= coords[1]!\n /* eslint-enable @typescript-eslint/no-non-null-assertion */\n );\n}\n\n/* Formats the coordinates as a string with given precision considering locales */\nexport function formatCoordinates(\n coordinates: number[],\n precision: number,\n intl: PackageIntl\n): string {\n if (coordinates[0] == null || coordinates[1] == null) {\n return \"\";\n }\n\n const [x, y] = coordinates;\n\n const xString = intl.formatNumber(x, {\n maximumFractionDigits: precision,\n minimumFractionDigits: precision\n });\n const yString = intl.formatNumber(y, {\n maximumFractionDigits: precision,\n minimumFractionDigits: precision\n });\n\n return xString + \" \" + yString;\n}\n"],"names":["getProjection"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"type": "module",
|
|
3
3
|
"name": "@open-pioneer/coordinate-search",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.1.0",
|
|
5
5
|
"description": "This package provides a UI component to search for entered coordinates in the choosen projection.",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"open-pioneer-trails"
|
|
@@ -14,17 +14,17 @@
|
|
|
14
14
|
"directory": "src/packages/coordinate-search"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@chakra-ui/react": "^3.
|
|
18
|
-
"@conterra/reactivity-core": "^0.8.
|
|
19
|
-
"@open-pioneer/chakra-snippets": "4.
|
|
20
|
-
"@open-pioneer/core": "4.
|
|
21
|
-
"@open-pioneer/runtime": "4.
|
|
22
|
-
"@open-pioneer/react-utils": "4.
|
|
23
|
-
"@open-pioneer/reactivity": "4.
|
|
24
|
-
"ol": "^10.
|
|
17
|
+
"@chakra-ui/react": "^3.29.0",
|
|
18
|
+
"@conterra/reactivity-core": "^0.8.1",
|
|
19
|
+
"@open-pioneer/chakra-snippets": "^4.3.0",
|
|
20
|
+
"@open-pioneer/core": "^4.3.0",
|
|
21
|
+
"@open-pioneer/runtime": "^4.3.0",
|
|
22
|
+
"@open-pioneer/react-utils": "^4.3.0",
|
|
23
|
+
"@open-pioneer/reactivity": "^4.3.0",
|
|
24
|
+
"ol": "^10.7.0",
|
|
25
25
|
"react": "^19.2.0",
|
|
26
26
|
"react-icons": "^5.5.0",
|
|
27
|
-
"@open-pioneer/map": "1.
|
|
27
|
+
"@open-pioneer/map": "^1.1.0"
|
|
28
28
|
},
|
|
29
29
|
"exports": {
|
|
30
30
|
"./package.json": "./package.json",
|