@opengeoweb/shared 6.0.0 → 6.0.2

package/index.esm.d.ts

@@ -0,0 +1 @@
+export * from "./src/index";

package/{index.js → index.esm.js}

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { useRef, createContext, version, useContext } from 'react';
+import React__default, { useRef, useContext } from 'react';
 import { Box, Typography, Tooltip, IconButton, Dialog, DialogTitle, DialogContent, DialogActions, Button, CircularProgress, Alert, AlertTitle, useTheme, Drawer, Link, Avatar as Avatar$1, Paper, ClickAwayListener, MenuList, MenuItem, Grid, RadioGroup, FormControlLabel, Radio, List, ListItem, Tabs, Tab, Backdrop, Slider, ToggleButton, Menu, ListSubheader, ListItemIcon, Select, Accordion, AccordionSummary, AccordionDetails } from '@mui/material';
 import { Close, Exclamation, Success, Info, ChevronRight, GeoWebLogo, HamburgerMenu, Resize, useThemeContext, DragHandle, ArrowLeft, ArrowRight, KeyOption, ArrowUp, ArrowDown, KeyCommand, Options, ChevronDown } from '@opengeoweb/theme';
 import require$$2, { flushSync } from 'react-dom';
@@ -30,7 +30,12 @@ function __rest(s, e) {
                 t[p[i]] = s[p[i]];
         }
     return t;
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 var bgColors = {
   green: 'geowebColors.functional.successOutline.fill',
@@ -22761,7 +22766,7 @@ var useHandleSizeFromOutsideComponent = function useHandleSizeFromOutsideCompone
           position: position,
           startSize: startSize
         }) : getLeftPositionAndSize({
-          currentX: currentX,
+          currentX: currentX - boundsNode.getBoundingClientRect().x,
           newWidth: newWidth,
           maxWidth: maxWidth,
           position: position,
@@ -23476,11 +23481,14 @@ var CustomSlider = function CustomSlider(_a) {
   var element = React$1.useRef(null);
   var themeContext = useThemeContext();
   React$1.useEffect(function () {
+    if (!element.current) {
+      return;
+    }
     var activeMarkLabelElements = element.current.getElementsByClassName('MuiSlider-markLabelActive');
-    var _reverse = _toConsumableArray(activeMarkLabelElements).reverse(),
-      _reverse2 = _toArray(_reverse),
-      first = _reverse2[0],
-      rest = _reverse2.slice(1);
+    var _Array$from$reverse = Array.from(activeMarkLabelElements).reverse(),
+      _Array$from$reverse2 = _toArray(_Array$from$reverse),
+      first = _Array$from$reverse2[0],
+      rest = _Array$from$reverse2.slice(1);
     if (first) {
       first.classList.add('selectedLabel');
     }
@@ -24307,40 +24315,39 @@ if (
 
 if (process.env.NODE_ENV === 'production') ;
 
-const ContextKey = Symbol.for(`react-redux-context-${version}`);
-const gT = globalThis;
+const ContextKey = Symbol.for(`react-redux-context`);
+const gT = typeof globalThis !== "undefined" ? globalThis :
+/* fall back to a per-module scope (pre-8.1 behaviour) if `globalThis` is not available */
+{};
 
 function getContext() {
-  let realContext = gT[ContextKey];
+  var _gT$ContextKey;
+
+  if (!React$1.createContext) return {};
+  const contextMap = (_gT$ContextKey = gT[ContextKey]) != null ? _gT$ContextKey : gT[ContextKey] = new Map();
+  let realContext = contextMap.get(React$1.createContext);
 
   if (!realContext) {
-    realContext = createContext(null);
+    realContext = React$1.createContext(null);
 
     if (process.env.NODE_ENV !== 'production') {
       realContext.displayName = 'ReactRedux';
     }
 
-    gT[ContextKey] = realContext;
+    contextMap.set(React$1.createContext, realContext);
   }
 
   return realContext;
 }
 
-const ReactReduxContext = /*#__PURE__*/new Proxy({}, /*#__PURE__*/new Proxy({}, {
-  get(_, handler) {
-    const target = getContext(); // @ts-ignore
-
-    return (_target, ...args) => Reflect[handler](target, ...args);
-  }
-
-}));
+const ReactReduxContext = /*#__PURE__*/getContext();
 
-/**
- * Hook factory, which creates a `useReduxContext` hook bound to a given context. This is a low-level
- * hook that you should usually not need to call directly.
- *
- * @param {React.Context} [context=ReactReduxContext] Context passed to your `<Provider>`.
- * @returns {Function} A `useReduxContext` hook bound to the specified context.
+/**
+ * Hook factory, which creates a `useReduxContext` hook bound to a given context. This is a low-level
+ * hook that you should usually not need to call directly.
+ *
+ * @param {React.Context} [context=ReactReduxContext] Context passed to your `<Provider>`.
+ * @returns {Function} A `useReduxContext` hook bound to the specified context.
  */
 function createReduxContextHook(context = ReactReduxContext) {
   return function useReduxContext() {
@@ -24353,21 +24360,21 @@ function createReduxContextHook(context = ReactReduxContext) {
     return contextValue;
   };
 }
-/**
- * A hook to access the value of the `ReactReduxContext`. This is a low-level
- * hook that you should usually not need to call directly.
- *
- * @returns {any} the value of the `ReactReduxContext`
- *
- * @example
- *
- * import React from 'react'
- * import { useReduxContext } from 'react-redux'
- *
- * export const CounterComponent = () => {
- *   const { store } = useReduxContext()
- *   return <div>{store.getState()}</div>
- * }
+/**
+ * A hook to access the value of the `ReactReduxContext`. This is a low-level
+ * hook that you should usually not need to call directly.
+ *
+ * @returns {any} the value of the `ReactReduxContext`
+ *
+ * @example
+ *
+ * import React from 'react'
+ * import { useReduxContext } from 'react-redux'
+ *
+ * export const CounterComponent = () => {
+ *   const { store } = useReduxContext()
+ *   return <div>{store.getState()}</div>
+ * }
  */
 
 const useReduxContext = /*#__PURE__*/createReduxContextHook();
@@ -24838,11 +24845,11 @@ reactIs_development.typeOf = typeOf;
 
 if (process.env.NODE_ENV === 'production') ;
 
-/**
- * Hook factory, which creates a `useStore` hook bound to a given context.
- *
- * @param {React.Context} [context=ReactReduxContext] Context passed to your `<Provider>`.
- * @returns {Function} A `useStore` hook bound to the specified context.
+/**
+ * Hook factory, which creates a `useStore` hook bound to a given context.
+ *
+ * @param {React.Context} [context=ReactReduxContext] Context passed to your `<Provider>`.
+ * @returns {Function} A `useStore` hook bound to the specified context.
  */
 
 function createStoreHook(context = ReactReduxContext) {
@@ -24857,20 +24864,20 @@ function createStoreHook(context = ReactReduxContext) {
     return store;
   };
 }
-/**
- * A hook to access the redux store.
- *
- * @returns {any} the redux store
- *
- * @example
- *
- * import React from 'react'
- * import { useStore } from 'react-redux'
- *
- * export const ExampleComponent = () => {
- *   const store = useStore()
- *   return <div>{store.getState()}</div>
- * }
+/**
+ * A hook to access the redux store.
+ *
+ * @returns {any} the redux store
+ *
+ * @example
+ *
+ * import React from 'react'
+ * import { useStore } from 'react-redux'
+ *
+ * export const ExampleComponent = () => {
+ *   const store = useStore()
+ *   return <div>{store.getState()}</div>
+ * }
  */
 
 const useStore = /*#__PURE__*/createStoreHook();

package/package.json

@@ -1,27 +1,26 @@
 {
   "name": "@opengeoweb/shared",
-  "version": "6.0.0",
+  "version": "6.0.2",
   "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
-  "module": "./index.js",
-  "main": "./index.js",
+  "module": "./index.esm.js",
   "type": "module",
-  "types": "./src/index.d.ts",
+  "main": "./index.esm.js",
   "dependencies": {},
   "peerDependencies": {
     "@mui/material": "5.12.0",
-    "@opengeoweb/theme": "6.0.0",
+    "@opengeoweb/theme": "6.0.2",
     "@redux-eggs/core": "2.2.0",
     "axios": "1.4.0",
-    "date-fns": "2.29.3",
+    "date-fns": "2.30.0",
     "lodash": "4.17.21",
-    "re-resizable": "6.9.9",
+    "re-resizable": "6.9.11",
     "react": "18.2.0",
     "react-draggable": "4.4.5",
-    "react-redux": "8.1.1"
+    "react-redux": "8.1.2"
   }
 }

package/src/lib/components/ConfirmationDialog/ConfirmationDialog.d.ts

@@ -9,7 +9,7 @@ export interface ConfirmationOptions {
     cancelLabel?: string;
     content?: React.ReactNode;
 }
-export declare type ConfirmationAction = 'CANCELLED' | DialogAction;
+export type ConfirmationAction = 'CANCELLED' | DialogAction;
 export interface ConfirmationDialogProps extends ConfirmationOptions {
     disableAutoFocus?: boolean;
     onSubmit: () => void;

package/src/lib/components/ConfirmationDialog/ConfirmationService.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ConfirmationAction, ConfirmationOptions } from './ConfirmationDialog';
-declare type ConfirmationContext = (options: ConfirmationOptions) => Promise<void>;
+type ConfirmationContext = (options: ConfirmationOptions) => Promise<void>;
 export declare const useConfirmationDialog: () => ConfirmationContext;
 export declare const useDialogActions: (awaitingPromiseRef: React.MutableRefObject<{
     resolve: () => void;

package/src/lib/components/CustomDialog/CustomDialog.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { DialogProps } from '@mui/material';
-export declare type DialogAction = 'CLOSED';
+export type DialogAction = 'CLOSED';
 export interface CustomDialogProps extends DialogProps {
     description?: string;
     actions?: React.ReactNode;

package/src/lib/components/CustomIconButton/CustomIconButton.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IconButtonProps, TooltipProps as MuiTooltipProps } from '@mui/material';
-export declare type Variant = 'flat' | 'tool' | 'boxed';
-declare type TooltipProps = Omit<MuiTooltipProps, 'children'>;
+export type Variant = 'flat' | 'tool' | 'boxed';
+type TooltipProps = Omit<MuiTooltipProps, 'children'>;
 export interface CustomIconProps extends IconButtonProps {
     tooltipTitle?: string;
     variant?: Variant;

package/src/lib/components/DraggableResizable/types.d.ts

@@ -1,15 +1,15 @@
 /// <reference types="react" />
 import { ResizableProps } from 're-resizable';
-export declare type DraggablePosition = {
+export type DraggablePosition = {
     x: number;
     y: number;
 };
-export declare type Position = {
+export type Position = {
     top: number;
     left?: number;
     right?: number;
 };
-export declare type Size = {
+export type Size = {
     width?: number | string;
     height?: number | string;
 };

package/src/lib/components/ErrorBoundary/ErrorBoundary.stories.d.ts

@@ -1,4 +1,8 @@
 import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
 export declare const ErrorBoundaryDemo: {
     (): React.ReactElement;
     storyName: string;

package/src/lib/components/ToggleMenu/ToggleMenu.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { PopoverOrigin, SxProps, Theme } from '@mui/material';
 import { Variant } from '../CustomIconButton';
-declare type MenuPosition = 'left' | 'right' | 'bottom';
+type MenuPosition = 'left' | 'right' | 'bottom';
 export declare const getPosition: (menuPosition: MenuPosition) => {
     anchorOrigin: PopoverOrigin;
     transformOrigin: PopoverOrigin;
 };
-declare type MenuItemType = {
+type MenuItemType = {
     text: string;
     action: (event: React.MouseEvent) => void;
     icon?: React.ReactNode;

package/src/lib/components/ToolContainer/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { PaperProps } from '@mui/material';
-export declare type HeaderSize = 'xxs' | 'xs' | 'small' | 'medium' | 'large';
+export type HeaderSize = 'xxs' | 'xs' | 'small' | 'medium' | 'large';
 export interface ToolHeaderProps {
     title?: string;
     size?: HeaderSize;

package/src/lib/components/TooltipSelect/TooltipSelect.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SelectProps } from '@mui/material';
-declare type ListELement = {
+type ListELement = {
     value: string;
 };
 interface TooltipSelectProps extends SelectProps {

package/src/lib/components/UserMenu/CheatSheet/ShortcutList.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-declare type ShortCut = {
+type ShortCut = {
     title: string;
     description: React.ReactNode;
     descriptionMac?: React.ReactNode;
 };
-declare type Platform = 'windows' | 'mac';
+type Platform = 'windows' | 'mac';
 export declare const shortcuts: ShortCut[];
 export declare const getShortcutList: (shortcutList: ShortCut[], platform?: Platform) => ShortCut[];
 interface ShortcutListProps {

package/src/lib/utils/dateUtils/dateUtils.d.ts

@@ -130,7 +130,7 @@ export declare const isBetween: (date: Date, from: Date, to: Date, inclusivity?:
  * createDate('2022-12-13T00:00:00.000Z');
  * // => 2022-12-13T00:00:00.000Z
  */
-export declare const createDate: (yearOrIsoString?: string | number | undefined, month?: number | undefined, day?: number | undefined, hours?: number, minutes?: number, seconds?: number, milliseconds?: number) => Date;
+export declare const createDate: (yearOrIsoString?: number | string, month?: number, day?: number, hours?: number, minutes?: number, seconds?: number, milliseconds?: number) => Date;
 /**
  *
  * @param date
@@ -182,7 +182,7 @@ export declare const isAfter: (date: Date | number, dateToCompare: Date | number
  * @param dateStr - string containing date
  * @returns {Date} - Date in UTC
  */
-export declare const utc: (dateStr?: string | undefined) => Date;
+export declare const utc: (dateStr?: string) => Date;
 /**
  * Check if a date object is valid
  * @param {Date} date - date to be checked