@open-pioneer/coordinate-search 1.3.0-dev-map-loading.20260202144650 → 1.3.0-dev-css-prop.20260210130215

package/CHANGELOG.md

@@ -1,12 +1,20 @@
 # @open-pioneer/coordinate-search
 
-## 1.3.0-dev-map-loading.20260202144650
+## 1.3.0-dev-css-prop.20260210130215
+
+### Minor Changes
+
+- 911fda5: Support for new common container props (role, aria-_, data-_ and css)
+- d54ccfd: Update to Chakra UI 3.32.0
 
 ### Patch Changes
 
-- Updated dependencies [f5030cc]
-- Updated dependencies [f5030cc]
-    - @open-pioneer/map@1.3.0-dev-map-loading.20260202144650
+- Updated dependencies [911fda5]
+- Updated dependencies [2ceb1ca]
+- Updated dependencies [d54ccfd]
+- Updated dependencies [4bcc8ce]
+- Updated dependencies [2ceb1ca]
+    - @open-pioneer/map@1.3.0-dev-css-prop.20260210130215
 
 ## 1.2.0
 

package/CoordinateInput.js

@@ -69,7 +69,7 @@ const CoordinateInput = (props) => {
   const onEnter = useEvent(() => {
     onSelect(validationResult);
   });
-  return /* @__PURE__ */ jsx(Flex, { ...containerProps, flexDirection: "row", flexDir: "row", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Flex, { flexDirection: "row", flexDir: "row", ...containerProps, children: /* @__PURE__ */ jsx(
     Tooltip,
     {
       content: errorMessage,

package/CoordinateInput.js.map

@@ -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        // 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":";;;;;;;;;;;;;;;AAkBA,MAAM,iBAAA,GAAoB,CAAA;AAC1B,MAAM,mBAAA,GAAsB;AAAA,EACxB;AAAA,IACI,KAAA,EAAO,QAAA;AAAA;AAAA,IAEP,KAAA,EAAOA,IAAc,WAAW,CAAA;AAAA,IAChC,SAAA,EAAW;AAAA,GACf;AAAA,EACA;AAAA,IACI,KAAA,EAAO,cAAA;AAAA;AAAA,IAEP,KAAA,EAAOA,IAAc,WAAW,CAAA;AAAA,IAChC,SAAA,EAAW;AAAA;AAEnB,CAAA;AA+FO,MAAM,eAAA,GAA4C,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM;AAAA,IACF,QAAA,EAAU,YAAA;AAAA,IACV,OAAA;AAAA,IACA,WAAA,GAAc,mBAAA;AAAA,IACd,KAAA;AAAA,IACA,WAAA,GAAc;AAAA,GAClB,GAAI,KAAA;AACJ,EAAA,MAAM,EAAE,cAAA,EAAe,GAAI,uBAAA,CAAwB,oBAAoB,KAAK,CAAA;AAC5E,EAAA,MAAM,GAAA,GAAM,iBAAiB,KAAK,CAAA;AAClC,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,gBAAgB,mBAAA,CAAoB,MAAM,IAAI,UAAA,EAAY,CAAC,GAAG,CAAC,CAAA;AAGrE,EAAA,MAAM,oBAAA,GAAuB,mBAAmB,WAAW,CAAA;AAC3D,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAI,QAAA;AAAA;AAAA;AAAA,IAGhD,qBAAqB,CAAC;AAAA,GAC1B;AAGA,EAAA,MAAM,QAAA,GAAW,QAAA,CAAS,CAAC,iBAAA,KAAmC;AAC1D,IAAA,IAAI,CAAC,YAAA,IAAgB,iBAAA,CAAkB,IAAA,KAAS,SAAA,IAAa,iBAAiB,IAAA,EAAM;AAChF,MAAA;AAAA,IACJ;AAEA,IAAA,MAAM,MAAA,GAAS,SAAA;AAAA,MACX,iBAAA,CAAkB,WAAA;AAAA,MAClB,iBAAA,CAAkB,UAAA;AAAA,MAClB;AAAA,KACJ;AACA,IAAA,YAAA,CAAa,EAAE,MAAA,EAAgB,UAAA,EAAY,aAAA,EAAe,CAAA;AAAA,EAC9D,CAAC,CAAA;AACD,EAAA,MAAM,CAAC,qBAAA,EAAuB,wBAAA,EAA0B,gBAAgB,CAAA,GAAI,kBAAA;AAAA,IACxE,KAAA;AAAA,IACA,aAAA;AAAA,IACA,kBAAA;AAAA,IACA;AAAA,GACJ;AACA,EAAA,MAAM,iBAAA,GAAoB,cAAA,CAAe,WAAA,EAAa,aAAA,EAAe,kBAAkB,CAAA;AACvF,EAAA,MAAM,YAAA,GAAe,gBAAA,CAAiB,IAAA,KAAS,SAAA,IAAa,iBAAiB,IAAA,KAAS,OAAA;AACtF,EAAA,MAAM,YAAA,GAAe,CAAC,YAAA,GAChB,IAAA,CAAK,aAAA,CAAc,EAAE,EAAA,EAAI,gBAAA,CAAiB,IAAA,EAAM,CAAA,GAChD,MAAA;AAEN,EAAA,MAAM,OAAA,GAAU,SAAS,MAAM;AAC3B,IAAA,QAAA,CAAS,gBAAgB,CAAA;AAAA,EAC7B,CAAC,CAAA;AAED,EAAA,2BACK,IAAA,EAAA,EAAM,GAAG,gBAAgB,aAAA,EAAe,KAAA,EAAO,SAAS,KAAA,EACrD,QAAA,kBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACG,OAAA,EAAS,YAAA;AAAA,MACT,SAAA,EAAS,IAAA;AAAA,MACT,MAAM,CAAC,YAAA;AAAA,MAGP,SAAS,CAAC,YAAA;AAAA,MAEV,+BAAC,KAAA,EAAA,EAAM,SAAA,EAAU,0BAAyB,QAAA,EAAQ,IAAA,EAAC,GAAE,MAAA,EACjD,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACG,iBAAA,EAAmB,kBAAA;AAAA,YACnB,WAAA,EAAa,oBAAA;AAAA,YACb,kBAAA,EAAoB;AAAA;AAAA,SACxB;AAAA,wBACA,GAAA;AAAA,UAAC,oBAAA;AAAA,UAAA;AAAA,YACG,qBAAA;AAAA,YACA,wBAAA;AAAA,YACA,WAAA;AAAA,YACA,iBAAA;AAAA,YACA,YAAA;AAAA,YACA,OAAA;AAAA,YACA;AAAA;AAAA;AACJ,OAAA,EACJ;AAAA;AAAA,GACJ,EACJ,CAAA;AAER;AAMA,SAAS,kBAAA,CACL,SAAA,EACA,aAAA,EACA,kBAAA,EACA,QAAA,EAC8C;AAC9C,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,YAAA,GAAe,WAAgC,6BAA6B,CAAA;AAElF,EAAA,MAAM,CAAC,KAAK,CAAA,GAAI,QAAA,CAAS,MAAM,IAAI,UAAA,CAAW,IAAA,EAAM,kBAAA,EAAoB,YAAY,CAAC,CAAA;AACrF,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,MAAM,aAAA,GACF,SAAA,KAAc,KAAA,CAAM,SAAA,IAAa,uBAAuB,KAAA,CAAM,kBAAA;AAElE,IAAA,KAAA,CAAM,OAAA,CAAQ,MAAM,YAAY,CAAA;AAChC,IAAA,KAAA,CAAM,aAAa,SAAS,CAAA;AAC5B,IAAA,KAAA,CAAM,sBAAsB,kBAAkB,CAAA;AAC9C,IAAA,KAAA,CAAM,iBAAiB,aAAa,CAAA;AAEpC,IAAA,IAAI,aAAA,EAAe;AACf,MAAA,MAAMC,oBAAmB,KAAA,CAAM,gBAAA;AAC/B,MAAA,QAAA,CAASA,iBAAgB,CAAA;AAAA,IAC7B;AAAA,EACJ,CAAA,EAAG,CAAC,KAAA,EAAO,IAAA,EAAM,cAAc,SAAA,EAAW,kBAAA,EAAoB,aAAA,EAAe,QAAQ,CAAC,CAAA;AAEtF,EAAA,MAAM,EAAE,QAAA,EAAU,gBAAA,EAAiB,GAAI,oBAAoB,MAAM;AAC7D,IAAA,OAAO;AAAA,MACH,UAAU,KAAA,CAAM,QAAA;AAAA,MAChB,kBAAkB,KAAA,CAAM;AAAA,KAC5B;AAAA,EACJ,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AACV,EAAA,MAAM,YAAA,GAAe,WAAA;AAAA,IACjB,CAAC,SAAA,KAAsB;AACnB,MAAA,KAAA,CAAM,QAAQ,SAAS,CAAA;AAAA,IAC3B,CAAA;AAAA,IACA,CAAC,KAAK;AAAA,GACV;AACA,EAAA,OAAO,CAAC,QAAA,EAAU,YAAA,EAAc,gBAAgB,CAAA;AACpD;AAEA,MAAM,UAAA,CAAW;AAAA,EACb,KAAA;AAAA,EACA,mBAAA;AAAA,EACA,iBAAiB,QAAA,EAAiC;AAAA,EAClD,aAAa,QAAA,EAAiC;AAAA,EAC9C,aAAA;AAAA,EAEA,SAAA,GAAY,SAAS,EAAE,CAAA;AAAA,EACvB,iBAAA,GAAoB,SAAS,MAAM;AAC/B,IAAA,OAAO,gBAAA;AAAA,MACH,KAAK,SAAA,CAAU,KAAA;AAAA,MACf,KAAK,aAAA,CAAc,KAAA;AAAA,MACnB,IAAA,CAAK,oBAAoB,KAAA,CAAM;AAAA,KACnC;AAAA,EACJ,CAAC,CAAA;AAAA,EAED,WAAA,CACI,IAAA,EACA,kBAAA,EACA,YAAA,EACF;AACE,IAAA,IAAA,CAAK,KAAA,GAAQ,SAAS,IAAI,CAAA;AAC1B,IAAA,IAAA,CAAK,mBAAA,GAAsB,SAAS,kBAAkB,CAAA;AACtD,IAAA,IAAA,CAAK,aAAA,GAAgB,SAAS,YAAY,CAAA;AAAA,EAC9C;AAAA,EAEA,IAAI,SAAA,GAAY;AACZ,IAAA,OAAO,KAAK,UAAA,CAAW,KAAA;AAAA,EAC3B;AAAA,EAEA,IAAI,QAAA,GAAW;AACX,IAAA,OAAO,KAAK,SAAA,CAAU,KAAA;AAAA,EAC1B;AAAA,EAEA,IAAI,gBAAA,GAAmB;AACnB,IAAA,OAAO,KAAK,iBAAA,CAAkB,KAAA;AAAA,EAClC;AAAA,EAEA,IAAI,kBAAA,GAAqB;AACrB,IAAA,OAAO,KAAK,mBAAA,CAAoB,KAAA;AAAA,EACpC;AAAA,EAEA,OAAA,CAAQ,MAAmB,YAAA,EAAmC;AAC1D,IAAA,IAAA,CAAK,MAAM,KAAA,GAAQ,IAAA;AACnB,IAAA,IAAA,CAAK,cAAc,KAAA,GAAQ,YAAA;AAAA,EAC/B;AAAA,EAEA,QAAQ,IAAA,EAAc;AAClB,IAAA,IAAA,CAAK,UAAU,KAAA,GAAQ,IAAA;AAAA,EAC3B;AAAA,EAEA,sBAAsB,KAAA,EAAuB;AACzC,IAAA,IAAI,KAAA,KAAU,IAAA,CAAK,mBAAA,CAAoB,KAAA,EAAO;AAC1C,MAAA,IAAA,CAAK,oBAAoB,KAAA,GAAQ,KAAA;AACjC,MAAA,IAAA,CAAK,YAAA,EAAa;AAAA,IACtB;AAAA,EACJ;AAAA,EAEA,aAAa,KAAA,EAA+B;AACxC,IAAA,IAAI,KAAA,KAAU,IAAA,CAAK,UAAA,CAAW,KAAA,EAAO;AACjC,MAAA,IAAA,CAAK,WAAW,KAAA,GAAQ,KAAA;AACxB,MAAA,IAAA,CAAK,YAAA,EAAa;AAAA,IACtB;AAAA,EACJ;AAAA,EAEA,iBAAiB,KAAA,EAA+B;AAC5C,IAAA,IAAI,KAAA,KAAU,IAAA,CAAK,cAAA,CAAe,KAAA,EAAO;AACrC,MAAA,IAAA,CAAK,eAAe,KAAA,GAAQ,KAAA;AAC5B,MAAA,IAAA,CAAK,YAAA,EAAa;AAAA,IACtB;AAAA,EACJ;AAAA,EAEA,YAAA,GAAe;AACX,IAAA,MAAM,SAAA,GAAY,KAAK,UAAA,CAAW,KAAA;AAClC,IAAA,MAAM,aAAA,GAAgB,KAAK,cAAA,CAAe,KAAA;AAC1C,IAAA,MAAM,kBAAA,GAAqB,KAAK,mBAAA,CAAoB,KAAA;AACpD,IAAA,MAAM,IAAA,GAAO,KAAK,KAAA,CAAM,KAAA;AACxB,IAAA,IAAI,iBAAiB,SAAA,EAAW;AAE5B,MAAA,MAAM,WAAA,GAAc,SAAA,CAAU,SAAA,EAAW,aAAA,EAAe,mBAAmB,KAAK,CAAA;AAChF,MAAA,MAAM,SAAA,GAAY,iBAAA,CAAkB,WAAA,EAAa,kBAAA,CAAmB,WAAW,IAAI,CAAA;AACnF,MAAA,IAAA,CAAK,UAAU,KAAA,GAAQ,SAAA;AAAA,IAC3B;AAAA,EACJ;AACJ;AAKA,SAAS,mBAAmB,WAAA,EAAgC;AACxD,EAAA,OAAO,QAAQ,MAAM;AAEjB,IAAA,MAAM,oBAAA,GAAyC,WAAA,CAAY,OAAA,CAAQ,CAAC,GAAA,KAAQ;AACxE,MAAA,MAAM,UAAA,GAAaD,GAAA,CAAc,GAAA,CAAI,KAAK,CAAA;AAC1C,MAAA,IAAI,UAAA,IAAc,IAAA;AACd,QAAA,OAAO;AAAA,UACH,OAAO,GAAA,CAAI,KAAA;AAAA,UACX,KAAA,EAAO,UAAA;AAAA,UACP,SAAA,EAAW,IAAI,SAAA,IAAa;AAAA,SAChC;AACJ,MAAA,OAAO,EAAC;AAAA,IACZ,CAAC,CAAA;AACD,IAAA,OAAO,oBAAA;AAAA,EACX,CAAA,EAAG,CAAC,WAAW,CAAC,CAAA;AACpB;;;;"}
+{"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 flexDirection={\"row\"} flexDir={\"row\"} {...containerProps}>\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/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@open-pioneer/coordinate-search",
-  "version": "1.3.0-dev-map-loading.20260202144650",
+  "version": "1.3.0-dev-css-prop.20260210130215",
   "description": "This package provides a UI component to search for entered coordinates in the choosen projection.",
   "keywords": [
     "open-pioneer-trails"
@@ -14,17 +14,17 @@
     "directory": "src/packages/coordinate-search"
   },
   "dependencies": {
-    "@chakra-ui/react": "^3.31.0",
+    "@chakra-ui/react": "^3.32.0",
     "@conterra/reactivity-core": "^0.8.1",
-    "@open-pioneer/chakra-snippets": "^4.4.0",
-    "@open-pioneer/core": "^4.4.0",
-    "@open-pioneer/runtime": "^4.4.0",
-    "@open-pioneer/react-utils": "^4.4.0",
-    "@open-pioneer/reactivity": "^4.4.0",
+    "@open-pioneer/chakra-snippets": "4.5.0-dev-css-prop.20260210120105",
+    "@open-pioneer/core": "4.5.0-dev-css-prop.20260210120105",
+    "@open-pioneer/runtime": "4.5.0-dev-css-prop.20260210120105",
+    "@open-pioneer/react-utils": "4.5.0-dev-css-prop.20260210120105",
+    "@open-pioneer/reactivity": "4.5.0-dev-css-prop.20260210120105",
     "ol": "^10.7.0",
-    "react": "^19.2.3",
+    "react": "^19.2.4",
     "react-icons": "^5.5.0",
-    "@open-pioneer/map": "1.3.0-dev-map-loading.20260202144650"
+    "@open-pioneer/map": "1.3.0-dev-css-prop.20260210130215"
   },
   "exports": {
     "./package.json": "./package.json",