@sima-land/moleculas 15.5.0 → 15.6.0

package/common/components/intractive-image/interactive-image.d.ts

@@ -1,7 +1,10 @@
-import React from 'react';
+import React, { AnchorHTMLAttributes } from 'react';
 import { InteractiveImageProps, InteractiveImageImageProps, InteractiveImagePointProps } from './types';
 export declare const InteractiveImage: React.ForwardRefExoticComponent<InteractiveImageProps & React.RefAttributes<HTMLDivElement>>;
+declare function ImageAnchor({ children, className, ...rest }: AnchorHTMLAttributes<HTMLAnchorElement>): JSX.Element;
 export declare const Parts: {
+    readonly ImageAnchor: typeof ImageAnchor;
     readonly Image: React.ForwardRefExoticComponent<InteractiveImageImageProps & React.RefAttributes<HTMLImageElement>>;
     readonly Point: React.ForwardRefExoticComponent<InteractiveImagePointProps & React.RefAttributes<HTMLAnchorElement>>;
 };
+export {};

package/common/components/intractive-image/interactive-image.js

@@ -43,8 +43,25 @@ exports.InteractiveImage = (0, react_1.forwardRef)((_a, ref) => {
     const rootClassName = cx('root', {
         'dot-size-unset': dotSize === 'unset',
     }, className);
-    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: rootClassName }, rest, { "data-testid": testId }), react_1.Children.toArray(children).filter(child => (0, react_1.isValidElement)(child) && (child.type === Image || child.type === Point))));
+    validateChildren(children);
+    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: rootClassName }, rest, { "data-testid": testId }), react_1.Children.toArray(children).filter(child => (0, react_1.isValidElement)(child) &&
+        (child.type === ImageAnchor || child.type === Image || child.type === Point))));
 });
+function validateChildren(children) {
+    let counter = 0;
+    for (const child of react_1.Children.toArray(children)) {
+        if ((0, react_1.isValidElement)(child) && (child.type === ImageAnchor || child.type === Image)) {
+            counter++;
+        }
+        if (counter > 1) {
+            throw new Error('[InteractiveImage] Either Image or ImageAnchor allowed. Not both.');
+        }
+    }
+}
+function ImageAnchor(_a) {
+    var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
+    return (react_1.default.createElement("a", Object.assign({}, rest, { className: cx('image-anchor', className), "data-testid": 'interactive-image:image-anchor' }), react_1.Children.toArray(children).filter(child => (0, react_1.isValidElement)(child) && child.type === Image)));
+}
 const Image = (0, react_1.forwardRef)((_a, ref) => {
     var { className, 'data-testid': testId = 'interactive-image:image' } = _a, rest = __rest(_a, ["className", 'data-testid']);
     return (react_1.default.createElement("img", Object.assign({ ref: ref, className: cx('image', className), "data-testid": testId }, rest)));
@@ -53,4 +70,4 @@ const Point = (0, react_1.forwardRef)((_a, ref) => {
     var { x, y, className, style, 'data-testid': testId = 'interactive-image:point' } = _a, rest = __rest(_a, ["x", "y", "className", "style", 'data-testid']);
     return (react_1.default.createElement("a", Object.assign({ ref: ref, "aria-label": '\u0422\u043E\u0447\u043A\u0430 \u043D\u0430 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0438', "data-testid": testId, className: cx('point', className), style: Object.assign(Object.assign({}, style), { top: `${y}%`, left: `${x}%` }) }, rest)));
 });
-exports.Parts = { Image, Point };
+exports.Parts = { ImageAnchor, Image, Point };

package/common/components/intractive-image/interactive-image.module.scss

@@ -13,6 +13,7 @@
   }
 }
 
+.image-anchor,
 .image {
   display: block;
   max-width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sima-land/moleculas",
-  "version": "15.5.0",
+  "version": "15.6.0",
   "repository": "ssh://git@github.com:sima-land/moleculas.git",
   "author": "www.sima-land.ru team",
   "license": "Apache-2.0",
@@ -9,7 +9,6 @@
     "node": ">=14.16.0"
   },
   "scripts": {
-    "prepare": "",
     "build:before": "rimraf build",
     "build:main": "tsc --project tsconfig.build.json",
     "build:after": "node .build/dist.js",