@pie-element/hotspot 11.2.0-beta.0 → 11.2.0-next.18

package/dist/author/shapes/utils.js

@@ -0,0 +1,16 @@
+import { CircleShape as e } from "./circle.js";
+import { RectangleShape as t } from "./rectagle.js";
+import { PolygonShape as n } from "./polygon.js";
+//#region src/author/shapes/utils.ts
+var r = {
+	CIRCLE: e.name,
+	POLYGON: n.name,
+	RECTANGLE: t.name,
+	NONE: "none"
+}, i = {
+	CIRCLES: "circles",
+	POLYGONS: "polygons",
+	RECTANGLES: "rectangles"
+};
+//#endregion
+export { i as SHAPE_GROUPS, r as SUPPORTED_SHAPES };

package/dist/author/upload-control.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @synced-from pie-elements/packages/hotspot/configure/src/upload-control.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+declare const UploadControl: {
+    ({ label, onInputClick, onUploadImage, setRef }: {
+        label: any;
+        onInputClick: any;
+        onUploadImage: any;
+        setRef: any;
+    }): React.JSX.Element;
+    propTypes: {
+        label: PropTypes.Validator<string>;
+        onInputClick: PropTypes.Validator<(...args: any[]) => any>;
+        onUploadImage: PropTypes.Validator<(...args: any[]) => any>;
+        setRef: PropTypes.Validator<(...args: any[]) => any>;
+    };
+    defaultProps: {
+        classNameButton: string;
+        classNameSection: string;
+    };
+};
+export default UploadControl;

package/dist/author/upload-control.js

@@ -0,0 +1,28 @@
+import e from "./button.js";
+import "react";
+import t from "prop-types";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/author/upload-control.tsx
+var a = ({ label: t, onInputClick: a, onUploadImage: o, setRef: s }) => /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(e, {
+	label: t,
+	onClick: a
+}), /* @__PURE__ */ r("input", {
+	accept: "image/*",
+	style: { display: "none" },
+	onChange: o,
+	ref: (e) => {
+		s(e);
+	},
+	type: "file"
+})] });
+a.propTypes = {
+	label: t.string.isRequired,
+	onInputClick: t.func.isRequired,
+	onUploadImage: t.func.isRequired,
+	setRef: t.func.isRequired
+}, a.defaultProps = {
+	classNameButton: "",
+	classNameSection: ""
+};
+//#endregion
+export { a as default };

package/dist/author/utils.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @synced-from pie-elements/packages/hotspot/configure/src/utils.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+declare const updateImageDimensions: (initialDim: any, nextDim: any, keepAspectRatio: any, resizeType: any) => {
+    width: any;
+    height: any;
+};
+declare const getUpdatedRectangle: (initialDim: any, nextDim: any, shape: any) => any;
+declare const getUpdatedPolygon: (initialDim: any, nextDim: any, shape: any) => any;
+declare const getUpdatedShapes: (initialDim: any, nextDim: any, shapes: any) => any;
+declare const getAllShapes: (shapesMap: any) => any[];
+declare const groupShapes: (shapesArray: any) => any;
+declare const isPointInsidePolygon: (polygon: any, x: any, y: any) => boolean;
+declare const calculate: (polygonPoints: any) => {
+    x: number | undefined;
+    y: number | undefined;
+};
+declare const generateValidationMessage: (config: any) => string;
+export { calculate, isPointInsidePolygon, updateImageDimensions, generateValidationMessage, getUpdatedShapes, getAllShapes, groupShapes, getUpdatedRectangle, getUpdatedPolygon, };

package/dist/author/utils.js

@@ -0,0 +1,83 @@
+import { SHAPE_GROUPS as e } from "./shapes/utils.js";
+import { cloneDeep as t } from "@pie-element/shared-lodash";
+//#region src/author/utils.ts
+var n = (e, t, n, r) => {
+	if (n) {
+		let n = e.width / e.height;
+		return r === "height" ? {
+			width: t.height * n,
+			height: t.height
+		} : {
+			width: t.width,
+			height: t.width / n
+		};
+	}
+	return {
+		width: t.width,
+		height: t.height
+	};
+}, r = (e, t, n) => t / e * n, i = (e, t, n) => ({
+	...n,
+	width: r(e.width, t.width, n.width),
+	height: r(e.height, t.height, n.height),
+	x: r(e.width, t.width, n.x),
+	y: r(e.height, t.height, n.y)
+}), a = (e, t, n) => ({
+	...n,
+	radius: r(e.width, t.width, n.radius),
+	x: r(e.width, t.width, n.x),
+	y: r(e.height, t.height, n.y)
+}), o = (e, t, n) => ({
+	...n,
+	points: n.points.map((n) => ({
+		x: r(e.width, t.width, n.x),
+		y: r(e.height, t.height, n.y)
+	}))
+}), s = (t, n, r) => r.map((r) => {
+	if (r.group === e.RECTANGLES) return i(t, n, r);
+	if (r.group === e.POLYGONS) return o(t, n, r);
+	if (r.group === e.CIRCLES) return a(t, n, r);
+}), c = (e) => {
+	e ||= {};
+	let t = [], n = Object.keys(e);
+	return n.length ? n.reduce((t, n) => t.concat(e[n] ? e[n].map((e, r) => ({
+		...e,
+		group: n,
+		index: e.index || t.length + r
+	})) : []), t) : t;
+}, l = (e) => {
+	e ||= [];
+	let n = {
+		rectangles: [],
+		polygons: [],
+		circles: []
+	};
+	return e.length ? e.reduce((e, { group: t, ...n }) => (e[t] = [...e[t] || [], n], e), n) : t(n);
+}, u = (e, t, n) => {
+	let r = !1;
+	if (!e || e.length <= 0) return r;
+	for (let i = 0, a = e.length - 1; i < e.length; a = i++) {
+		let o = e[i].x, s = e[i].y, c = e[a].x, l = e[a].y;
+		s > n != l > n && t < (c - o) * (n - s) / (l - s) + o && (r = !r);
+	}
+	return r;
+}, d = (e) => {
+	if (!e || e.length <= 0) return {
+		x: 0,
+		y: 0
+	};
+	let t = e.map((e) => e.x), n = e.map((e) => e.y), r = Math.min(...t), i = Math.min(...n), a = Math.max(...t), o = Math.max(...n), s, c;
+	for (let t = r; t <= a - 20; t++) for (let n = o - 20; n > i; n--) if (u(e, t, n)) {
+		s = t - 10, c = n;
+		break;
+	}
+	return {
+		x: s,
+		y: c
+	};
+}, f = (e) => {
+	let { minShapes: t, maxShapes: n, maxSelections: r } = e, i = `\nThere should be at least ${t} ` + (n ? `and at most ${n} ` : "") + "shapes defined.", a = "\nThere should be at least 1 " + (r ? `and at most ${r} ` : "") + "shape" + (r ? "s" : "") + " selected.";
+	return "Validation requirements:" + i + a;
+};
+//#endregion
+export { d as calculate, f as generateValidationMessage, c as getAllShapes, o as getUpdatedPolygon, i as getUpdatedRectangle, s as getUpdatedShapes, l as groupShapes, u as isPointInsidePolygon, n as updateImageDimensions };