react-easy-wall 3.5.5 → 3.5.7

package/dist/esm/node_modules/@mui/material/esm/Typography/Typography.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React from 'react';
-import PropTypes from '../../../../../_virtual/index4.js';
+import PropTypes from '../../../../../_virtual/index3.js';
 import { clsx } from '../../../../clsx/dist/clsx.js';
 import { internal_createExtendSxProp } from '../zero-styled/index.js';
 import memoTheme from '../utils/memoTheme.js';

package/dist/esm/node_modules/@mui/material/esm/Unstable_TrapFocus/FocusTrap.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React from 'react';
-import PropTypes from '../../../../../_virtual/index4.js';
+import PropTypes from '../../../../../_virtual/index3.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import useForkRef from '../../../utils/esm/useForkRef/useForkRef.js';
 import getReactElementRef from '../../../utils/esm/getReactElementRef/getReactElementRef.js';

package/dist/esm/node_modules/@mui/private-theming/esm/ThemeProvider/ThemeProvider.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import PropTypes from '../../../../../_virtual/index4.js';
+import PropTypes from '../../../../../_virtual/index3.js';
 import ThemeContext from '../useTheme/ThemeContext.js';
 import nested from './nested.js';
 import { jsx } from 'react/jsx-runtime';

package/dist/esm/node_modules/@mui/styled-engine/esm/GlobalStyles/GlobalStyles.js

@@ -1,5 +1,5 @@
 "use client";
-import PropTypes from '../../../../../_virtual/index4.js';
+import PropTypes from '../../../../../_virtual/index3.js';
 import { Global } from '../../../../@emotion/react/dist/emotion-react.esm.js';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/esm/node_modules/@mui/system/esm/DefaultPropsProvider/DefaultPropsProvider.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React from 'react';
-import PropTypes from '../../../../../_virtual/index4.js';
+import PropTypes from '../../../../../_virtual/index3.js';
 import { jsx } from 'react/jsx-runtime';
 import resolveProps from '../../../utils/esm/resolveProps/resolveProps.js';
 

package/dist/esm/node_modules/@mui/system/esm/GlobalStyles/GlobalStyles.js

@@ -1,5 +1,5 @@
 "use client";
-import PropTypes from '../../../../../_virtual/index4.js';
+import PropTypes from '../../../../../_virtual/index3.js';
 import { internal_serializeStyles } from '../../../styled-engine/esm/index.js';
 import { jsx } from 'react/jsx-runtime';
 import useTheme from '../useTheme/useTheme.js';

package/dist/esm/node_modules/@mui/system/esm/Grid/createGrid.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React from 'react';
-import PropTypes from '../../../../../_virtual/index4.js';
+import PropTypes from '../../../../../_virtual/index3.js';
 import { clsx } from '../../../../clsx/dist/clsx.js';
 import { generateGridColumnsStyles, generateGridColumnSpacingStyles, generateGridRowSpacingStyles, generateGridSizeStyles, generateGridDirectionStyles, generateGridStyles, generateGridOffsetStyles, generateDirectionClasses, generateSizeClassNames, generateSpacingClassNames } from './gridGenerator.js';
 import deleteLegacyGridProps from './deleteLegacyGridProps.js';

package/dist/esm/node_modules/@mui/system/esm/RtlProvider/index.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React from 'react';
-import PropTypes from '../../../../../_virtual/index4.js';
+import PropTypes from '../../../../../_virtual/index3.js';
 import { jsx } from 'react/jsx-runtime';
 
 const RtlContext = /*#__PURE__*/React.createContext();

package/dist/esm/node_modules/@mui/system/esm/ThemeProvider/ThemeProvider.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React from 'react';
-import PropTypes from '../../../../../_virtual/index4.js';
+import PropTypes from '../../../../../_virtual/index3.js';
 import RtlProvider from '../RtlProvider/index.js';
 import useLayerOrder from './useLayerOrder.js';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/esm/node_modules/@mui/system/esm/cssVars/createCssVarsProvider.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React from 'react';
-import PropTypes from '../../../../../_virtual/index4.js';
+import PropTypes from '../../../../../_virtual/index3.js';
 import InitColorSchemeScript, { DEFAULT_MODE_STORAGE_KEY, DEFAULT_COLOR_SCHEME_STORAGE_KEY } from '../InitColorSchemeScript/InitColorSchemeScript.js';
 import useCurrentColorScheme from './useCurrentColorScheme.js';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/esm/node_modules/@mui/system/esm/responsivePropType/responsivePropType.js

@@ -1,4 +1,4 @@
-import PropTypes from '../../../../../_virtual/index4.js';
+import PropTypes from '../../../../../_virtual/index3.js';
 
 const responsivePropType = process.env.NODE_ENV !== 'production' ? PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.object, PropTypes.array]) : {};
 

package/dist/esm/node_modules/@mui/utils/esm/deepmerge/deepmerge.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { r as reactIsExports } from '../../../../../_virtual/index6.js';
+import { r as reactIsExports } from '../../../../../_virtual/index5.js';
 
 // https://github.com/sindresorhus/is-plain-obj/blob/main/index.js
 function isPlainObject(item) {

package/dist/esm/node_modules/@mui/utils/esm/elementAcceptingRef/elementAcceptingRef.js

@@ -1,4 +1,4 @@
-import PropTypes from '../../../../../_virtual/index4.js';
+import PropTypes from '../../../../../_virtual/index3.js';
 import chainPropTypes from '../chainPropTypes/chainPropTypes.js';
 
 function isClassComponent(elementType) {

package/dist/esm/node_modules/@mui/utils/esm/elementTypeAcceptingRef/elementTypeAcceptingRef.js

@@ -1,4 +1,4 @@
-import PropTypes from '../../../../../_virtual/index4.js';
+import PropTypes from '../../../../../_virtual/index3.js';
 import * as React from 'react';
 import chainPropTypes from '../chainPropTypes/chainPropTypes.js';
 

package/dist/esm/node_modules/@mui/utils/esm/getDisplayName/getDisplayName.js

@@ -1,4 +1,4 @@
-import { r as reactIsExports } from '../../../../../_virtual/index6.js';
+import { r as reactIsExports } from '../../../../../_virtual/index5.js';
 
 function getFunctionComponentName(Component, fallback = '') {
   return Component.displayName || Component.name || fallback;

package/dist/esm/node_modules/@mui/utils/esm/refType/refType.js

@@ -1,4 +1,4 @@
-import PropTypes from '../../../../../_virtual/index4.js';
+import PropTypes from '../../../../../_virtual/index3.js';
 
 const refType = PropTypes.oneOfType([PropTypes.func, PropTypes.object]);
 

package/dist/esm/node_modules/hoist-non-react-statics/node_modules/react-is/index.js

@@ -1,4 +1,4 @@
-import { __module as reactIs } from '../../../../_virtual/index9.js';
+import { __module as reactIs } from '../../../../_virtual/index8.js';
 import { __require as requireReactIs_production_min } from './cjs/react-is.production.min.js';
 import { __require as requireReactIs_development } from './cjs/react-is.development.js';
 

package/dist/esm/node_modules/prop-types/index.js

@@ -1,4 +1,4 @@
-import { __module as propTypes } from '../../_virtual/index5.js';
+import { __module as propTypes } from '../../_virtual/index4.js';
 import { __require as requireReactIs } from './node_modules/react-is/index.js';
 import { __require as requireFactoryWithTypeCheckers } from './factoryWithTypeCheckers.js';
 import { __require as requireFactoryWithThrowingShims } from './factoryWithThrowingShims.js';

package/dist/esm/node_modules/prop-types/node_modules/react-is/index.js

@@ -1,4 +1,4 @@
-import { __module as reactIs } from '../../../../_virtual/index8.js';
+import { __module as reactIs } from '../../../../_virtual/index7.js';
 import { __require as requireReactIs_production_min } from './cjs/react-is.production.min.js';
 import { __require as requireReactIs_development } from './cjs/react-is.development.js';
 

package/dist/esm/node_modules/react-is/index.js

@@ -1,4 +1,4 @@
-import { __module as reactIs } from '../../_virtual/index7.js';
+import { __module as reactIs } from '../../_virtual/index6.js';
 import { __require as requireReactIs_production } from './cjs/react-is.production.js';
 import { __require as requireReactIs_development } from './cjs/react-is.development.js';
 

package/dist/esm/node_modules/react-transition-group/esm/Transition.js

@@ -1,6 +1,6 @@
 import _objectWithoutPropertiesLoose from '../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js';
 import _inheritsLoose from '../../@babel/runtime/helpers/esm/inheritsLoose.js';
-import PropTypes from '../../../_virtual/index4.js';
+import PropTypes from '../../../_virtual/index3.js';
 import React__default from 'react';
 import ReactDOM__default from 'react-dom';
 import config from './config.js';

package/dist/esm/node_modules/react-transition-group/esm/TransitionGroup.js

@@ -2,7 +2,7 @@ import _objectWithoutPropertiesLoose from '../../@babel/runtime/helpers/esm/obje
 import _extends from '../../@babel/runtime/helpers/esm/extends.js';
 import _assertThisInitialized from '../../@babel/runtime/helpers/esm/assertThisInitialized.js';
 import _inheritsLoose from '../../@babel/runtime/helpers/esm/inheritsLoose.js';
-import PropTypes from '../../../_virtual/index4.js';
+import PropTypes from '../../../_virtual/index3.js';
 import React__default from 'react';
 import TransitionGroupContext from './TransitionGroupContext.js';
 import { getInitialChildMapping, getNextChildMapping, getChildMapping } from './utils/ChildMapping.js';

package/dist/esm/node_modules/react-transition-group/esm/utils/PropTypes.js

@@ -1,4 +1,4 @@
-import PropTypes from '../../../../_virtual/index4.js';
+import PropTypes from '../../../../_virtual/index3.js';
 
 var timeoutsShape = process.env.NODE_ENV !== 'production' ? PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
   enter: PropTypes.number,

package/dist/esm/shared/components/react-editor/BtnGif.js

@@ -1,8 +1,7 @@
 "use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import GifOutlinedIcon from '../../../node_modules/@mui/icons-material/esm/GifOutlined.js';
-import ReactGiphySearchBox from '../../../node_modules/react-giphy-searchbox/es/index.js';
 import { theme } from '../../mui/theme.js';
 import Box from '../../../node_modules/@mui/material/esm/Box/Box.js';
 import Popover from '../../../node_modules/@mui/material/esm/Popover/Popover.js';
@@ -10,6 +9,15 @@ import Paper from '../../../node_modules/@mui/material/esm/Paper/Paper.js';
 
 const BtnGif = ({ onClick }) => {
     const [anchorEl, setAnchorEl] = useState(null);
+    const [GiphySearchBox, setGiphySearchBox] = useState(null);
+    useEffect(() => {
+        //@ts-ignore
+        import('react-giphy-searchbox')
+            .then((mod) => {
+            setGiphySearchBox(() => mod.default || mod);
+        })
+            .catch((err) => console.error('Error cargando Giphy Searchbox', err));
+    }, []);
     const handleClose = () => {
         setAnchorEl(null);
     };
@@ -28,11 +36,10 @@ const BtnGif = ({ onClick }) => {
                             padding: theme.spacing(2),
                             '& > .reactGiphySearchbox-searchForm-form': {},
                         },
-                    }, children: jsx(ReactGiphySearchBox, { apiKey: "8QgSXTgUqMUnFkbeiW4Qq1DtZgb0B8cL" // Required: get your on https://developers.giphy.com
-                        , onSelect: (gif) => {
+                    }, children: GiphySearchBox ? (jsx(GiphySearchBox, { apiKey: "8QgSXTgUqMUnFkbeiW4Qq1DtZgb0B8cL", onSelect: (gif) => {
                             onClick(gif);
                             handleClose();
-                        }, searchPlaceholder: "Buscar" }) }) })] }));
+                        }, searchPlaceholder: "Buscar" })) : null }) })] }));
 };
 
 export { BtnGif };

package/dist/esm/shared/components/react-editor/BtnGif.js.map

@@ -1 +1 @@
-{"version":3,"file":"BtnGif.js","sources":["../../../../../src/shared/components/react-editor/BtnGif.tsx"],"sourcesContent":["'use client'\n\nimport React, { useState } from 'react';\nimport GifOutlinedIcon from '@mui/icons-material/GifOutlined';\nimport { Box, Popover, Paper } from '@mui/material';\n// @ts-ignore\nimport ReactGiphySearchBox from 'react-giphy-searchbox';\nimport { theme } from '@/shared/mui/theme';\n\ntype GifImage = {\n  url: string;\n};\ntype Gif = {\n  embed_url: string;\n  source: string;\n  url: string;\n  title: string;\n  images: {\n    original: GifImage;\n    fixed_width_still: GifImage;\n  };\n};\n\ntype BtnGifProps = {\n  onClick: (gif: Gif) => void;\n};\nexport const BtnGif: React.FC<BtnGifProps> = ({ onClick }) => {\n  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null);\n\n  const handleClose = (): void => {\n    setAnchorEl(null);\n  };\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>): void => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  return (\n    <>\n      <Box\n        onClick={handleClick}\n        component=\"button\"\n        className=\"rsw-btn\"\n        display=\"flex\"\n        justifyContent=\"center\"\n        alignItems=\"center\">\n        <GifOutlinedIcon />\n      </Box>\n      <Popover\n        id=\"simple-popover\"\n        open={Boolean(anchorEl)}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'center',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'center',\n        }}>\n        <Paper\n          sx={{\n            '& > .reactGiphySearchbox-componentWrapper': {\n              width: 'auto!important',\n              padding: theme.spacing(2),\n              '& > .reactGiphySearchbox-searchForm-form': {},\n            },\n          }}>\n          <ReactGiphySearchBox\n            apiKey=\"8QgSXTgUqMUnFkbeiW4Qq1DtZgb0B8cL\" // Required: get your on https://developers.giphy.com\n            onSelect={(gif: Gif) => {\n              onClick(gif);\n              handleClose();\n            }}\n            searchPlaceholder=\"Buscar\"\n          />\n        </Paper>\n      </Popover>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA+BE;AAEA;AACE;AACF;;AAmBQ;AACA;AACD;AAEC;AACA;AACD;AAGG;AACE;AACA;AACA;AACD;AACF;AAGC;;AAEE;;AAQd;;"}
+{"version":3,"file":"BtnGif.js","sources":["../../../../../src/shared/components/react-editor/BtnGif.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState, useEffect } from 'react';\nimport GifOutlinedIcon from '@mui/icons-material/GifOutlined';\nimport { Box, Popover, Paper } from '@mui/material';\n\nimport { theme } from '@/shared/mui/theme';\n\ntype GifImage = {\n  url: string;\n};\ntype Gif = {\n  embed_url: string;\n  source: string;\n  url: string;\n  title: string;\n  images: {\n    original: GifImage;\n    fixed_width_still: GifImage;\n  };\n};\n\ntype BtnGifProps = {\n  onClick: (gif: Gif) => void;\n};\nexport const BtnGif: React.FC<BtnGifProps> = ({ onClick }) => {\n  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null);\n  const [GiphySearchBox, setGiphySearchBox] = useState<any>(null);\n\n  useEffect(() => {\n    //@ts-ignore\n    import('react-giphy-searchbox')\n      .then((mod) => {\n        setGiphySearchBox(() => mod.default || mod);\n      })\n      .catch((err) => console.error('Error cargando Giphy Searchbox', err));\n  }, []);\n\n  const handleClose = (): void => {\n    setAnchorEl(null);\n  };\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>): void => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  return (\n    <>\n      <Box\n        onClick={handleClick}\n        component=\"button\"\n        className=\"rsw-btn\"\n        display=\"flex\"\n        justifyContent=\"center\"\n        alignItems=\"center\">\n        <GifOutlinedIcon />\n      </Box>\n      <Popover\n        id=\"simple-popover\"\n        open={Boolean(anchorEl)}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'center',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'center',\n        }}>\n        <Paper\n          sx={{\n            '& > .reactGiphySearchbox-componentWrapper': {\n              width: 'auto!important',\n              padding: theme.spacing(2),\n              '& > .reactGiphySearchbox-searchForm-form': {},\n            },\n          }}>\n          {GiphySearchBox ? (\n            <GiphySearchBox\n              apiKey=\"8QgSXTgUqMUnFkbeiW4Qq1DtZgb0B8cL\"\n              onSelect={(gif: Gif) => {\n                onClick(gif);\n                handleClose();\n              }}\n              searchPlaceholder=\"Buscar\"\n            />\n          ) : null}\n        </Paper>\n      </Popover>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAgCO;;AAED;AACC;;;;AAKL;AAEA;AACE;AACF;;AAmBQ;AACA;AACD;AAEC;AACA;AACD;AAGG;AACE;AACA;AACA;AACD;AACF;;AAMK;AACF;AAQd;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-easy-wall",
-  "version": "3.5.5",
+  "version": "3.5.7",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "types": "./dist/index.d.ts",