@contentstack/live-preview-utils 3.1.3 → 3.2.0

package/dist/modern/visualBuilder/components/Collab/Icon/Icon.cjs

@@ -0,0 +1,87 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/components/Collab/Icon/Icon.tsx
+var Icon_exports = {};
+__export(Icon_exports, {
+  default: () => Icon_default
+});
+module.exports = __toCommonJS(Icon_exports);
+var import_Tooltip = __toESM(require("../Tooltip/Tooltip.cjs"), 1);
+var import_CollabIcons = require("../../icons/CollabIcons.cjs");
+var import_classnames = __toESM(require("classnames"), 1);
+var import_collab = require("../../../collab.style.cjs");
+var import_jsx_runtime = require("preact/jsx-runtime");
+var IconWrapper = ({
+  icon,
+  className,
+  onClick,
+  testId,
+  disabled,
+  ...otherProps
+}) => {
+  const IconComponent = import_CollabIcons.iconComponents[icon];
+  const handleClick = (e) => {
+    if (disabled) return;
+    onClick?.(e);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_classnames.default)(
+        "collab-icon-wrapper",
+        (0, import_collab.collabStyles)()["collab-icon-wrapper"]
+      ),
+      onClick: handleClick,
+      "data-testid": testId,
+      ...otherProps,
+      children: IconComponent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        IconComponent,
+        {
+          className: (0, import_classnames.default)(
+            "collab-icon",
+            (0, import_collab.collabStyles)()["collab-icon"],
+            className
+          )
+        }
+      ) : null
+    }
+  );
+};
+var withTooltip = (Component) => ({
+  withTooltip: withTooltip2 = false,
+  tooltipContent = "",
+  testId = "collab-icon",
+  ...props
+}) => {
+  return withTooltip2 && tooltipContent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-testid": testId, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tooltip.default, { content: tooltipContent, position: "bottom", testId: "collab-icon-tooltip", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...props }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...props, testId });
+};
+var Icon = withTooltip(IconWrapper);
+var Icon_default = Icon;
+//# sourceMappingURL=Icon.cjs.map

package/dist/modern/visualBuilder/components/Collab/Icon/Icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/Icon/Icon.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { JSX } from \"preact\";\nimport Tooltip from \"../Tooltip/Tooltip\";\nimport { iconComponents } from \"../../icons/CollabIcons\";\nimport classNames from \"classnames\";\nimport { collabStyles } from \"../../../collab.style\";\n\ntype IconName = keyof typeof iconComponents;\n\nexport interface IconProps {\n    icon: IconName;\n    tooltipContent?: string;\n    className?: string;\n    withTooltip?: boolean;\n    onClick?: JSX.MouseEventHandler<HTMLDivElement>;\n    testId?: string;\n    disabled?: boolean; \n}\n\nconst IconWrapper = ({\n    icon,\n    className,\n    onClick,\n    testId, \n    disabled,\n    ...otherProps\n}: Omit<IconProps, \"withTooltip\" | \"tooltipContent\">) => {\n    const IconComponent = iconComponents[icon];\n\n    const handleClick = (e: JSX.TargetedMouseEvent<HTMLDivElement>) => {\n        if (disabled) return; \n        onClick?.(e);\n    };\n\n\n    return (\n        <div\n            className={classNames(\n                \"collab-icon-wrapper\",\n                collabStyles()[\"collab-icon-wrapper\"]\n            )}\n            onClick={handleClick}\n            data-testid={testId}\n            {...otherProps}\n        >\n            {IconComponent ? (\n                <IconComponent\n                    className={classNames(\n                        \"collab-icon\",\n                        collabStyles()[\"collab-icon\"],\n                        className\n                    )}\n                />\n            ) : null}\n        </div>\n    );\n};\n\nconst withTooltip = (Component: typeof IconWrapper) => ({\n    withTooltip = false,\n    tooltipContent = \"\",\n    testId = \"collab-icon\",\n    ...props\n}: IconProps) => {\n    return withTooltip && tooltipContent ? (\n        <div data-testid={testId}>\n            <Tooltip content={tooltipContent} position=\"bottom\" testId=\"collab-icon-tooltip\">\n                <Component {...props}  />\n            </Tooltip>\n        </div>\n    ) : (\n        \n        <Component {...props} testId={testId} />\n    );\n};\n\nconst Icon = withTooltip(IconWrapper);\n\nexport default Icon;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAoB;AACpB,yBAA+B;AAC/B,wBAAuB;AACvB,oBAA6B;AAyCb;AA3BhB,IAAM,cAAc,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAyD;AACrD,QAAM,gBAAgB,kCAAe,IAAI;AAEzC,QAAM,cAAc,CAAC,MAA8C;AAC/D,QAAI,SAAU;AACd,cAAU,CAAC;AAAA,EACf;AAGA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW,kBAAAA;AAAA,QACP;AAAA,YACA,4BAAa,EAAE,qBAAqB;AAAA,MACxC;AAAA,MACA,SAAS;AAAA,MACT,eAAa;AAAA,MACZ,GAAG;AAAA,MAEH,0BACG;AAAA,QAAC;AAAA;AAAA,UACG,eAAW,kBAAAA;AAAA,YACP;AAAA,gBACA,4BAAa,EAAE,aAAa;AAAA,YAC5B;AAAA,UACJ;AAAA;AAAA,MACJ,IACA;AAAA;AAAA,EACR;AAER;AAEA,IAAM,cAAc,CAAC,cAAkC,CAAC;AAAA,EACpD,aAAAC,eAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,GAAG;AACP,MAAiB;AACb,SAAOA,gBAAe,iBAClB,4CAAC,SAAI,eAAa,QACd,sDAAC,eAAAC,SAAA,EAAQ,SAAS,gBAAgB,UAAS,UAAS,QAAO,uBACvD,sDAAC,aAAW,GAAG,OAAQ,GAC3B,GACJ,IAGA,4CAAC,aAAW,GAAG,OAAO,QAAgB;AAE9C;AAEA,IAAM,OAAO,YAAY,WAAW;AAEpC,IAAO,eAAQ;","names":["classNames","withTooltip","Tooltip"]}

package/dist/modern/visualBuilder/components/Collab/Icon/Icon.d.cts

@@ -0,0 +1,19 @@
+import React from 'preact/compat';
+import { JSX } from 'preact';
+import { iconComponents } from '../../icons/CollabIcons.cjs';
+
+/** @jsxImportSource preact */
+
+type IconName = keyof typeof iconComponents;
+interface IconProps {
+    icon: IconName;
+    tooltipContent?: string;
+    className?: string;
+    withTooltip?: boolean;
+    onClick?: JSX.MouseEventHandler<HTMLDivElement>;
+    testId?: string;
+    disabled?: boolean;
+}
+declare const Icon: ({ withTooltip, tooltipContent, testId, ...props }: IconProps) => React.JSX.Element;
+
+export { type IconProps, Icon as default };

package/dist/modern/visualBuilder/components/Collab/Icon/Icon.d.ts

@@ -0,0 +1,19 @@
+import React from 'preact/compat';
+import { JSX } from 'preact';
+import { iconComponents } from '../../icons/CollabIcons.js';
+
+/** @jsxImportSource preact */
+
+type IconName = keyof typeof iconComponents;
+interface IconProps {
+    icon: IconName;
+    tooltipContent?: string;
+    className?: string;
+    withTooltip?: boolean;
+    onClick?: JSX.MouseEventHandler<HTMLDivElement>;
+    testId?: string;
+    disabled?: boolean;
+}
+declare const Icon: ({ withTooltip, tooltipContent, testId, ...props }: IconProps) => React.JSX.Element;
+
+export { type IconProps, Icon as default };

package/dist/modern/visualBuilder/components/Collab/Icon/Icon.js

@@ -0,0 +1,58 @@
+import "../../../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/components/Collab/Icon/Icon.tsx
+import Tooltip from "../Tooltip/Tooltip.js";
+import { iconComponents } from "../../icons/CollabIcons.js";
+import classNames from "classnames";
+import { collabStyles } from "../../../collab.style.js";
+import { jsx } from "preact/jsx-runtime";
+var IconWrapper = ({
+  icon,
+  className,
+  onClick,
+  testId,
+  disabled,
+  ...otherProps
+}) => {
+  const IconComponent = iconComponents[icon];
+  const handleClick = (e) => {
+    if (disabled) return;
+    onClick?.(e);
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: classNames(
+        "collab-icon-wrapper",
+        collabStyles()["collab-icon-wrapper"]
+      ),
+      onClick: handleClick,
+      "data-testid": testId,
+      ...otherProps,
+      children: IconComponent ? /* @__PURE__ */ jsx(
+        IconComponent,
+        {
+          className: classNames(
+            "collab-icon",
+            collabStyles()["collab-icon"],
+            className
+          )
+        }
+      ) : null
+    }
+  );
+};
+var withTooltip = (Component) => ({
+  withTooltip: withTooltip2 = false,
+  tooltipContent = "",
+  testId = "collab-icon",
+  ...props
+}) => {
+  return withTooltip2 && tooltipContent ? /* @__PURE__ */ jsx("div", { "data-testid": testId, children: /* @__PURE__ */ jsx(Tooltip, { content: tooltipContent, position: "bottom", testId: "collab-icon-tooltip", children: /* @__PURE__ */ jsx(Component, { ...props }) }) }) : /* @__PURE__ */ jsx(Component, { ...props, testId });
+};
+var Icon = withTooltip(IconWrapper);
+var Icon_default = Icon;
+export {
+  Icon_default as default
+};
+//# sourceMappingURL=Icon.js.map

package/dist/modern/visualBuilder/components/Collab/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/Icon/Icon.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { JSX } from \"preact\";\nimport Tooltip from \"../Tooltip/Tooltip\";\nimport { iconComponents } from \"../../icons/CollabIcons\";\nimport classNames from \"classnames\";\nimport { collabStyles } from \"../../../collab.style\";\n\ntype IconName = keyof typeof iconComponents;\n\nexport interface IconProps {\n    icon: IconName;\n    tooltipContent?: string;\n    className?: string;\n    withTooltip?: boolean;\n    onClick?: JSX.MouseEventHandler<HTMLDivElement>;\n    testId?: string;\n    disabled?: boolean; \n}\n\nconst IconWrapper = ({\n    icon,\n    className,\n    onClick,\n    testId, \n    disabled,\n    ...otherProps\n}: Omit<IconProps, \"withTooltip\" | \"tooltipContent\">) => {\n    const IconComponent = iconComponents[icon];\n\n    const handleClick = (e: JSX.TargetedMouseEvent<HTMLDivElement>) => {\n        if (disabled) return; \n        onClick?.(e);\n    };\n\n\n    return (\n        <div\n            className={classNames(\n                \"collab-icon-wrapper\",\n                collabStyles()[\"collab-icon-wrapper\"]\n            )}\n            onClick={handleClick}\n            data-testid={testId}\n            {...otherProps}\n        >\n            {IconComponent ? (\n                <IconComponent\n                    className={classNames(\n                        \"collab-icon\",\n                        collabStyles()[\"collab-icon\"],\n                        className\n                    )}\n                />\n            ) : null}\n        </div>\n    );\n};\n\nconst withTooltip = (Component: typeof IconWrapper) => ({\n    withTooltip = false,\n    tooltipContent = \"\",\n    testId = \"collab-icon\",\n    ...props\n}: IconProps) => {\n    return withTooltip && tooltipContent ? (\n        <div data-testid={testId}>\n            <Tooltip content={tooltipContent} position=\"bottom\" testId=\"collab-icon-tooltip\">\n                <Component {...props}  />\n            </Tooltip>\n        </div>\n    ) : (\n        \n        <Component {...props} testId={testId} />\n    );\n};\n\nconst Icon = withTooltip(IconWrapper);\n\nexport default Icon;\n"],"mappings":";;;AAGA,OAAO,aAAa;AACpB,SAAS,sBAAsB;AAC/B,OAAO,gBAAgB;AACvB,SAAS,oBAAoB;AAyCb;AA3BhB,IAAM,cAAc,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAyD;AACrD,QAAM,gBAAgB,eAAe,IAAI;AAEzC,QAAM,cAAc,CAAC,MAA8C;AAC/D,QAAI,SAAU;AACd,cAAU,CAAC;AAAA,EACf;AAGA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,aAAa,EAAE,qBAAqB;AAAA,MACxC;AAAA,MACA,SAAS;AAAA,MACT,eAAa;AAAA,MACZ,GAAG;AAAA,MAEH,0BACG;AAAA,QAAC;AAAA;AAAA,UACG,WAAW;AAAA,YACP;AAAA,YACA,aAAa,EAAE,aAAa;AAAA,YAC5B;AAAA,UACJ;AAAA;AAAA,MACJ,IACA;AAAA;AAAA,EACR;AAER;AAEA,IAAM,cAAc,CAAC,cAAkC,CAAC;AAAA,EACpD,aAAAA,eAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,GAAG;AACP,MAAiB;AACb,SAAOA,gBAAe,iBAClB,oBAAC,SAAI,eAAa,QACd,8BAAC,WAAQ,SAAS,gBAAgB,UAAS,UAAS,QAAO,uBACvD,8BAAC,aAAW,GAAG,OAAQ,GAC3B,GACJ,IAGA,oBAAC,aAAW,GAAG,OAAO,QAAgB;AAE9C;AAEA,IAAM,OAAO,YAAY,WAAW;AAEpC,IAAO,eAAQ;","names":["withTooltip"]}

package/dist/modern/visualBuilder/components/Collab/SkeletonTile/SkeletonTile.cjs

@@ -0,0 +1,81 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/components/Collab/SkeletonTile/SkeletonTile.tsx
+var SkeletonTile_exports = {};
+__export(SkeletonTile_exports, {
+  default: () => SkeletonTile_default
+});
+module.exports = __toCommonJS(SkeletonTile_exports);
+var import_collab = require("../../../collab.style.cjs");
+var import_classnames = __toESM(require("classnames"), 1);
+var import_jsx_runtime = require("preact/jsx-runtime");
+var SkeletonTile = (props) => {
+  const {
+    numberOfTiles,
+    tileleftSpace,
+    tileTopSpace,
+    tileHeight,
+    tileBottomSpace,
+    tileWidth,
+    testId,
+    tileRadius = 7
+  } = props;
+  const svgHeight = numberOfTiles * tileHeight + numberOfTiles * tileBottomSpace + numberOfTiles * tileTopSpace;
+  const svgWidth = typeof tileWidth === "string" ? tileWidth : tileWidth + tileleftSpace;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      "data-testid": testId,
+      height: svgHeight,
+      width: svgWidth,
+      className: (0, import_classnames.default)(
+        "collab-skeletonTileSvgClass",
+        (0, import_collab.collabStyles)()["collab-skeletonTileSvgClass"]
+      ),
+      fill: "#EDF1F7",
+      children: Array.from({ length: numberOfTiles }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "rect",
+        {
+          "data-testid": "rect",
+          x: tileleftSpace,
+          y: index * (tileHeight + tileBottomSpace) + tileTopSpace,
+          rx: tileRadius,
+          width: tileWidth,
+          height: tileHeight
+        }
+      ) }, index))
+    }
+  );
+};
+SkeletonTile.defaultProps = {
+  testId: "collab-skeletonTile"
+};
+var SkeletonTile_default = SkeletonTile;
+//# sourceMappingURL=SkeletonTile.cjs.map

package/dist/modern/visualBuilder/components/Collab/SkeletonTile/SkeletonTile.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/SkeletonTile/SkeletonTile.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { collabStyles } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nexport type SkeletonTileProps = {\n    numberOfTiles: number;\n    tileHeight: number;\n    tileWidth: number | string;\n    tileBottomSpace: number;\n    tileTopSpace: number;\n    tileleftSpace: number;\n    tileRadius?: number;\n    testId?: string;\n};\n\nconst SkeletonTile: React.FC<SkeletonTileProps> = (props) => {\n    const {\n        numberOfTiles,\n        tileleftSpace,\n        tileTopSpace,\n        tileHeight,\n        tileBottomSpace,\n        tileWidth,\n        testId,\n        tileRadius = 7,\n    } = props;\n\n    const svgHeight =\n        numberOfTiles * tileHeight +\n        numberOfTiles * tileBottomSpace +\n        numberOfTiles * tileTopSpace;\n\n    const svgWidth =\n        typeof tileWidth === \"string\" ? tileWidth : tileWidth + tileleftSpace;\n\n    return (\n        <svg\n            data-testid={testId}\n            height={svgHeight}\n            width={svgWidth}\n            className={classNames(\n                \"collab-skeletonTileSvgClass\",\n                collabStyles()[\"collab-skeletonTileSvgClass\"]\n            )}\n            fill=\"#EDF1F7\"\n        >\n            {Array.from({ length: numberOfTiles }).map((_, index) => (\n                <g key={index}>\n                    <rect\n                        data-testid=\"rect\"\n                        x={tileleftSpace}\n                        y={\n                            index * (tileHeight + tileBottomSpace) +\n                            tileTopSpace\n                        }\n                        rx={tileRadius}\n                        width={tileWidth}\n                        height={tileHeight}\n                    />\n                </g>\n            ))}\n        </svg>\n    );\n};\n\nSkeletonTile.defaultProps = {\n    testId: \"collab-skeletonTile\",\n} as Partial<SkeletonTileProps>;\n\nexport default SkeletonTile;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,oBAA6B;AAC7B,wBAAuB;AA8CH;AAjCpB,IAAM,eAA4C,CAAC,UAAU;AACzD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,EACjB,IAAI;AAEJ,QAAM,YACF,gBAAgB,aAChB,gBAAgB,kBAChB,gBAAgB;AAEpB,QAAM,WACF,OAAO,cAAc,WAAW,YAAY,YAAY;AAE5D,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAa;AAAA,MACb,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,eAAW,kBAAAA;AAAA,QACP;AAAA,YACA,4BAAa,EAAE,6BAA6B;AAAA,MAChD;AAAA,MACA,MAAK;AAAA,MAEJ,gBAAM,KAAK,EAAE,QAAQ,cAAc,CAAC,EAAE,IAAI,CAAC,GAAG,UAC3C,4CAAC,OACG;AAAA,QAAC;AAAA;AAAA,UACG,eAAY;AAAA,UACZ,GAAG;AAAA,UACH,GACI,SAAS,aAAa,mBACtB;AAAA,UAEJ,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,QAAQ;AAAA;AAAA,MACZ,KAXI,KAYR,CACH;AAAA;AAAA,EACL;AAER;AAEA,aAAa,eAAe;AAAA,EACxB,QAAQ;AACZ;AAEA,IAAO,uBAAQ;","names":["classNames"]}

package/dist/modern/visualBuilder/components/Collab/SkeletonTile/SkeletonTile.d.cts

@@ -0,0 +1,17 @@
+import React from 'preact/compat';
+
+/** @jsxImportSource preact */
+
+type SkeletonTileProps = {
+    numberOfTiles: number;
+    tileHeight: number;
+    tileWidth: number | string;
+    tileBottomSpace: number;
+    tileTopSpace: number;
+    tileleftSpace: number;
+    tileRadius?: number;
+    testId?: string;
+};
+declare const SkeletonTile: React.FC<SkeletonTileProps>;
+
+export { type SkeletonTileProps, SkeletonTile as default };

package/dist/modern/visualBuilder/components/Collab/SkeletonTile/SkeletonTile.d.ts

@@ -0,0 +1,17 @@
+import React from 'preact/compat';
+
+/** @jsxImportSource preact */
+
+type SkeletonTileProps = {
+    numberOfTiles: number;
+    tileHeight: number;
+    tileWidth: number | string;
+    tileBottomSpace: number;
+    tileTopSpace: number;
+    tileleftSpace: number;
+    tileRadius?: number;
+    testId?: string;
+};
+declare const SkeletonTile: React.FC<SkeletonTileProps>;
+
+export { type SkeletonTileProps, SkeletonTile as default };

package/dist/modern/visualBuilder/components/Collab/SkeletonTile/SkeletonTile.js

@@ -0,0 +1,52 @@
+import "../../../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/components/Collab/SkeletonTile/SkeletonTile.tsx
+import { collabStyles } from "../../../collab.style.js";
+import classNames from "classnames";
+import { jsx } from "preact/jsx-runtime";
+var SkeletonTile = (props) => {
+  const {
+    numberOfTiles,
+    tileleftSpace,
+    tileTopSpace,
+    tileHeight,
+    tileBottomSpace,
+    tileWidth,
+    testId,
+    tileRadius = 7
+  } = props;
+  const svgHeight = numberOfTiles * tileHeight + numberOfTiles * tileBottomSpace + numberOfTiles * tileTopSpace;
+  const svgWidth = typeof tileWidth === "string" ? tileWidth : tileWidth + tileleftSpace;
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "data-testid": testId,
+      height: svgHeight,
+      width: svgWidth,
+      className: classNames(
+        "collab-skeletonTileSvgClass",
+        collabStyles()["collab-skeletonTileSvgClass"]
+      ),
+      fill: "#EDF1F7",
+      children: Array.from({ length: numberOfTiles }).map((_, index) => /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx(
+        "rect",
+        {
+          "data-testid": "rect",
+          x: tileleftSpace,
+          y: index * (tileHeight + tileBottomSpace) + tileTopSpace,
+          rx: tileRadius,
+          width: tileWidth,
+          height: tileHeight
+        }
+      ) }, index))
+    }
+  );
+};
+SkeletonTile.defaultProps = {
+  testId: "collab-skeletonTile"
+};
+var SkeletonTile_default = SkeletonTile;
+export {
+  SkeletonTile_default as default
+};
+//# sourceMappingURL=SkeletonTile.js.map

package/dist/modern/visualBuilder/components/Collab/SkeletonTile/SkeletonTile.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/SkeletonTile/SkeletonTile.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { collabStyles } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nexport type SkeletonTileProps = {\n    numberOfTiles: number;\n    tileHeight: number;\n    tileWidth: number | string;\n    tileBottomSpace: number;\n    tileTopSpace: number;\n    tileleftSpace: number;\n    tileRadius?: number;\n    testId?: string;\n};\n\nconst SkeletonTile: React.FC<SkeletonTileProps> = (props) => {\n    const {\n        numberOfTiles,\n        tileleftSpace,\n        tileTopSpace,\n        tileHeight,\n        tileBottomSpace,\n        tileWidth,\n        testId,\n        tileRadius = 7,\n    } = props;\n\n    const svgHeight =\n        numberOfTiles * tileHeight +\n        numberOfTiles * tileBottomSpace +\n        numberOfTiles * tileTopSpace;\n\n    const svgWidth =\n        typeof tileWidth === \"string\" ? tileWidth : tileWidth + tileleftSpace;\n\n    return (\n        <svg\n            data-testid={testId}\n            height={svgHeight}\n            width={svgWidth}\n            className={classNames(\n                \"collab-skeletonTileSvgClass\",\n                collabStyles()[\"collab-skeletonTileSvgClass\"]\n            )}\n            fill=\"#EDF1F7\"\n        >\n            {Array.from({ length: numberOfTiles }).map((_, index) => (\n                <g key={index}>\n                    <rect\n                        data-testid=\"rect\"\n                        x={tileleftSpace}\n                        y={\n                            index * (tileHeight + tileBottomSpace) +\n                            tileTopSpace\n                        }\n                        rx={tileRadius}\n                        width={tileWidth}\n                        height={tileHeight}\n                    />\n                </g>\n            ))}\n        </svg>\n    );\n};\n\nSkeletonTile.defaultProps = {\n    testId: \"collab-skeletonTile\",\n} as Partial<SkeletonTileProps>;\n\nexport default SkeletonTile;\n"],"mappings":";;;AAEA,SAAS,oBAAoB;AAC7B,OAAO,gBAAgB;AA8CH;AAjCpB,IAAM,eAA4C,CAAC,UAAU;AACzD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,EACjB,IAAI;AAEJ,QAAM,YACF,gBAAgB,aAChB,gBAAgB,kBAChB,gBAAgB;AAEpB,QAAM,WACF,OAAO,cAAc,WAAW,YAAY,YAAY;AAE5D,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAa;AAAA,MACb,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,WAAW;AAAA,QACP;AAAA,QACA,aAAa,EAAE,6BAA6B;AAAA,MAChD;AAAA,MACA,MAAK;AAAA,MAEJ,gBAAM,KAAK,EAAE,QAAQ,cAAc,CAAC,EAAE,IAAI,CAAC,GAAG,UAC3C,oBAAC,OACG;AAAA,QAAC;AAAA;AAAA,UACG,eAAY;AAAA,UACZ,GAAG;AAAA,UACH,GACI,SAAS,aAAa,mBACtB;AAAA,UAEJ,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,QAAQ;AAAA;AAAA,MACZ,KAXI,KAYR,CACH;AAAA;AAAA,EACL;AAER;AAEA,aAAa,eAAe;AAAA,EACxB,QAAQ;AACZ;AAEA,IAAO,uBAAQ;","names":[]}

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/CommentActionBar.cjs

@@ -0,0 +1,150 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/components/Collab/ThreadPopup/CommentActionBar.tsx
+var CommentActionBar_exports = {};
+__export(CommentActionBar_exports, {
+  default: () => CommentActionBar_default
+});
+module.exports = __toCommonJS(CommentActionBar_exports);
+var import_hooks = require("preact/hooks");
+var import_Icon = __toESM(require("../Icon/Icon.cjs"), 1);
+var import_ContextProvider = require("./ContextProvider/index.cjs");
+var import_collab = require("../../../collab.style.cjs");
+var import_classnames = __toESM(require("classnames"), 1);
+var import_jsx_runtime = require("preact/jsx-runtime");
+var CommentActionBar = ({
+  mode,
+  commentUser,
+  currentUser,
+  commentUID
+}) => {
+  const { setThreadState, onDeleteComment, activeThread, onDeleteThread } = (0, import_hooks.useContext)(import_ContextProvider.ThreadProvider);
+  const [isDeleting, setIsDeleting] = (0, import_hooks.useState)(false);
+  const setEditComment = (uid) => {
+    setThreadState((prevState) => ({
+      ...prevState,
+      editComment: uid || ""
+    }));
+  };
+  const handleCancel = () => {
+    setEditComment(null);
+  };
+  const handleCommentEdit = () => {
+    if (commentUID) {
+      setEditComment(commentUID);
+    }
+  };
+  const handleCommentDelete = async () => {
+    if (!commentUID || isDeleting) {
+      return;
+    }
+    setIsDeleting(true);
+    try {
+      const deleteResponse = await onDeleteComment({
+        threadUid: activeThread?._id,
+        commentUid: commentUID
+      });
+      setThreadState((prevState) => {
+        const updatedComments = prevState.comments.filter(
+          (comment) => comment._id !== commentUID
+        );
+        if (prevState.commentCount - 1 === 0) {
+          onDeleteThread({ threadUid: activeThread?._id });
+        }
+        return {
+          ...prevState,
+          comments: updatedComments,
+          commentCount: prevState.commentCount - 1
+        };
+      });
+    } catch (error) {
+    } finally {
+      setIsDeleting(false);
+    }
+  };
+  if (mode === "edit" && commentUID) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: (0, import_classnames.default)(
+          "collab-thread-comment-action--wrapper",
+          (0, import_collab.collabStyles)()["collab-thread-comment-action--wrapper"]
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Icon.default,
+          {
+            icon: "Cancel",
+            withTooltip: true,
+            tooltipContent: "Cancel",
+            onClick: handleCancel
+          }
+        )
+      }
+    );
+  }
+  if (commentUser?.uid !== currentUser?.uid || !commentUID) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_classnames.default)(
+        "collab-thread-comment-action--wrapper",
+        (0, import_collab.collabStyles)()["collab-thread-comment-action--wrapper"]
+      ),
+      "data-testid": "collab-thread-comment-action--wrapper",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Icon.default,
+          {
+            icon: "Edit",
+            tooltipContent: "Edit",
+            withTooltip: true,
+            testId: "collab-thread-comment-edit",
+            onClick: handleCommentEdit
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Icon.default,
+          {
+            icon: "Delete",
+            tooltipContent: "Delete",
+            withTooltip: true,
+            testId: "collab-thread-comment-delete",
+            onClick: handleCommentDelete,
+            disabled: isDeleting
+          }
+        )
+      ]
+    }
+  );
+};
+var CommentActionBar_default = CommentActionBar;
+//# sourceMappingURL=CommentActionBar.cjs.map

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/CommentActionBar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentActionBar.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useContext, useState } from \"preact/hooks\";\nimport {\n    IThreadPopupState,\n    ICommentActionBar,\n} from \"../../../types/collab.types\";\nimport Icon from \"../Icon/Icon\";\nimport { ThreadProvider } from \"./ContextProvider\";\nimport { collabStyles } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nconst CommentActionBar: React.FC<ICommentActionBar> = ({\n    mode,\n    commentUser,\n    currentUser,\n    commentUID,\n}) => {\n    const { setThreadState, onDeleteComment, activeThread, onDeleteThread } =\n        useContext(ThreadProvider)!;\n    const [isDeleting, setIsDeleting] = useState(false);\n\n    const setEditComment = (uid: string | null) => {\n        setThreadState((prevState: IThreadPopupState) => ({\n            ...prevState,\n            editComment: uid || \"\",\n        }));\n    };\n\n    const handleCancel = () => {\n        setEditComment(null);\n    };\n\n    const handleCommentEdit = () => {\n        if (commentUID) {\n            setEditComment(commentUID);\n        }\n    };\n\n    const handleCommentDelete = async () => {\n        if (!commentUID || isDeleting) {\n            return;\n        }\n\n        setIsDeleting(true);\n\n        try {\n            const deleteResponse = await onDeleteComment({\n                threadUid: activeThread?._id,\n                commentUid: commentUID,\n            });\n\n            setThreadState((prevState: IThreadPopupState) => {\n                const updatedComments = prevState.comments.filter(\n                    (comment) => comment._id !== commentUID\n                );\n                if (prevState.commentCount - 1 === 0) {\n                    onDeleteThread({ threadUid: activeThread?._id });\n                }\n                return {\n                    ...prevState,\n                    comments: updatedComments,\n                    commentCount: prevState.commentCount - 1,\n                };\n            });\n        } catch (error: any) {\n        } finally {\n            setIsDeleting(false);\n        }\n    };\n\n    if (mode === \"edit\" && commentUID) {\n        return (\n            <div\n                className={classNames(\n                    \"collab-thread-comment-action--wrapper\",\n                    collabStyles()[\"collab-thread-comment-action--wrapper\"]\n                )}\n            >\n                <Icon\n                    icon=\"Cancel\"\n                    withTooltip\n                    tooltipContent=\"Cancel\"\n                    onClick={handleCancel}\n                />\n            </div>\n        );\n    }\n\n    if (commentUser?.uid !== currentUser?.uid || !commentUID) {\n        return null;\n    }\n\n    return (\n        <div\n            className={classNames(\n                \"collab-thread-comment-action--wrapper\",\n                collabStyles()[\"collab-thread-comment-action--wrapper\"]\n            )}\n            data-testid=\"collab-thread-comment-action--wrapper\"\n        >\n            <Icon\n                icon=\"Edit\"\n                tooltipContent=\"Edit\"\n                withTooltip\n                testId=\"collab-thread-comment-edit\"\n                onClick={handleCommentEdit}\n            />\n            <Icon\n                icon=\"Delete\"\n                tooltipContent=\"Delete\"\n                withTooltip\n                testId=\"collab-thread-comment-delete\"\n                onClick={handleCommentDelete}\n                disabled={isDeleting}\n            />\n        </div>\n    );\n};\n\nexport default CommentActionBar;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAqC;AAKrC,kBAAiB;AACjB,6BAA+B;AAC/B,oBAA6B;AAC7B,wBAAuB;AAqEP;AAnEhB,IAAM,mBAAgD,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,QAAM,EAAE,gBAAgB,iBAAiB,cAAc,eAAe,QAClE,yBAAW,qCAAc;AAC7B,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,KAAK;AAElD,QAAM,iBAAiB,CAAC,QAAuB;AAC3C,mBAAe,CAAC,eAAkC;AAAA,MAC9C,GAAG;AAAA,MACH,aAAa,OAAO;AAAA,IACxB,EAAE;AAAA,EACN;AAEA,QAAM,eAAe,MAAM;AACvB,mBAAe,IAAI;AAAA,EACvB;AAEA,QAAM,oBAAoB,MAAM;AAC5B,QAAI,YAAY;AACZ,qBAAe,UAAU;AAAA,IAC7B;AAAA,EACJ;AAEA,QAAM,sBAAsB,YAAY;AACpC,QAAI,CAAC,cAAc,YAAY;AAC3B;AAAA,IACJ;AAEA,kBAAc,IAAI;AAElB,QAAI;AACA,YAAM,iBAAiB,MAAM,gBAAgB;AAAA,QACzC,WAAW,cAAc;AAAA,QACzB,YAAY;AAAA,MAChB,CAAC;AAED,qBAAe,CAAC,cAAiC;AAC7C,cAAM,kBAAkB,UAAU,SAAS;AAAA,UACvC,CAAC,YAAY,QAAQ,QAAQ;AAAA,QACjC;AACA,YAAI,UAAU,eAAe,MAAM,GAAG;AAClC,yBAAe,EAAE,WAAW,cAAc,IAAI,CAAC;AAAA,QACnD;AACA,eAAO;AAAA,UACH,GAAG;AAAA,UACH,UAAU;AAAA,UACV,cAAc,UAAU,eAAe;AAAA,QAC3C;AAAA,MACJ,CAAC;AAAA,IACL,SAAS,OAAY;AAAA,IACrB,UAAE;AACE,oBAAc,KAAK;AAAA,IACvB;AAAA,EACJ;AAEA,MAAI,SAAS,UAAU,YAAY;AAC/B,WACI;AAAA,MAAC;AAAA;AAAA,QACG,eAAW,kBAAAA;AAAA,UACP;AAAA,cACA,4BAAa,EAAE,uCAAuC;AAAA,QAC1D;AAAA,QAEA;AAAA,UAAC,YAAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,aAAW;AAAA,YACX,gBAAe;AAAA,YACf,SAAS;AAAA;AAAA,QACb;AAAA;AAAA,IACJ;AAAA,EAER;AAEA,MAAI,aAAa,QAAQ,aAAa,OAAO,CAAC,YAAY;AACtD,WAAO;AAAA,EACX;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW,kBAAAD;AAAA,QACP;AAAA,YACA,4BAAa,EAAE,uCAAuC;AAAA,MAC1D;AAAA,MACA,eAAY;AAAA,MAEZ;AAAA;AAAA,UAAC,YAAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,gBAAe;AAAA,YACf,aAAW;AAAA,YACX,QAAO;AAAA,YACP,SAAS;AAAA;AAAA,QACb;AAAA,QACA;AAAA,UAAC,YAAAA;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,gBAAe;AAAA,YACf,aAAW;AAAA,YACX,QAAO;AAAA,YACP,SAAS;AAAA,YACT,UAAU;AAAA;AAAA,QACd;AAAA;AAAA;AAAA,EACJ;AAER;AAEA,IAAO,2BAAQ;","names":["classNames","Icon"]}

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/CommentActionBar.d.cts

@@ -0,0 +1,8 @@
+import React from 'preact/compat';
+import { ICommentActionBar } from '../../../types/collab.types.cjs';
+
+/** @jsxImportSource preact */
+
+declare const CommentActionBar: React.FC<ICommentActionBar>;
+
+export { CommentActionBar as default };

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/CommentActionBar.d.ts

@@ -0,0 +1,8 @@
+import React from 'preact/compat';
+import { ICommentActionBar } from '../../../types/collab.types.js';
+
+/** @jsxImportSource preact */
+
+declare const CommentActionBar: React.FC<ICommentActionBar>;
+
+export { CommentActionBar as default };