@tenancy.nz/gallery 1.10.2 → 1.10.4

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 (7) hide show
  1. package/dist/cjs/components/GalleryViewer.styled.cjs +1 -1
  2. package/dist/cjs/components/SortableGallery.cjs +2 -1
  3. package/dist/cjs/components/SortableGalleryImage.cjs +4 -2
  4. package/dist/esm/components/GalleryViewer.styled.js +1 -1
  5. package/dist/esm/components/SortableGallery.js +2 -1
  6. package/dist/esm/components/SortableGalleryImage.js +4 -2
  7. package/package.json +5 -5
package/dist/cjs/components/GalleryViewer.styled.cjs CHANGED
@@ -10,7 +10,7 @@ var StyledGalleryViewer = styles.styled("div")(_templateObject || (_templateObje
10
10
  var StyledGalleryViewerFigure = styles.styled("figure")(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 100%;\n max-height: 100%;\n margin: 0;\n"])));
11
11
  var StyledGalleryViewerImage = styles.styled("img")(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n max-width: 100%;\n max-height: calc(100vh - 160px);\n object-fit: contain;\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);\n"])));
12
12
  var StyledGalleryViewerCaption = styles.styled("figcaption")(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n justify-content: center;\n align-items: center;\n gap: 10px;\n margin-top: 16px;\n color: #fff;\n font-size: 16px;\n font-weight: 660;\n\n > div {\n width: 36px;\n height: 36px;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
13
- var viewerButtonStyles = react.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n && {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 48px;\n height: 48px;\n padding: 0;\n border: 1px solid ", ";\n border-radius: 4px;\n background: ", ";\n color: ", ";\n font-size: 24px;\n cursor: pointer;\n transition: background 175ms ease-in-out;\n\n &:hover {\n background: ", ";\n }\n }\n"])), ui.token("palette.component.button.secondary.borderColor"), ui.token("palette.component.button.secondary.backgroundDefault"), ui.token("palette.semantic.icons.primaryColor"), ui.token("palette.component.button.secondary.backgroundDefault"));
13
+ var viewerButtonStyles = react.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n && {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 48px;\n height: 48px;\n padding: 0;\n border: 1px solid ", ";\n border-radius: 4px;\n background: ", ";\n color: ", ";\n font-size: 24px;\n cursor: pointer;\n transition: background 175ms ease-in-out;\n }\n\n &&:hover {\n background: ", " !important;\n color: ", " !important;\n }\n"])), ui.token("palette.component.button.secondary.borderColor"), ui.token("palette.component.button.secondary.backgroundDefault"), ui.token("palette.semantic.icons.primaryColor"), ui.token("palette.component.button.secondary.backgroundDefault"), ui.token("palette.semantic.icons.primaryColor"));
14
14
  var StyledGalleryViewerClose = styles.styled("button")(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n ", ";\n top: 16px;\n right: 16px;\n"])), viewerButtonStyles);
15
15
  var StyledGalleryViewerPrev = styles.styled("button")(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n ", ";\n left: 16px;\n top: 50%;\n transform: translateY(-50%);\n"])), viewerButtonStyles);
16
16
  var StyledGalleryViewerNext = styles.styled("button")(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n ", ";\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n"])), viewerButtonStyles);
package/dist/cjs/components/SortableGallery.cjs CHANGED
@@ -121,7 +121,8 @@ function SortableGallery(_ref) {
121
121
  return handleDelete(e, i);
122
122
  },
123
123
  uploading: !!image.uploading,
124
- onClick: image.onClick
124
+ onClick: image.onClick,
125
+ showDragHandle: images.length > 1
125
126
  });
126
127
  }
127
128
  })), /* @__PURE__ */React.createElement(core.DragOverlay, {
package/dist/cjs/components/SortableGalleryImage.cjs CHANGED
@@ -11,7 +11,7 @@ var ui = require('@tenancy.nz/ui');
11
11
  var GalleryDragHandle = require('./GalleryDragHandle.cjs');
12
12
  var GalleryImage = require('./GalleryImage.cjs');
13
13
 
14
- var _excluded = ["tag", "onDelete", "src", "uploading"];
14
+ var _excluded = ["tag", "onDelete", "src", "uploading", "showDragHandle"];
15
15
  function SortableGalleryImage(_ref) {
16
16
  var _ref$tag = _ref.tag,
17
17
  tag = _ref$tag === void 0 ? void 0 : _ref$tag,
@@ -20,6 +20,8 @@ function SortableGalleryImage(_ref) {
20
20
  src = _ref.src,
21
21
  _ref$uploading = _ref.uploading,
22
22
  uploading = _ref$uploading === void 0 ? false : _ref$uploading,
23
+ _ref$showDragHandle = _ref.showDragHandle,
24
+ showDragHandle = _ref$showDragHandle === void 0 ? true : _ref$showDragHandle,
23
25
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
24
26
  var _useSortable = sortable.useSortable({
25
27
  id: src
@@ -37,7 +39,7 @@ function SortableGalleryImage(_ref) {
37
39
  };
38
40
  var actions = function actions() {
39
41
  if (!uploading && !isDragging) {
40
- return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(ui.AbsBox, {
42
+ return /* @__PURE__ */React.createElement(React.Fragment, null, showDragHandle && /* @__PURE__ */React.createElement(ui.AbsBox, {
41
43
  display: "flex",
42
44
  left: 8,
43
45
  top: "50%",
package/dist/esm/components/GalleryViewer.styled.js CHANGED
@@ -8,7 +8,7 @@ var StyledGalleryViewer = styled("div")(_templateObject || (_templateObject = _t
8
8
  var StyledGalleryViewerFigure = styled("figure")(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 100%;\n max-height: 100%;\n margin: 0;\n"])));
9
9
  var StyledGalleryViewerImage = styled("img")(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n max-width: 100%;\n max-height: calc(100vh - 160px);\n object-fit: contain;\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);\n"])));
10
10
  var StyledGalleryViewerCaption = styled("figcaption")(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n justify-content: center;\n align-items: center;\n gap: 10px;\n margin-top: 16px;\n color: #fff;\n font-size: 16px;\n font-weight: 660;\n\n > div {\n width: 36px;\n height: 36px;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
11
- var viewerButtonStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n && {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 48px;\n height: 48px;\n padding: 0;\n border: 1px solid ", ";\n border-radius: 4px;\n background: ", ";\n color: ", ";\n font-size: 24px;\n cursor: pointer;\n transition: background 175ms ease-in-out;\n\n &:hover {\n background: ", ";\n }\n }\n"])), token("palette.component.button.secondary.borderColor"), token("palette.component.button.secondary.backgroundDefault"), token("palette.semantic.icons.primaryColor"), token("palette.component.button.secondary.backgroundDefault"));
11
+ var viewerButtonStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n && {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 48px;\n height: 48px;\n padding: 0;\n border: 1px solid ", ";\n border-radius: 4px;\n background: ", ";\n color: ", ";\n font-size: 24px;\n cursor: pointer;\n transition: background 175ms ease-in-out;\n }\n\n &&:hover {\n background: ", " !important;\n color: ", " !important;\n }\n"])), token("palette.component.button.secondary.borderColor"), token("palette.component.button.secondary.backgroundDefault"), token("palette.semantic.icons.primaryColor"), token("palette.component.button.secondary.backgroundDefault"), token("palette.semantic.icons.primaryColor"));
12
12
  var StyledGalleryViewerClose = styled("button")(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n ", ";\n top: 16px;\n right: 16px;\n"])), viewerButtonStyles);
13
13
  var StyledGalleryViewerPrev = styled("button")(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n ", ";\n left: 16px;\n top: 50%;\n transform: translateY(-50%);\n"])), viewerButtonStyles);
14
14
  var StyledGalleryViewerNext = styled("button")(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n ", ";\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n"])), viewerButtonStyles);
package/dist/esm/components/SortableGallery.js CHANGED
@@ -117,7 +117,8 @@ function SortableGallery(_ref) {
117
117
  return handleDelete(e, i);
118
118
  },
119
119
  uploading: !!image.uploading,
120
- onClick: image.onClick
120
+ onClick: image.onClick,
121
+ showDragHandle: images.length > 1
121
122
  });
122
123
  }
123
124
  })), /* @__PURE__ */React.createElement(DragOverlay, {
package/dist/esm/components/SortableGalleryImage.js CHANGED
@@ -7,7 +7,7 @@ import { AbsBox, IconButton } from '@tenancy.nz/ui';
7
7
  import GalleryDragHandle from './GalleryDragHandle.js';
8
8
  import GalleryImage from './GalleryImage.js';
9
9
 
10
- var _excluded = ["tag", "onDelete", "src", "uploading"];
10
+ var _excluded = ["tag", "onDelete", "src", "uploading", "showDragHandle"];
11
11
  function SortableGalleryImage(_ref) {
12
12
  var _ref$tag = _ref.tag,
13
13
  tag = _ref$tag === void 0 ? void 0 : _ref$tag,
@@ -16,6 +16,8 @@ function SortableGalleryImage(_ref) {
16
16
  src = _ref.src,
17
17
  _ref$uploading = _ref.uploading,
18
18
  uploading = _ref$uploading === void 0 ? false : _ref$uploading,
19
+ _ref$showDragHandle = _ref.showDragHandle,
20
+ showDragHandle = _ref$showDragHandle === void 0 ? true : _ref$showDragHandle,
19
21
  rest = _objectWithoutProperties(_ref, _excluded);
20
22
  var _useSortable = useSortable({
21
23
  id: src
@@ -33,7 +35,7 @@ function SortableGalleryImage(_ref) {
33
35
  };
34
36
  var actions = function actions() {
35
37
  if (!uploading && !isDragging) {
36
- return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(AbsBox, {
38
+ return /* @__PURE__ */React.createElement(React.Fragment, null, showDragHandle && /* @__PURE__ */React.createElement(AbsBox, {
37
39
  display: "flex",
38
40
  left: 8,
39
41
  top: "50%",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tenancy.nz/gallery",
3
3
  "description": "React UI gallery components.",
4
- "version": "1.10.2",
4
+ "version": "1.10.4",
5
5
  "author": "TPS <https://www.tenancy.co.nz>",
6
6
  "type": "module",
7
7
  "main": "dist/cjs/index.cjs",
@@ -19,15 +19,15 @@
19
19
  "@mui/material": "^7.3.1",
20
20
  "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
21
21
  "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
22
- "@tenancy.nz/icons": "1.10.2",
23
- "@tenancy.nz/ui": "1.10.2"
22
+ "@tenancy.nz/ui": "1.10.4",
23
+ "@tenancy.nz/icons": "1.10.4"
24
24
  },
25
25
  "devDependencies": {
26
26
  "@emotion/react": "^11.14.0",
27
27
  "@emotion/styled": "^11.14.1",
28
28
  "@mui/material": "^7.3.1",
29
- "@tenancy.nz/ui": "1.10.2",
30
- "@tenancy.nz/icons": "1.10.2"
29
+ "@tenancy.nz/icons": "1.10.4",
30
+ "@tenancy.nz/ui": "1.10.4"
31
31
  },
32
32
  "dependencies": {
33
33
  "@dnd-kit/core": "^6.3.1",