@opengeoweb/shared 4.2.0 → 4.3.0

package/index.esm.js

@@ -8,22 +8,33 @@ import Draggable from 'react-draggable';
 import { Resizable } from 're-resizable';
 import { throttle } from 'lodash';
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2021 - Finnish Meteorological Institute (FMI)
- * */
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
 var bgColors = {
   green: '#fcffeb',
   grey: '#f8f9f9',
@@ -57,47 +68,23 @@ var tagStyle = function tagStyle(color) {
   };
 };
 
-var StatusTag = function StatusTag(_ref) {
-  var content = _ref.content,
-      color = _ref.color;
+var StatusTag = function StatusTag(_a) {
+  var content = _a.content,
+      color = _a.color,
+      props = __rest(_a, ["content", "color"]);
+
   return /*#__PURE__*/React.createElement(Box, {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    sx: Object.assign({}, tagStyle(color)),
-    "data-testid": "statusTag"
+    "data-testid": "statusTag",
+    className: "statusTag",
+    sx: Object.assign(Object.assign({}, tagStyle(color)), props.sx)
   }, /*#__PURE__*/React.createElement(Typography, {
     variant: "caption"
   }, content));
 };
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
 var confirmStyle = {
   width: {
     xs: '100%',

package/index.umd.js

@@ -144,13 +144,16 @@
 
     var StatusTag = function StatusTag(_a) {
       var content = _a.content,
-          color = _a.color;
+          color = _a.color,
+          props = __rest(_a, ["content", "color"]);
+
       return /*#__PURE__*/React__namespace.createElement(material.Box, {
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
-        sx: __assign({}, tagStyle(color)),
-        "data-testid": "statusTag"
+        "data-testid": "statusTag",
+        className: "statusTag",
+        sx: __assign(__assign({}, tagStyle(color)), props.sx)
       }, /*#__PURE__*/React__namespace.createElement(material.Typography, {
         variant: "caption"
       }, content));

package/lib/components/Avatar/Avatar.stories.d.ts

@@ -5,25 +5,21 @@ declare const _default: {
 export default _default;
 export declare const AvatarLight: {
     (): React.ReactElement;
-    story: {
-        name: string;
-        parameters: {
-            zeplinLink: {
-                name: string;
-                link: string;
-            }[];
-        };
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
     };
 };
 export declare const AvatarDark: {
     (): React.ReactElement;
-    story: {
-        name: string;
-        parameters: {
-            zeplinLink: {
-                name: string;
-                link: string;
-            }[];
-        };
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
     };
 };

package/lib/components/CustomToggleButton/CustomToggleButton.d.ts

@@ -3,6 +3,6 @@ import { ToggleButtonProps } from '@mui/material';
 import { ButtonVariant } from '@opengeoweb/theme';
 export interface CustomToggleButtonProps extends Omit<ToggleButtonProps, 'value'> {
     variant?: ButtonVariant;
-    value?: unknown;
+    value?: any;
 }
 export declare const CustomToggleButton: React.FC<CustomToggleButtonProps>;

package/lib/components/StatusTag/StatusTag.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-interface StatusTagProps {
+import { BoxProps } from '@mui/material';
+interface StatusTagProps extends BoxProps {
     content: string;
     color: string;
 }

package/lib/components/ToolButton/ToolButton.d.ts

@@ -7,5 +7,6 @@ export interface ToolButtonProps extends CustomToggleButtonProps {
     height?: string;
     value?: unknown;
     sx?: SxProps<Theme>;
+    children?: React.ReactNode;
 }
 export declare const ToolButton: React.FC<ToolButtonProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/shared",
-  "version": "4.2.0",
+  "version": "4.3.0",
   "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -13,16 +13,16 @@
   "dependencies": {},
   "peerDependencies": {
     "react": "^17.0.2",
-    "@mui/material": "^5.2.8",
-    "@opengeoweb/theme": "4.2.0",
-    "react-draggable": "^4.4.3",
+    "@mui/material": "^5.10.8",
+    "@opengeoweb/theme": "4.3.0",
+    "react-draggable": "^4.4.5",
     "re-resizable": "^6.9.0",
     "lodash": "^4.17.20",
-    "@opengeoweb/form-fields": "4.2.0",
+    "@opengeoweb/form-fields": "4.3.0",
     "react-hook-form": "^6.12.1",
     "moment": "^2.29.0",
     "moment-timezone": "^0.5.31",
-    "@mui/lab": "^5.0.0-alpha.64",
+    "@mui/x-date-pickers": "^5.0.4",
     "axios": "^0.25.0"
   }
 }