yet-another-react-lightbox 2.1.0 → 2.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/plugins/fullscreen/FullscreenButton.js +3 -1
  2. package/dist/plugins/zoom/ResponsiveImage.js +2 -2
  3. package/dist/styles.css +1 -1
  4. package/package.json +5 -5
package/dist/plugins/fullscreen/FullscreenButton.js CHANGED
@@ -4,6 +4,7 @@ import { useFullscreen } from "./FullscreenContext.js";
4
4
  const EnterFullscreenIcon = createIcon("EnterFullscreen", React.createElement("path", { d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" }));
5
5
  const ExitFullscreenIcon = createIcon("ExitFullscreen", React.createElement("path", { d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" }));
6
6
  export const FullscreenButton = ({ auto, labels, render }) => {
7
+ var _a;
7
8
  const [mounted, setMounted] = React.useState(false);
8
9
  const [fullscreen, setFullscreen] = React.useState(false);
9
10
  const containerRef = useFullscreen();
@@ -100,5 +101,6 @@ export const FullscreenButton = ({ auto, labels, render }) => {
100
101
  }, [handleAutoFullscreen, exitFullscreen]);
101
102
  if (!mounted || !isFullscreenEnabled())
102
103
  return null;
103
- return render.buttonFullscreen ? (React.createElement(React.Fragment, null, render.buttonFullscreen({ fullscreen, toggleFullscreen }))) : (React.createElement(IconButton, { label: fullscreen ? label(labels, "Exit Fullscreen") : label(labels, "Enter Fullscreen"), icon: fullscreen ? ExitFullscreenIcon : EnterFullscreenIcon, renderIcon: fullscreen ? render.iconExitFullscreen : render.iconEnterFullscreen, onClick: toggleFullscreen }));
104
+ const customButton = (_a = render.buttonFullscreen) === null || _a === void 0 ? void 0 : _a.call(render, { fullscreen, toggleFullscreen });
105
+ return customButton === undefined ? (React.createElement(IconButton, { label: fullscreen ? label(labels, "Exit Fullscreen") : label(labels, "Enter Fullscreen"), icon: fullscreen ? ExitFullscreenIcon : EnterFullscreenIcon, renderIcon: fullscreen ? render.iconExitFullscreen : render.iconEnterFullscreen, onClick: toggleFullscreen })) : (React.createElement(React.Fragment, null, customButton));
104
106
  };
package/dist/plugins/zoom/ResponsiveImage.js CHANGED
@@ -39,10 +39,10 @@ export const ResponsiveImage = (props) => {
39
39
  : { width: "auto", height: "100%" }),
40
40
  };
41
41
  return (React.createElement(React.Fragment, null,
42
- preload && preload !== current && (React.createElement(ImageSlide, { key: preload, ...props, slide: { ...image, src: preload, srcSet: undefined }, style: { position: "absolute", visibility: "hidden", ...style }, onLoad: () => handlePreload(preload), render: {
42
+ preload && preload !== current && (React.createElement(ImageSlide, { key: "preload", ...props, slide: { ...image, src: preload, srcSet: undefined }, style: { position: "absolute", visibility: "hidden", ...style }, onLoad: () => handlePreload(preload), render: {
43
43
  ...render,
44
44
  iconLoading: () => null,
45
45
  iconError: () => null,
46
46
  } })),
47
- current && (React.createElement(ImageSlide, { key: current, ...props, slide: { ...image, src: current, srcSet: undefined }, style: style }))));
47
+ current && (React.createElement(ImageSlide, { key: "current", ...props, slide: { ...image, src: current, srcSet: undefined }, style: style }))));
48
48
  };
package/dist/styles.css CHANGED
@@ -63,7 +63,7 @@
63
63
  max-height: 100%;
64
64
  -o-object-fit: contain;
65
65
  object-fit: contain;
66
- pointer-events: none;
66
+ touch-action: none;
67
67
  -moz-user-select: none;
68
68
  user-select: none;
69
69
  -webkit-user-select: none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "yet-another-react-lightbox",
3
- "version": "2.1.0",
3
+ "version": "2.1.1",
4
4
  "description": "Modern React lightbox component",
5
5
  "author": "Igor Danchenko",
6
6
  "license": "MIT",
@@ -95,13 +95,13 @@
95
95
  "@semantic-release/changelog": "^6.0.1",
96
96
  "@semantic-release/github": "^8.0.6",
97
97
  "@testing-library/jest-dom": "^5.16.5",
98
- "@testing-library/react": "^13.3.0",
98
+ "@testing-library/react": "^13.4.0",
99
99
  "@testing-library/user-event": "^14.4.3",
100
100
  "@types/jest": "^28.1.8",
101
101
  "@types/react": "^18.0.18",
102
102
  "@types/react-dom": "^18.0.6",
103
- "@typescript-eslint/eslint-plugin": "^5.36.1",
104
- "@typescript-eslint/parser": "^5.36.1",
103
+ "@typescript-eslint/eslint-plugin": "^5.36.2",
104
+ "@typescript-eslint/parser": "^5.36.2",
105
105
  "autoprefixer": "^10.4.8",
106
106
  "eslint": "^8.23.0",
107
107
  "eslint-config-airbnb": "^19.0.4",
@@ -110,7 +110,7 @@
110
110
  "eslint-plugin-import": "^2.26.0",
111
111
  "eslint-plugin-jsx-a11y": "^6.6.1",
112
112
  "eslint-plugin-prettier": "^4.2.1",
113
- "eslint-plugin-react": "^7.31.1",
113
+ "eslint-plugin-react": "^7.31.7",
114
114
  "eslint-plugin-react-hooks": "^4.6.0",
115
115
  "husky": "^8.0.1",
116
116
  "jest": "^28.1.3",