@rowsncolumns/spreadsheet 10.2.68

package/dist/cjs/components/context-menu/menu.d.ts

@@ -0,0 +1,10 @@
+import type { FC } from "react";
+import type { ReactNode } from "react";
+type ContextMenuDropdownProps = {
+    isOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: ReactNode;
+};
+export declare const ContextMenuDropdown: FC<ContextMenuDropdownProps>;
+export {};
+//# sourceMappingURL=menu.d.ts.map

package/dist/cjs/components/context-menu/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../components/context-menu/menu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,KAAK,wBAAwB,GAAG;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAa5D,CAAC"}

package/dist/cjs/components/context-menu/menu.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextMenuDropdown = void 0;
+var tslib_1 = require("tslib");
+var ui_1 = require("@rowsncolumns/ui");
+var react_1 = tslib_1.__importDefault(require("react"));
+var style_1 = require("./style");
+var ContextMenuDropdown = function (_a) {
+    var children = _a.children, isOpen = _a.isOpen, onOpenChange = _a.onOpenChange;
+    return (react_1.default.createElement(ui_1.DropdownMenu, { modal: false, open: isOpen, onOpenChange: onOpenChange },
+        react_1.default.createElement(ui_1.DropdownMenuTrigger, { asChild: true },
+            react_1.default.createElement(style_1.StyledFakeTriggerButton, null)),
+        children));
+};
+exports.ContextMenuDropdown = ContextMenuDropdown;

package/dist/cjs/components/context-menu/style.d.ts

@@ -0,0 +1,6 @@
+import { Stack } from "@rowsncolumns/ui";
+import type { ComponentProps } from "react";
+import React from "react";
+export declare const StyledContextMenuWrapper: ({ className, ...props }: ComponentProps<typeof Stack>) => React.JSX.Element;
+export declare const StyledFakeTriggerButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=style.d.ts.map

package/dist/cjs/components/context-menu/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../components/context-menu/style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,wBAAwB,GAAI,yBAGtC,cAAc,CAAC,OAAO,KAAK,CAAC,sBAE9B,CAAC;AAEF,eAAO,MAAM,uBAAuB,kLAclC,CAAC"}

package/dist/cjs/components/context-menu/style.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledFakeTriggerButton = exports.StyledContextMenuWrapper = void 0;
+var tslib_1 = require("tslib");
+var ui_1 = require("@rowsncolumns/ui");
+var react_1 = tslib_1.__importDefault(require("react"));
+var StyledContextMenuWrapper = function (_a) {
+    var className = _a.className, props = tslib_1.__rest(_a, ["className"]);
+    return (react_1.default.createElement(ui_1.Stack, tslib_1.__assign({ className: (0, ui_1.cn)("absolute left-0 top-0", className) }, props)));
+};
+exports.StyledContextMenuWrapper = StyledContextMenuWrapper;
+exports.StyledFakeTriggerButton = react_1.default.forwardRef(function (_a, ref) {
+    var className = _a.className, props = tslib_1.__rest(_a, ["className"]);
+    return (react_1.default.createElement("button", tslib_1.__assign({ ref: ref, className: (0, ui_1.cn)("absolute left-0 top-0 w-0 h-0 overflow-hidden m-0 p-0 border-none bg-transparent shadow-none", className) }, props)));
+});
+exports.StyledFakeTriggerButton.displayName = "StyledFakeTriggerButton";

package/dist/cjs/components/embeds/chart-component.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { EmbeddedChart } from "../../types";
+import type { CanvasGridProps, SpreadsheetTheme } from "../canvas-grid/typings";
+export type ChartComponentProps = {
+    sheetId: number;
+    chart: EmbeddedChart;
+    theme: SpreadsheetTheme;
+    backgroundColor?: string;
+    width: number;
+    height: number;
+    isSelected: boolean;
+    readonly?: boolean;
+    onDeleteChart: CanvasGridProps["onDeleteChart"];
+};
+export declare const ChartComponent: React.MemoExoticComponent<({ backgroundColor }: ChartComponentProps) => React.JSX.Element>;
+//# sourceMappingURL=chart-component.d.ts.map

package/dist/cjs/components/embeds/chart-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-component.d.ts","sourceRoot":"","sources":["../../../../components/embeds/chart-component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAEhF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,gBAAgB,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;CACjD,CAAC;AAEF,eAAO,MAAM,cAAc,kDACH,mBAAmB,uBAY1C,CAAC"}

package/dist/cjs/components/embeds/chart-component.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChartComponent = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+exports.ChartComponent = (0, react_1.memo)(function (_a) {
+    var backgroundColor = _a.backgroundColor;
+    return (react_1.default.createElement("div", { className: "bg-rnc-background flex-1 flex break-words flex-col", style: {
+            background: backgroundColor,
+        } }, "Customize this embed by using `getChartComponent` prop."));
+});
+exports.ChartComponent.displayName = "ChartComponent";

package/dist/cjs/components/embeds/embed-component.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { EmbeddedObject } from "../../types";
+import type { CanvasGridProps, SpreadsheetTheme } from "../canvas-grid/typings";
+export type EmbedComponentProps = {
+    embed: EmbeddedObject;
+    theme: SpreadsheetTheme;
+    backgroundColor?: string;
+    width: number;
+    height: number;
+    isSelected: boolean;
+    sheetId: number;
+    readonly?: boolean;
+    onDeleteEmbed: CanvasGridProps["onDeleteEmbed"];
+    onRequestEditEmbed: CanvasGridProps["onRequestEditEmbed"];
+};
+export declare const EmbedComponent: React.MemoExoticComponent<({ embed, width, height, readonly, isSelected, onDeleteEmbed, onRequestEditEmbed, theme, }: EmbedComponentProps) => React.JSX.Element>;
+//# sourceMappingURL=embed-component.d.ts.map

package/dist/cjs/components/embeds/embed-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"embed-component.d.ts","sourceRoot":"","sources":["../../../../components/embeds/embed-component.tsx"],"names":[],"mappings":"AASA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EACV,cAAc,EAIf,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAIhF,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,gBAAgB,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAChD,kBAAkB,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,cAAc,wHAUtB,mBAAmB,uBA+LvB,CAAC"}

package/dist/cjs/components/embeds/embed-component.js

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmbedComponent = void 0;
+var tslib_1 = require("tslib");
+var icons_1 = require("@rowsncolumns/icons");
+var ui_1 = require("@rowsncolumns/ui");
+var react_1 = tslib_1.__importStar(require("react"));
+var themes_1 = require("../../themes");
+var shape_svg_1 = require("./shape-svg");
+exports.EmbedComponent = (0, react_1.memo)(function (_a) {
+    var embed = _a.embed, width = _a.width, height = _a.height, readonly = _a.readonly, isSelected = _a.isSelected, onDeleteEmbed = _a.onDeleteEmbed, onRequestEditEmbed = _a.onRequestEditEmbed, theme = _a.theme;
+    var renderTextBox = function (spec) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+        var backgroundColor = spec.backgroundColor
+            ? (0, themes_1.getStringifiedColor)(spec.backgroundColor, theme)
+            : undefined;
+        var textColor = ((_a = spec.textFormat) === null || _a === void 0 ? void 0 : _a.color)
+            ? (0, themes_1.getStringifiedColor)(spec.textFormat.color, theme)
+            : undefined;
+        var textStyle = {
+            fontFamily: ((_b = spec.textFormat) === null || _b === void 0 ? void 0 : _b.fontFamily) || undefined,
+            fontSize: ((_c = spec.textFormat) === null || _c === void 0 ? void 0 : _c.fontSize)
+                ? "".concat(spec.textFormat.fontSize * (((_d = spec.textFormat) === null || _d === void 0 ? void 0 : _d.baselineOffset) ? 0.58 : 1), "px")
+                : ((_e = spec.textFormat) === null || _e === void 0 ? void 0 : _e.baselineOffset)
+                    ? "0.58em"
+                    : undefined,
+            verticalAlign: ((_f = spec.textFormat) === null || _f === void 0 ? void 0 : _f.baselineOffset) === "superscript"
+                ? "super"
+                : ((_g = spec.textFormat) === null || _g === void 0 ? void 0 : _g.baselineOffset) === "subscript"
+                    ? "sub"
+                    : undefined,
+            fontWeight: ((_h = spec.textFormat) === null || _h === void 0 ? void 0 : _h.bold) ? "bold" : undefined,
+            fontStyle: ((_j = spec.textFormat) === null || _j === void 0 ? void 0 : _j.italic) ? "italic" : undefined,
+            textDecoration: [
+                ((_k = spec.textFormat) === null || _k === void 0 ? void 0 : _k.strikethrough) ? "line-through" : "",
+                ((_l = spec.textFormat) === null || _l === void 0 ? void 0 : _l.underline) ? "underline" : "",
+            ]
+                .filter(Boolean)
+                .join(" ") || undefined,
+            color: textColor,
+            margin: 0,
+        };
+        var containerStyle = {
+            width: "100%",
+            height: "100%",
+            backgroundColor: backgroundColor,
+            padding: spec.padding ? "".concat(spec.padding, "px") : "4px",
+            textAlign: spec.horizontalAlignment || undefined,
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: spec.verticalAlignment === "top"
+                ? "flex-start"
+                : spec.verticalAlignment === "bottom"
+                    ? "flex-end"
+                    : "center",
+            wordWrap: spec.wrapStrategy === "wrap" ? "break-word" : undefined,
+            overflow: spec.wrapStrategy === "clip" ? "hidden" : undefined,
+            whiteSpace: spec.wrapStrategy === "overflow" ? "nowrap" : "pre-wrap",
+            borderTop: ((_m = spec.borders) === null || _m === void 0 ? void 0 : _m.top)
+                ? "".concat(spec.borders.top.width, "px ").concat(spec.borders.top.style, " ").concat((0, themes_1.getStringifiedColor)(spec.borders.top.color, theme))
+                : undefined,
+            borderRight: ((_o = spec.borders) === null || _o === void 0 ? void 0 : _o.right)
+                ? "".concat(spec.borders.right.width, "px ").concat(spec.borders.right.style, " ").concat((0, themes_1.getStringifiedColor)(spec.borders.right.color, theme))
+                : undefined,
+            borderBottom: ((_p = spec.borders) === null || _p === void 0 ? void 0 : _p.bottom)
+                ? "".concat(spec.borders.bottom.width, "px ").concat(spec.borders.bottom.style, " ").concat((0, themes_1.getStringifiedColor)(spec.borders.bottom.color, theme))
+                : undefined,
+            borderLeft: ((_q = spec.borders) === null || _q === void 0 ? void 0 : _q.left)
+                ? "".concat(spec.borders.left.width, "px ").concat(spec.borders.left.style, " ").concat((0, themes_1.getStringifiedColor)(spec.borders.left.color, theme))
+                : undefined,
+            lineHeight: 1.15,
+        };
+        // Render rich text if available
+        if (spec.richText && spec.richText.length > 0) {
+            return (react_1.default.createElement("div", { style: containerStyle },
+                react_1.default.createElement("div", { style: textStyle }, spec.richText.map(function (run, index) {
+                    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+                    var runStyle = {
+                        fontFamily: ((_a = run.format) === null || _a === void 0 ? void 0 : _a.fontFamily) || undefined,
+                        fontSize: ((_b = run.format) === null || _b === void 0 ? void 0 : _b.fontSize)
+                            ? "".concat(run.format.fontSize * (((_c = run.format) === null || _c === void 0 ? void 0 : _c.baselineOffset) ? 0.58 : 1), "px")
+                            : ((_d = run.format) === null || _d === void 0 ? void 0 : _d.baselineOffset)
+                                ? "0.58em"
+                                : undefined,
+                        verticalAlign: ((_e = run.format) === null || _e === void 0 ? void 0 : _e.baselineOffset) === "superscript"
+                            ? "super"
+                            : ((_f = run.format) === null || _f === void 0 ? void 0 : _f.baselineOffset) === "subscript"
+                                ? "sub"
+                                : undefined,
+                        fontWeight: ((_g = run.format) === null || _g === void 0 ? void 0 : _g.bold) ? "bold" : undefined,
+                        fontStyle: ((_h = run.format) === null || _h === void 0 ? void 0 : _h.italic) ? "italic" : undefined,
+                        textDecoration: [
+                            ((_j = run.format) === null || _j === void 0 ? void 0 : _j.strikethrough) ? "line-through" : "",
+                            ((_k = run.format) === null || _k === void 0 ? void 0 : _k.underline) ? "underline" : "",
+                        ]
+                            .filter(Boolean)
+                            .join(" ") || undefined,
+                        color: ((_l = run.format) === null || _l === void 0 ? void 0 : _l.color)
+                            ? (0, themes_1.getStringifiedColor)(run.format.color, theme)
+                            : undefined,
+                    };
+                    return (react_1.default.createElement("span", { key: index, style: runStyle }, run.text));
+                }))));
+        }
+        // Render plain text
+        return (react_1.default.createElement("div", { style: containerStyle },
+            react_1.default.createElement("div", { style: textStyle }, spec.text || "")));
+    };
+    return (react_1.default.createElement("div", { className: "flex-1 flex break-words flex-col" },
+        (embed === null || embed === void 0 ? void 0 : embed.spec.type) === "image" ? (react_1.default.createElement("img", { className: "max-w-full max-h-full", alt: embed.spec.description, draggable: false, width: width, height: height, src: embed.spec.imageUrl, crossOrigin: "anonymous" })) : null,
+        (embed === null || embed === void 0 ? void 0 : embed.spec.type) === "textbox"
+            ? renderTextBox(embed.spec)
+            : null,
+        (embed === null || embed === void 0 ? void 0 : embed.spec.type) === "shape" ? (react_1.default.createElement("div", { style: { position: "relative", width: "100%", height: "100%" } },
+            react_1.default.createElement(shape_svg_1.ShapeSvg, { spec: embed.spec, width: width, height: height, theme: theme }),
+            embed.spec.textBody ? (react_1.default.createElement("div", { style: { position: "absolute", inset: 0 } }, renderTextBox(tslib_1.__assign({ type: "textbox" }, embed.spec.textBody)))) : null)) : null,
+        readonly || !isSelected ? null : (react_1.default.createElement(ui_1.DropdownMenu, null,
+            react_1.default.createElement(ui_1.DropdownMenuTrigger, { asChild: true, className: "print:hidden" },
+                react_1.default.createElement(ui_1.IconButton, { className: "absolute right-1 top-1 z-10" },
+                    react_1.default.createElement(icons_1.DotsVerticalIcon, null))),
+            react_1.default.createElement(ui_1.DropdownMenuPortal, null,
+                react_1.default.createElement(ui_1.DropdownMenuContent, { align: "start" },
+                    react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () { return onRequestEditEmbed === null || onRequestEditEmbed === void 0 ? void 0 : onRequestEditEmbed(embed); } }, "Edit"),
+                    react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
+                            onDeleteEmbed === null || onDeleteEmbed === void 0 ? void 0 : onDeleteEmbed(embed.embedId);
+                        } }, "Delete")))))));
+});
+exports.EmbedComponent.displayName = "EmbedComponent";

package/dist/cjs/components/embeds/embed-draggable.d.ts

@@ -0,0 +1,43 @@
+import type { CellInterface } from "@rowsncolumns/grid";
+import React from "react";
+import type { DraggableBounds } from "react-draggable";
+type EmbedDraggableProps = Omit<React.HTMLAttributes<HTMLDivElement>, "id" | "onResize" | "children"> & {
+    id: string | number;
+    height: number;
+    width: number;
+    offsetXPixels: number;
+    offsetYPixels: number;
+    isSelected: boolean;
+    borderColor?: string;
+    lockAspectRatio?: boolean;
+    bounds?: DraggableBounds;
+    scale?: number;
+    resizable?: boolean;
+    draggable?: boolean;
+    rotatable?: boolean;
+    /**
+     * Callback when user moves an embed
+     * @param top
+     * @param left
+     */
+    onMove?(id: string | number, x: number, y: number): void;
+    /**
+     * Callback when user resizes
+     * @param width
+     * @param height
+     */
+    onResize?(id: string | number, x: number, y: number, width: number, height: number): void;
+    /**
+     * On delete
+     * @param id
+     */
+    onDelete?(id: string | number): void;
+    /**
+     * Anchor cell
+     */
+    anchorCell: CellInterface;
+    children: (width: number, height: number) => React.ReactNode;
+};
+export declare const EmbedDraggable: ({ id, scale, height, width, offsetXPixels, offsetYPixels, isSelected, borderColor, lockAspectRatio, resizable, draggable, children, onMove, onResize, onDelete, onMouseMove, onPointerDown, bounds, anchorCell, }: EmbedDraggableProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=embed-draggable.d.ts.map

package/dist/cjs/components/embeds/embed-draggable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"embed-draggable.d.ts","sourceRoot":"","sources":["../../../../components/embeds/embed-draggable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGxD,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EACV,eAAe,EAGhB,MAAM,iBAAiB,CAAC;AAOzB,KAAK,mBAAmB,GAAG,IAAI,CAC7B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,IAAI,GAAG,UAAU,GAAG,UAAU,CAC/B,GAAG;IACF,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,MAAM,CAAC,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzD;;;;OAIG;IACH,QAAQ,CAAC,CACP,EAAE,EAAE,MAAM,GAAG,MAAM,EACnB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GACb,IAAI,CAAC;IACR;;;OAGG;IACH,QAAQ,CAAC,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACrC;;OAEG;IACH,UAAU,EAAE,aAAa,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC9D,CAAC;AAoBF,eAAO,MAAM,cAAc,GAAI,mNAoB5B,mBAAmB,sBA0KrB,CAAC"}

package/dist/cjs/components/embeds/embed-draggable.js

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmbedDraggable = void 0;
+var tslib_1 = require("tslib");
+var grid_1 = require("@rowsncolumns/grid");
+var ui_1 = require("@rowsncolumns/ui");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_draggable_1 = tslib_1.__importDefault(require("react-draggable"));
+var react_resizable_1 = require("react-resizable");
+var use_isomorphic_layout_effect_1 = require("../../hooks/use-isomorphic-layout-effect");
+var resizeHandles = [
+    "se",
+    "n",
+    "w",
+    "s",
+    "e",
+    "ne",
+    "nw",
+    "sw",
+];
+var EmbedDraggable = function (_a) {
+    var _b, _c;
+    var id = _a.id, _d = _a.scale, scale = _d === void 0 ? 1 : _d, height = _a.height, width = _a.width, offsetXPixels = _a.offsetXPixels, offsetYPixels = _a.offsetYPixels, isSelected = _a.isSelected, borderColor = _a.borderColor, lockAspectRatio = _a.lockAspectRatio, _e = _a.resizable, resizable = _e === void 0 ? true : _e, _f = _a.draggable, draggable = _f === void 0 ? true : _f, children = _a.children, onMove = _a.onMove, onResize = _a.onResize, onDelete = _a.onDelete, onMouseMove = _a.onMouseMove, onPointerDown = _a.onPointerDown, bounds = _a.bounds, anchorCell = _a.anchorCell;
+    var getCellOffsetFromCoords = (0, grid_1.useGridContext)().getCellOffsetFromCoords;
+    var position = getCellOffsetFromCoords === null || getCellOffsetFromCoords === void 0 ? void 0 : getCellOffsetFromCoords(anchorCell);
+    var x = ((_b = position === null || position === void 0 ? void 0 : position.x) !== null && _b !== void 0 ? _b : 0) + offsetXPixels;
+    var y = ((_c = position === null || position === void 0 ? void 0 : position.y) !== null && _c !== void 0 ? _c : 0) + offsetYPixels;
+    var _g = tslib_1.__read((0, react_1.useState)(function () { return ({
+        internalWidth: width,
+        internalHeight: height,
+        internalX: x,
+        internalY: y,
+    }); }), 2), dimensions = _g[0], setDimensions = _g[1];
+    var internalWidth = dimensions.internalWidth, internalHeight = dimensions.internalHeight, internalX = dimensions.internalX, internalY = dimensions.internalY;
+    var incomingDimensionRef = (0, react_1.useRef)(undefined);
+    var nodeRef = (0, react_1.useRef)(null);
+    // Focus if selected index changes
+    (0, use_isomorphic_layout_effect_1.useIsomorphicLayoutEffect)(function () {
+        var _a;
+        if (isSelected && document.activeElement !== nodeRef.current) {
+            (_a = nodeRef.current) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
+        }
+    }, [isSelected]);
+    // Handle move. Update internal state
+    var handleMove = (0, react_1.useCallback)(function (e, data) {
+        setDimensions(function (prev) { return (tslib_1.__assign(tslib_1.__assign({}, prev), { internalX: data.x, internalY: data.y })); });
+    }, []);
+    // Ends moving
+    var handleMoveEnd = (0, react_1.useCallback)(function (e, data) {
+        var _a, _b;
+        if (((_a = incomingDimensionRef.current) === null || _a === void 0 ? void 0 : _a.x) === data.x &&
+            ((_b = incomingDimensionRef.current) === null || _b === void 0 ? void 0 : _b.y) === data.y) {
+            return;
+        }
+        onMove === null || onMove === void 0 ? void 0 : onMove(id, data.x, data.y);
+    }, [onMove, id]);
+    // Resizing: Update internal state
+    var handleResize = (0, react_1.useCallback)(function (e, _a) {
+        var size = _a.size, handle = _a.handle;
+        setDimensions(function (prev) {
+            var internalY = prev.internalY;
+            var internalX = prev.internalX;
+            var deltaHeight = size.height - prev.internalHeight;
+            var deltaWidth = size.width - prev.internalWidth;
+            if (handle[0] === "n") {
+                internalY -= deltaHeight;
+            }
+            if (handle[handle.length - 1] === "w") {
+                internalX -= deltaWidth;
+            }
+            return tslib_1.__assign(tslib_1.__assign({}, prev), { internalX: internalX, internalY: internalY, internalHeight: size.height, internalWidth: size.width });
+        });
+    }, []);
+    // Resize ends
+    var handleResizeEnd = (0, react_1.useCallback)(function (e, _a) {
+        var _b, _c;
+        var size = _a.size;
+        if (((_b = incomingDimensionRef.current) === null || _b === void 0 ? void 0 : _b.width) === size.width &&
+            ((_c = incomingDimensionRef.current) === null || _c === void 0 ? void 0 : _c.height) === size.height) {
+            return;
+        }
+        onResize === null || onResize === void 0 ? void 0 : onResize(id, dimensions.internalX, dimensions.internalY, size.width / scale, size.height / scale);
+    }, [onResize, id, scale, dimensions]);
+    // When state is saved, update internal state
+    (0, use_isomorphic_layout_effect_1.useIsomorphicLayoutEffect)(function () {
+        incomingDimensionRef.current = {
+            x: x,
+            y: y,
+            width: width,
+            height: height,
+        };
+        setDimensions({
+            internalX: x,
+            internalY: y,
+            internalHeight: height,
+            internalWidth: width,
+        });
+    }, [width, height, x, y]);
+    return (react_1.default.createElement(react_draggable_1.default, { nodeRef: nodeRef, position: {
+            x: internalX,
+            y: internalY,
+        }, bounds: bounds, onDrag: handleMove, onStop: handleMoveEnd, cancel: ".react-resizable-handle, .rnc-draggable-ignore, .plot-container .draglayer", scale: 1, disabled: !draggable },
+        react_1.default.createElement(react_resizable_1.Resizable, { width: internalWidth, height: internalHeight, onResize: handleResize, onResizeStop: handleResizeEnd, lockAspectRatio: lockAspectRatio, resizeHandles: resizable ? resizeHandles : [] },
+            react_1.default.createElement("div", { className: (0, ui_1.cn)("text-rnc-foreground text-sm pointer-events-auto border border-solid border-transparent flex select-none box-content absolute rnc-embed-component outline-none", isSelected ? "[&_.react-resizable-handle]:bg-[#1a73e8]" : undefined, isSelected ? "rnc-embed-active" : undefined), style: {
+                    width: internalWidth,
+                    height: internalHeight,
+                    borderColor: borderColor,
+                    zIndex: isSelected ? 1 : undefined,
+                }, tabIndex: 0, onKeyDown: function (e) {
+                    if (e.key === "Backspace" || e.key === "Delete") {
+                        onDelete === null || onDelete === void 0 ? void 0 : onDelete(id);
+                    }
+                }, ref: nodeRef, onMouseMove: onMouseMove, onPointerDown: onPointerDown, onContextMenu: function (e) {
+                    e.stopPropagation();
+                } }, children(internalWidth, internalHeight)))));
+};
+exports.EmbedDraggable = EmbedDraggable;

package/dist/cjs/components/embeds/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./embed-draggable";
+export * from "./chart-component";
+export * from "./embed-component";
+export * from "./slicer-component";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/embeds/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/embeds/index.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC"}

package/dist/cjs/components/embeds/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./embed-draggable"), exports);
+tslib_1.__exportStar(require("./chart-component"), exports);
+tslib_1.__exportStar(require("./embed-component"), exports);
+tslib_1.__exportStar(require("./slicer-component"), exports);

package/dist/cjs/components/embeds/shape-geometry.d.ts

@@ -0,0 +1,10 @@
+import type { Maybe } from "../../types";
+/** Presets with a dedicated builder (everything else renders as a rectangle). */
+export declare const isRenderedShapePreset: (preset: string) => boolean;
+/**
+ * SVG path data for a preset geometry at the given frame size. Unknown
+ * presets fall back to a plain rectangle so the shape still shows its
+ * fill/outline/text instead of disappearing.
+ */
+export declare const presetShapePath: (preset: string, width: number, height: number, adjustments?: Maybe<Record<string, number>>) => string;
+//# sourceMappingURL=shape-geometry.d.ts.map

package/dist/cjs/components/embeds/shape-geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shape-geometry.d.ts","sourceRoot":"","sources":["../../../../components/embeds/shape-geometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAiSzC,iFAAiF;AACjF,eAAO,MAAM,qBAAqB,GAAI,QAAQ,MAAM,KAAG,OACnC,CAAC;AAErB;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAC1B,QAAQ,MAAM,EACd,OAAO,MAAM,EACb,QAAQ,MAAM,EACd,cAAc,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,KAC1C,MAKF,CAAC"}