@orioro/react-maplibre-util 0.7.1 → 0.8.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @orioro/react-maplibre-util
 
+## 0.8.1
+
+### Patch Changes
+
+- fix: upgrade build dependency react babel preset runtime: automatic
+
+## 0.8.0
+
+### Minor Changes
+
+- release vector_polygon presets
+
 ## 0.7.1
 
 ### Patch Changes

package/dist/DynamicImages/svgPatterns/index.d.ts

@@ -6,3 +6,4 @@ export declare const mosaic_1: (data: Record<string, any>) => string;
 export declare const waves_1: (data: Record<string, any>) => string;
 export declare const circles_1: (data: Record<string, any>) => string;
 export declare const lines_1: (data: Record<string, any>) => string;
+export declare const mosaic_2: (data: Record<string, any>) => string;

package/dist/index.mjs

@@ -6,6 +6,7 @@ import { Flex, useRefByKey, useLocalState, DropdownMenu } from '@orioro/react-ui
 import styled from 'styled-components';
 import { usePrevious } from 'react-use';
 import { mergeRefs } from 'react-merge-refs';
+import { jsxs } from 'react/jsx-runtime';
 import { mdiCloseCircleOutline, mdiCheck, mdiTerrain, mdiVideo3d } from '@mdi/js';
 import { interpolate, strExpr } from '@orioro/util';
 import { ckmeans } from 'simple-statistics';
@@ -774,14 +775,13 @@ function _arrayLikeToArray(r, a) {
 function _arrayWithHoles(r) {
   if (Array.isArray(r)) return r;
 }
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
 }
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
@@ -810,6 +810,27 @@ function _iterableToArrayLimit(r, l) {
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
 function _objectWithoutProperties(e, t) {
   if (null == e) return {};
   var o,
@@ -833,6 +854,20 @@ function _objectWithoutPropertiesLoose(r, e) {
 function _slicedToArray(r, e) {
   return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
 }
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
 function _typeof(o) {
   "@babel/helpers - typeof";
 
@@ -875,13 +910,14 @@ function withHover(Component, withHoverProps) {
     var _useHover = useHover(withHoverProps, []),
       _useHover2 = _slicedToArray(_useHover, 1),
       hoverProps = _useHover2[0];
-    return /*#__PURE__*/React.createElement(Component, _extends({}, restProps, {
+    return /*#__PURE__*/jsxs(Component, _objectSpread2(_objectSpread2({}, restProps), {}, {
       ref: ref,
       cursor: cursor || hoverProps.cursor,
       onMouseMove: useMergedCallback(onMouseMove, hoverProps.onMouseMove),
       onDragStart: useMergedCallback(onDragStart, hoverProps.onDragStart),
-      onDragEnd: useMergedCallback(onDragEnd, hoverProps.onDragEnd)
-    }), hoverProps.children, children);
+      onDragEnd: useMergedCallback(onDragEnd, hoverProps.onDragEnd),
+      children: [hoverProps.children, children]
+    }));
   });
 }
 
@@ -1372,27 +1408,42 @@ var diamonds_1 = _pattern("<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  ".con
   height: 50,
   width: 50
 }), ">\n  <defs>\n    <pattern\n      patternTransform=\"scale(${ scale = 1 })\"\n      id=\"a\"\n      width=\"50\"\n      height=\"50\"\n      patternUnits=\"userSpaceOnUse\"\n    >\n      ").concat(_bgRect(), "\n      <path\n        fill=\"transparent\"\n        stroke=\"${ stroke = #000000 }\"\n        stroke-width=\"${ strokeWidth = 2 }\"\n        d=\"M50 25 37.5 50 25 25 37.5 0zm-25 0L12.5 50 0 25 12.5 0z\"\n      />\n    </pattern>\n  </defs>\n  <rect width=\"800%\" height=\"800%\" fill=\"url(#a)\" />\n</svg>"));
+// Source:
+// https://pattern.monster/plus-1
 var cross_1 = _pattern("<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  ".concat(_svgViewBox({
   height: 20,
   width: 20
 }), ">\n  <defs>\n    <pattern\n      patternTransform=\"scale(${ scale = 1 })\"\n      id=\"a\"\n      width=\"20\"\n      height=\"20\"\n      patternUnits=\"userSpaceOnUse\"\n    >\n      ").concat(_bgRect(), "\n      <path\n        fill=\"transparent\"\n        stroke=\"${ stroke = #000000 }\"\n        stroke-width=\"${ strokeWidth = 2 }\"\n        stroke-linecap=\"square\"\n        d=\"M3.25 10h13.5M10 3.25v13.5\"\n      />\n    </pattern>\n  </defs>\n  <rect width=\"800%\" height=\"800%\" fill=\"url(#a)\" />\n</svg>"));
+// Source:
 // https://pattern.monster/cubes-1
 var mosaic_1 = _pattern("<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  ".concat(_svgViewBox({
   width: 60,
   height: 60
 }), ">\n  <defs>\n    <pattern\n      patternTransform=\"scale(${ scale = 1 })\"\n      id=\"a\"\n      width=\"60\"\n      height=\"60\"\n      patternUnits=\"userSpaceOnUse\">\n      ").concat(_bgRect(), "\n      <path\n        fill=\"transparent\"\n        stroke=\"${ stroke = #000000 }\"\n        stroke-width=\"${ strokeWidth = 2 }\"\n        d=\"M15 30v30m-7.5 0V30h15v30m7.5 0H0V30h30M45 0v30m7.5-30v30m-15 0V0M30 0h30v30M30 45h30m-30-7.5h30m0 15H30M30 30h30v30H30zM0 15h30M0 7.5h30m0 15H0M0 0h30v30H0z\"\n      />\n    </pattern>\n  </defs>\n  <rect width=\"800%\" height=\"800%\" fill=\"url(#a)\" />\n</svg>"));
+// Source:
+// https://pattern.monster/waves-1
 var waves_1 = _pattern("<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  ".concat(_svgViewBox({
   width: 120,
   height: 80
 }), ">\n  <defs>\n    <pattern\n      patternTransform=\"scale(${ scale = 1 })\"\n      id=\"a\"\n      width=\"120\"\n      height=\"80\"\n      patternUnits=\"userSpaceOnUse\">\n      ").concat(_bgRect(), "\n      <path\n        fill=\"transparent\"\n        stroke=\"${ stroke = #000000 }\"\n        stroke-width=\"${ strokeWidth = 2 }\"\n        d=\"M-50.129 12.685C-33.346 12.358-16.786 4.918 0 5c16.787.082 43.213 10 60 10s43.213-9.918 60-10 33.346 7.358 50.129 7.685\"\n      />\n      <path\n        fill=\"transparent\"\n        stroke=\"${ stroke = #000000 }\"\n        stroke-width=\"${ strokeWidth = 2 }\"\n        d=\"M-50.129 32.685C-33.346 32.358-16.786 24.918 0 25c16.787.082 43.213 10 60 10s43.213-9.918 60-10 33.346 7.358 50.129 7.685\"\n      />\n      <path\n        fill=\"transparent\"\n        stroke=\"${ stroke = #000000 }\"\n        stroke-width=\"${ strokeWidth = 2 }\"\n        d=\"M-50.129 52.685C-33.346 52.358-16.786 44.918 0 45c16.787.082 43.213 10 60 10s43.213-9.918 60-10 33.346 7.358 50.129 7.685\"\n      />\n      <path\n        fill=\"transparent\"\n        stroke=\"${ stroke = #000000 }\"\n        stroke-width=\"${ strokeWidth = 2 }\"\n        d=\"M-50.129 72.685C-33.346 72.358-16.786 64.918 0 65c16.787.082 43.213 10 60 10s43.213-9.918 60-10 33.346 7.358 50.129 7.685\"\n      />\n    </pattern>\n  </defs>\n  <rect width=\"800%\" height=\"800%\" fill=\"url(#a)\" />\n</svg>"));
+// Source:
+// https://pattern.monster/circles-1
 var circles_1 = _pattern("<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  ".concat(_svgViewBox({
   width: 20,
   height: 20
 }), ">\n  <defs>\n    <pattern\n      patternTransform=\"scale(${ scale = 1 })\"\n      id=\"a\"\n      width=\"20\"\n      height=\"20\"\n      patternUnits=\"userSpaceOnUse\">\n      ").concat(_bgRect(), "\n      <path\n        fill=\"transparent\"\n        stroke=\"${ stroke = #000000 }\"\n        stroke-width=\"${ strokeWidth = 2 }\"\n        d=\"M10 15a5 5 0 1 1 0-10 5 5 0 0 1 0 10z\"\n      />\n    </pattern>\n  </defs>\n  <rect width=\"800%\" height=\"800%\" fill=\"url(#a)\" />\n</svg>"));
+// Source:
+// https://pattern.monster/straight-lines
 var lines_1 = _pattern("<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  ".concat(_svgViewBox({
   width: 20,
   height: 80
 }), ">\n  <defs>\n    <pattern\n      patternTransform=\"scale(${ scale = 1 })\"\n      id=\"a\"\n      width=\"20\"\n      height=\"80\"\n      patternUnits=\"userSpaceOnUse\">\n      ").concat(_bgRect(), "\n      <path\n        fill=\"transparent\"\n        stroke=\"${ stroke = #000000 }\"\n        stroke-width=\"${ strokeWidth = 2 }\"\n        d=\"M0 10h20z\"\n      />\n      <path\n        fill=\"transparent\"\n        stroke=\"${ stroke = #000000 }\"\n        stroke-width=\"${ strokeWidth = 2 }\"\n        d=\"M0 30h20z\"\n      />\n      <path\n        fill=\"transparent\"\n        stroke=\"${ stroke = #000000 }\"\n        stroke-width=\"${ strokeWidth = 2 }\"\n        d=\"M0 50h20z\"\n      />\n      <path\n        fill=\"transparent\"\n        stroke=\"${ stroke = #000000 }\"\n        stroke-width=\"${ strokeWidth = 2 }\"\n        d=\"M0 70h20z\"\n      />\n    </pattern>\n  </defs>\n  <rect width=\"800%\" height=\"800%\" fill=\"url(#a)\" />\n</svg>"));
+// Source:
+// https://pattern.monster/herringbone-8
+var mosaic_2 = _pattern("<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  ".concat(_svgViewBox({
+  width: 40,
+  height: 40
+}), ">\n  <defs>\n    <pattern\n      id=\"a\"\n      width=\"40\"\n      height=\"40\"\n      patternTransform=\"scale(${ scale = 2 })\"\n      patternUnits=\"userSpaceOnUse\">\n      ").concat(_bgRect(), "\n      <path\n        fill=\"transparent\"\n        stroke=\"${ stroke = #000000 }\"\n        d=\"M15 5h10v30H15zM35-5V5H5V-5zm0 40v10H5V35zm0-50h10v30H35zm20 30v10H25V15zm-40 0v10h-30V15zm20 10h10v30H35zm-40 0H5v30H-5zm0-40H5v30H-5z\"\n      />\n    </pattern>\n  </defs>\n  <rect width=\"800%\" height=\"800%\" fill=\"url(#a)\" />\n</svg>"));
 
 var index = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -1401,6 +1452,7 @@ var index = /*#__PURE__*/Object.freeze({
     diamonds_1: diamonds_1,
     lines_1: lines_1,
     mosaic_1: mosaic_1,
+    mosaic_2: mosaic_2,
     squares_1: squares_1,
     triangles_1: triangles_1,
     waves_1: waves_1
@@ -1926,4 +1978,4 @@ function InspectControl(props) {
   return null;
 }
 
-export { $naturalBreaks, ControlContainer, DynamicImages, HoverTooltip, InspectControl, LayeredMap, MapWindow, index as SVG_PATTERNS, SyncedMaps, TerrainControl, applyReactStyle, augmentFeature, circles_1, cross_1, diamonds_1, ensureAddLayer, ensureAddSource, ensureRemoveLayer, ensureRemoveSource, fitGeometry, fmtLayerAbsoluteId, getSrcLayer, getSrcViewByLayerId, hoverParseEvent, layeredMapOnClickHandler, lines_1, makeSyncedMaps, mapSetFeaturesState, mosaic_1, naturalBreakBounds, parseMapViews, scaleNaturalBreaks, sortLayers, squares_1, svgIconGenerator, svgImageGenerator, svgImageId, triangles_1, useClientRect, useHover, useLayeredMap, useMapRegistry, useTilesLoading, waves_1, withHover };
+export { $naturalBreaks, ControlContainer, DynamicImages, HoverTooltip, InspectControl, LayeredMap, MapWindow, index as SVG_PATTERNS, SyncedMaps, TerrainControl, applyReactStyle, augmentFeature, circles_1, cross_1, diamonds_1, ensureAddLayer, ensureAddSource, ensureRemoveLayer, ensureRemoveSource, fitGeometry, fmtLayerAbsoluteId, getSrcLayer, getSrcViewByLayerId, hoverParseEvent, layeredMapOnClickHandler, lines_1, makeSyncedMaps, mapSetFeaturesState, mosaic_1, mosaic_2, naturalBreakBounds, parseMapViews, scaleNaturalBreaks, sortLayers, squares_1, svgIconGenerator, svgImageGenerator, svgImageId, triangles_1, useClientRect, useHover, useLayeredMap, useMapRegistry, useTilesLoading, waves_1, withHover };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orioro/react-maplibre-util",
-  "version": "0.7.1",
+  "version": "0.8.1",
   "packageManager": "yarn@4.0.2",
   "type": "module",
   "main": "dist/index.mjs",
@@ -23,7 +23,7 @@
     "build-storybook": "storybook build"
   },
   "devDependencies": {
-    "@orioro/dev": "^0.0.6",
+    "@orioro/dev": "^0.0.7",
     "@radix-ui/themes": "^3.0.1",
     "@tanstack/react-query": "^5.66.0",
     "maplibre-gl": "^5.1.0",