@open-pioneer/scale-viewer 0.7.0 → 0.8.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @open-pioneer/scale-viewer
 
+## 0.8.0
+
+### Minor Changes
+
+-   2fa8020: Update trails core package dependencies.
+
+    -   Also updates Chakra UI to the latest 2.x version and Chakra React Select to version 5.
+    -   Removes any obsolete references to `@chakra-ui/system`.
+        This dependency seems to be no longer required and may lead to duplicate packages in your dependency tree.
+
+### Patch Changes
+
+-   49f0207: Update trails core packages to version 2.4.0
+-   d8337a6: Refactor implementation to use the new reactive properties of the map model.
+-   Updated dependencies [b717121]
+-   Updated dependencies [e7978a8]
+-   Updated dependencies [7a5f1e1]
+-   Updated dependencies [7ae9f90]
+-   Updated dependencies [d8337a6]
+-   Updated dependencies [49f0207]
+-   Updated dependencies [b2127df]
+-   Updated dependencies [2fa8020]
+-   Updated dependencies [7ae9f90]
+-   Updated dependencies [d8337a6]
+    -   @open-pioneer/map@0.8.0
+
 ## 0.7.0
 
 ### Minor Changes

package/ScaleViewer.js

@@ -1,14 +1,15 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Box, Text } from '@open-pioneer/chakra-integration';
-import { useMapModel, useScale } from '@open-pioneer/map';
+import { useMapModel } from '@open-pioneer/map';
 import { useCommonComponentProps } from '@open-pioneer/react-utils';
+import { useReactiveSnapshot } from '@open-pioneer/reactivity';
 import { useIntl } from './_virtual/_virtual-pioneer-module_react-hooks.js';
 
 const ScaleViewer = (props) => {
   const { containerProps } = useCommonComponentProps("scale-viewer", props);
   const { map } = useMapModel(props);
   const intl = useIntl();
-  const scale = useScale(map?.olMap);
+  const scale = useReactiveSnapshot(() => map?.scale ?? 1, [map]);
   const displayScale = scale ? intl.formatNumber(scale) : void 0;
   return /* @__PURE__ */ jsx(Box, { ...containerProps, children: displayScale && /* @__PURE__ */ jsxs(Text, { children: [
     "1:",

package/ScaleViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScaleViewer.js","sources":["ScaleViewer.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Box, Text } from \"@open-pioneer/chakra-integration\";\nimport { MapModelProps, useMapModel, useScale } from \"@open-pioneer/map\";\nimport { CommonComponentProps, useCommonComponentProps } from \"@open-pioneer/react-utils\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { FC } from \"react\";\n\n/**\n * These are the properties supported by the {@link ScaleViewer}.\n */\nexport interface ScaleViewerProps extends CommonComponentProps, MapModelProps {}\n\nexport const ScaleViewer: FC<ScaleViewerProps> = (props) => {\n    const { containerProps } = useCommonComponentProps(\"scale-viewer\", props);\n    const { map } = useMapModel(props);\n    const intl = useIntl();\n    const scale = useScale(map?.olMap);\n    const displayScale = scale ? intl.formatNumber(scale) : undefined;\n\n    return <Box {...containerProps}>{displayScale && <Text>1:{displayScale}</Text>}</Box>;\n};\n"],"names":[],"mappings":";;;;;;AAaa,MAAA,WAAA,GAAoC,CAAC,KAAU,KAAA;AACxD,EAAA,MAAM,EAAE,cAAA,EAAmB,GAAA,uBAAA,CAAwB,gBAAgB,KAAK,CAAA,CAAA;AACxE,EAAA,MAAM,EAAE,GAAA,EAAQ,GAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AACjC,EAAA,MAAM,OAAO,OAAQ,EAAA,CAAA;AACrB,EAAM,MAAA,KAAA,GAAQ,QAAS,CAAA,GAAA,EAAK,KAAK,CAAA,CAAA;AACjC,EAAA,MAAM,YAAe,GAAA,KAAA,GAAQ,IAAK,CAAA,YAAA,CAAa,KAAK,CAAI,GAAA,KAAA,CAAA,CAAA;AAExD,EAAA,2BAAQ,GAAK,EAAA,EAAA,GAAG,cAAiB,EAAA,QAAA,EAAA,YAAA,yBAAiB,IAAK,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,IAAA;AAAA,IAAG,YAAA;AAAA,GAAA,EAAa,CAAQ,EAAA,CAAA,CAAA;AACnF;;;;"}
+{"version":3,"file":"ScaleViewer.js","sources":["ScaleViewer.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Box, Text } from \"@open-pioneer/chakra-integration\";\nimport { MapModelProps, useMapModel } from \"@open-pioneer/map\";\nimport { CommonComponentProps, useCommonComponentProps } from \"@open-pioneer/react-utils\";\nimport { useReactiveSnapshot } from \"@open-pioneer/reactivity\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { FC } from \"react\";\n\n/**\n * These are the properties supported by the {@link ScaleViewer}.\n */\nexport interface ScaleViewerProps extends CommonComponentProps, MapModelProps {}\n\nexport const ScaleViewer: FC<ScaleViewerProps> = (props) => {\n    const { containerProps } = useCommonComponentProps(\"scale-viewer\", props);\n    const { map } = useMapModel(props);\n    const intl = useIntl();\n    const scale = useReactiveSnapshot(() => map?.scale ?? 1, [map]);\n    const displayScale = scale ? intl.formatNumber(scale) : undefined;\n\n    return <Box {...containerProps}>{displayScale && <Text>1:{displayScale}</Text>}</Box>;\n};\n"],"names":[],"mappings":";;;;;;;AAca,MAAA,WAAA,GAAoC,CAAC,KAAU,KAAA;AACxD,EAAA,MAAM,EAAE,cAAA,EAAmB,GAAA,uBAAA,CAAwB,gBAAgB,KAAK,CAAA,CAAA;AACxE,EAAA,MAAM,EAAE,GAAA,EAAQ,GAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AACjC,EAAA,MAAM,OAAO,OAAQ,EAAA,CAAA;AACrB,EAAM,MAAA,KAAA,GAAQ,oBAAoB,MAAM,GAAA,EAAK,SAAS,CAAG,EAAA,CAAC,GAAG,CAAC,CAAA,CAAA;AAC9D,EAAA,MAAM,YAAe,GAAA,KAAA,GAAQ,IAAK,CAAA,YAAA,CAAa,KAAK,CAAI,GAAA,KAAA,CAAA,CAAA;AAExD,EAAA,2BAAQ,GAAK,EAAA,EAAA,GAAG,cAAiB,EAAA,QAAA,EAAA,YAAA,yBAAiB,IAAK,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,IAAA;AAAA,IAAG,YAAA;AAAA,GAAA,EAAa,CAAQ,EAAA,CAAA,CAAA;AACnF;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@open-pioneer/scale-viewer",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "This package provides a UI component to show the actual map scale to the user.",
   "keywords": [
     "open-pioneer-trails"
@@ -14,11 +14,12 @@
     "directory": "src/packages/scale-viewer"
   },
   "dependencies": {
-    "@open-pioneer/chakra-integration": "^2.3.0",
-    "@open-pioneer/react-utils": "^2.3.0",
-    "@open-pioneer/runtime": "^2.3.0",
+    "@open-pioneer/chakra-integration": "^2.4.0",
+    "@open-pioneer/react-utils": "^2.4.0",
+    "@open-pioneer/runtime": "^2.4.0",
+    "@open-pioneer/reactivity": "^2.4.0",
     "react": "^18.3.1",
-    "@open-pioneer/map": "^0.7.0"
+    "@open-pioneer/map": "^0.8.0"
   },
   "exports": {
     "./package.json": "./package.json",