@edifice.io/react 2.2.2-develop-pedago.20250409103005 → 2.2.2-develop-b2school.20250409142344

package/dist/components/Switch/Switch.d.ts

@@ -1,29 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    /**
-     * The label of the switch
-     */
-    label?: string;
-    /**
-     * The value of the switch
-     */
-    value?: string;
-    /**
-     * Define if switch is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Define switch size
-     */
-    size?: 'sm' | 'md';
-    /**
-     * Additional class name for the label
-     */
-    labelClassName?: string;
-    /**
-     * Switch color variant
-     */
-    variant?: 'default' | 'ghost' | 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
-}
-declare const Switch: import('react').ForwardRefExoticComponent<SwitchProps & import('react').RefAttributes<HTMLInputElement>>;
-export default Switch;

package/dist/components/Switch/Switch.js

@@ -1,27 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-const Switch = /* @__PURE__ */ forwardRef(({
-  className,
-  label,
-  value,
-  disabled,
-  size = "md",
-  variant = "default",
-  labelClassName,
-  ...restProps
-}, ref) => {
-  const switchClass = clsx("switch", {
-    [`switch-${size}`]: size,
-    [`switch-${variant}`]: variant,
-    "switch-disabled": disabled
-  }, className), labelClass = clsx("switch-label", labelClassName);
-  return /* @__PURE__ */ jsxs("label", { className: switchClass, children: [
-    /* @__PURE__ */ jsx("input", { type: "checkbox", ref, value, disabled, ...restProps }),
-    /* @__PURE__ */ jsx("span", { className: "slider" }),
-    label && /* @__PURE__ */ jsx("span", { className: labelClass, children: label })
-  ] });
-});
-export {
-  Switch as default
-};

package/dist/components/Switch/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Switch } from './Switch';
-export * from './Switch';

package/dist/modules/comments/components/CommentDeleted.d.ts

@@ -1 +0,0 @@
-export declare const CommentDeleted: () => import("react/jsx-runtime").JSX.Element;

package/dist/modules/comments/components/CommentDeleted.js

@@ -1,11 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-const CommentDeleted = () => {
-  const {
-    t
-  } = useTranslation();
-  return /* @__PURE__ */ jsx("div", { className: "border rounded-3 p-12 pb-8 d-flex gap-12 bg-gray-200 my-16", children: t("comment.deleted") });
-};
-export {
-  CommentDeleted
-};

package/dist/modules/comments/components/CommentReplies.d.ts

@@ -1,4 +0,0 @@
-import { CommentProps } from '../types';
-export declare const CommentReplies: ({ parentComment, }: {
-    parentComment: CommentProps;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/comments/components/CommentReplies.js

@@ -1,33 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Comment } from "./Comment.js";
-import { CommentForm } from "./CommentForm.js";
-import { useCommentReplies } from "../hooks/useCommentReplies.js";
-import Button from "../../../components/Button/Button.js";
-const CommentReplies = ({
-  parentComment
-}) => {
-  const {
-    t,
-    profiles,
-    user,
-    displayedReplies,
-    showCommentForm,
-    showMoreReplies,
-    handleMoreReplies
-  } = useCommentReplies({
-    parentComment
-  });
-  return /* @__PURE__ */ jsxs("div", { className: "comments-replies-container", children: [
-    showCommentForm && /* @__PURE__ */ jsx("div", { className: "comments-replies-form", children: /* @__PURE__ */ jsx(CommentForm, { userId: user == null ? void 0 : user.userId, replyTo: parentComment.id }) }),
-    /* @__PURE__ */ jsx("div", { className: "comments-replies-list", children: displayedReplies.map((reply) => {
-      var _a;
-      const profile = ((_a = profiles == null ? void 0 : profiles.find((user2) => (user2 == null ? void 0 : user2.userId) === reply.authorId)) == null ? void 0 : _a.profile) ?? "Guest";
-      if (!reply.deleted)
-        return /* @__PURE__ */ jsx("div", { className: "comments-replies-reply", children: /* @__PURE__ */ jsx(Comment, { comment: reply, profile, userId: user == null ? void 0 : user.userId }) }, reply.id);
-    }) }),
-    showMoreReplies && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", onClick: handleMoreReplies, className: "ms-24", children: t("comment.more.replies") })
-  ] });
-};
-export {
-  CommentReplies
-};

package/dist/modules/comments/hooks/useCommentReplies.d.ts

@@ -1,12 +0,0 @@
-import { CommentProps } from '../types';
-export declare const useCommentReplies: ({ parentComment, }: {
-    parentComment: CommentProps;
-}) => {
-    t: import('i18next').TFunction<"translation", undefined>;
-    profiles: (import('../types').UserProfileResult | undefined)[];
-    user: import('@edifice.io/client').IUserInfo | undefined;
-    showCommentForm: boolean;
-    displayedReplies: CommentProps[];
-    showMoreReplies: boolean;
-    handleMoreReplies: () => void;
-};

package/dist/modules/comments/hooks/useCommentReplies.js

@@ -1,36 +0,0 @@
-import { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { useEdificeClient } from "../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
-import { useCommentsContext } from "./useCommentsContext.js";
-const useCommentReplies = ({
-  parentComment
-}) => {
-  const {
-    profiles,
-    options,
-    replyToCommentId,
-    defaultComments
-  } = useCommentsContext(), {
-    maxReplies,
-    additionalReplies
-  } = options, [repliesLimit, setRepliesLimit] = useState(maxReplies), {
-    user
-  } = useEdificeClient(), {
-    t
-  } = useTranslation(), showCommentForm = replyToCommentId === parentComment.id && !parentComment.deleted, defaultReplies = (defaultComments == null ? void 0 : defaultComments.filter((comment) => comment.replyTo === parentComment.id && !comment.deleted)) ?? [], displayedReplies = (defaultReplies == null ? void 0 : defaultReplies.sort((a, b) => a.createdAt - b.createdAt).slice(0, repliesLimit)) ?? [], showMoreReplies = displayedReplies.length < defaultReplies.length;
-  return {
-    t,
-    profiles,
-    user,
-    showCommentForm,
-    displayedReplies,
-    showMoreReplies,
-    handleMoreReplies: () => {
-      const newLimit = displayedReplies.length + (additionalReplies ?? 2);
-      newLimit !== displayedReplies.length && setRepliesLimit(newLimit);
-    }
-  };
-};
-export {
-  useCommentReplies
-};

package/dist/modules/editor/components/BubbleMenuEditInformationPane/BubbleMenuEditInformationPane.d.ts

@@ -1,6 +0,0 @@
-import { Editor } from '@tiptap/react';
-declare const BubbleMenuEditInformationPane: ({ editor, editable, }: {
-    editor: Editor;
-    editable: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export default BubbleMenuEditInformationPane;

package/dist/modules/editor/components/BubbleMenuEditInformationPane/BubbleMenuEditInformationPane.js

@@ -1,136 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { BubbleMenu } from "@tiptap/react";
-import { useTranslation } from "react-i18next";
-import { Toolbar } from "../../../../components/Toolbar/Toolbar.js";
-import SvgIconAlertTriangle from "../../../icons/components/IconAlertTriangle.js";
-import SvgIconDelete from "../../../icons/components/IconDelete.js";
-import SvgIconInfoCircle from "../../../icons/components/IconInfoCircle.js";
-import SvgIconQuestion from "../../../icons/components/IconQuestion.js";
-import SvgIconSuccessOutline from "../../../icons/components/IconSuccessOutline.js";
-const BubbleMenuEditInformationPane = ({
-  editor,
-  editable
-}) => {
-  const {
-    t
-  } = useTranslation(), {
-    selection
-  } = editor.view.state, selectedNode = selection.$from.node(1), InformationPaneTypeItems = useMemo(() => {
-    var _a, _b, _c, _d;
-    return [{
-      type: "icon",
-      name: "info",
-      props: {
-        size: "lg",
-        leftIcon: /* @__PURE__ */ jsx(SvgIconInfoCircle, {}),
-        "aria-label": t("tiptap.tooltip.bubblemenu.information.pane.info"),
-        className: ((_a = selectedNode == null ? void 0 : selectedNode.attrs) == null ? void 0 : _a.type) === "info" ? "is-selected" : "",
-        onClick: () => editor.chain().focus().updateAttributes("information-pane", {
-          type: "info"
-        }).run()
-      },
-      tooltip: {
-        message: t("tiptap.tooltip.bubblemenu.information.pane.info"),
-        position: "top"
-      }
-    }, {
-      type: "icon",
-      name: "success",
-      props: {
-        size: "lg",
-        leftIcon: /* @__PURE__ */ jsx(SvgIconSuccessOutline, {}),
-        "aria-label": t("tiptap.tooltip.bubblemenu.information.pane.success"),
-        className: ((_b = selectedNode == null ? void 0 : selectedNode.attrs) == null ? void 0 : _b.type) === "success" ? "is-selected" : "",
-        onClick: () => editor.chain().focus().updateAttributes("information-pane", {
-          type: "success"
-        }).run()
-      },
-      tooltip: {
-        message: t("tiptap.tooltip.bubblemenu.information.pane.success"),
-        position: "top"
-      }
-    }, {
-      type: "icon",
-      name: "warning",
-      props: {
-        size: "lg",
-        leftIcon: /* @__PURE__ */ jsx(SvgIconAlertTriangle, {}),
-        "aria-label": t("tiptap.tooltip.bubblemenu.information.pane.warning"),
-        className: ((_c = selectedNode == null ? void 0 : selectedNode.attrs) == null ? void 0 : _c.type) === "warning" ? "is-selected" : "",
-        onClick: () => editor.chain().focus().updateAttributes("information-pane", {
-          type: "warning"
-        }).run()
-      },
-      tooltip: {
-        message: t("tiptap.tooltip.bubblemenu.information.pane.warning"),
-        position: "top"
-      }
-    }, {
-      type: "icon",
-      name: "question",
-      props: {
-        size: "lg",
-        leftIcon: /* @__PURE__ */ jsx(SvgIconQuestion, {}),
-        "aria-label": t("tiptap.tooltip.bubblemenu.information.pane.question"),
-        className: ((_d = selectedNode == null ? void 0 : selectedNode.attrs) == null ? void 0 : _d.type) === "question" ? "is-selected" : "",
-        onClick: () => editor.chain().focus().updateAttributes("information-pane", {
-          type: "question"
-        }).run()
-      },
-      tooltip: {
-        message: t("tiptap.tooltip.bubblemenu.information.pane.question"),
-        position: "top"
-      }
-    }, {
-      type: "divider",
-      name: "div-4"
-    }, {
-      type: "button",
-      name: "delete",
-      props: {
-        size: "lg",
-        leftIcon: /* @__PURE__ */ jsx(SvgIconDelete, {}),
-        "aria-label": t("tiptap.tooltip.bubblemenu.information.pane.delete"),
-        children: t("tiptap.bubblemenu.delete"),
-        onClick: () => editor.chain().focus().deleteNode("information-pane").run()
-      },
-      tooltip: {
-        message: t("tiptap.tooltip.bubblemenu.information.pane.delete"),
-        position: "top"
-      }
-    }];
-  }, [t, selectedNode]), tippyOptions = useMemo(() => ({
-    placement: "bottom",
-    offset: [0, 0],
-    zIndex: 999,
-    duration: 100,
-    getReferenceClientRect: () => {
-      const {
-        state
-      } = editor, {
-        $anchor
-      } = state.selection;
-      let informationPanePos = null;
-      for (let depth = $anchor.depth; depth >= 0; depth--)
-        if ($anchor.node(depth).type.name === "information-pane") {
-          informationPanePos = $anchor.before(depth);
-          break;
-        }
-      if (informationPanePos !== null) {
-        let domNode = editor.view.nodeDOM(informationPanePos);
-        for (; domNode && domNode instanceof HTMLElement && !domNode.classList.contains("information-pane"); )
-          domNode = domNode.children[0];
-        if (domNode instanceof HTMLElement)
-          return domNode.getBoundingClientRect();
-      }
-      return new DOMRect(0, 0, 0, 0);
-    }
-  }), [editor]);
-  return /* @__PURE__ */ jsx(BubbleMenu, { shouldShow: ({
-    editor: editor2
-  }) => editor2.isActive("information-pane"), editor, tippyOptions, children: editable && /* @__PURE__ */ jsx(Toolbar, { className: "p-8", items: InformationPaneTypeItems }) });
-};
-export {
-  BubbleMenuEditInformationPane as default
-};

package/dist/modules/editor/components/BubbleMenuEditInformationPane/index.d.ts

@@ -1 +0,0 @@
-export { default as BubbleMenuEditInformationPane } from './BubbleMenuEditInformationPane';

package/dist/modules/editor/components/NodeView/InformationPaneNodeView.d.ts

@@ -1,2 +0,0 @@
-declare const InformationPaneNodeView: (Component: any) => import('@tiptap/core').Node<any, any>;
-export default InformationPaneNodeView;

package/dist/modules/editor/components/NodeView/InformationPaneNodeView.js

@@ -1,10 +0,0 @@
-import { InformationPane } from "@edifice.io/tiptap-extensions/information-pane";
-import { ReactNodeViewRenderer } from "@tiptap/react";
-const InformationPaneNodeView = (Component) => InformationPane.extend({
-  addNodeView() {
-    return ReactNodeViewRenderer(Component);
-  }
-});
-export {
-  InformationPaneNodeView as default
-};

package/dist/modules/editor/components/Renderer/InformationPaneRenderer.d.ts

@@ -1,3 +0,0 @@
-import { MediaResizeProps } from '../../hooks';
-declare const InformationPaneRenderer: (props: MediaResizeProps) => import("react/jsx-runtime").JSX.Element;
-export default InformationPaneRenderer;

package/dist/modules/editor/components/Renderer/InformationPaneRenderer.js

@@ -1,33 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import SvgIconAlertTriangle from "../../../icons/components/IconAlertTriangle.js";
-import SvgIconInfoCircle from "../../../icons/components/IconInfoCircle.js";
-import SvgIconQuestion from "../../../icons/components/IconQuestion.js";
-import SvgIconSuccessOutline from "../../../icons/components/IconSuccessOutline.js";
-import { NodeViewWrapper, NodeViewContent } from "@tiptap/react";
-const InformationPaneRenderer = (props) => {
-  const {
-    node
-  } = props, getIconByType = (type) => {
-    switch (type) {
-      case "warning":
-        return /* @__PURE__ */ jsx(SvgIconAlertTriangle, { color: "#F59700" });
-      case "success":
-        return /* @__PURE__ */ jsx(SvgIconSuccessOutline, { color: "#7DBF85" });
-      case "info":
-        return /* @__PURE__ */ jsx(SvgIconInfoCircle, { color: "#2A9CC8" });
-      case "question":
-        return /* @__PURE__ */ jsx(SvgIconQuestion, { color: "#823AA1" });
-      default:
-        return /* @__PURE__ */ jsx(SvgIconInfoCircle, { color: "#2A9CC8" });
-    }
-  };
-  return /* @__PURE__ */ jsx(NodeViewWrapper, { node, className: "react-component", children: /* @__PURE__ */ jsxs("div", { className: `information-pane information-pane-${node.attrs.type}`, "data-information-pane": !0, "data-type": node.attrs.type, children: [
-    /* @__PURE__ */ jsx("span", { className: "information-pane-icon", children: getIconByType(node.attrs.type) }),
-    /* @__PURE__ */ jsx(NodeViewContent, { style: {
-      width: "100%"
-    } })
-  ] }) });
-};
-export {
-  InformationPaneRenderer as default
-};

package/dist/modules/icons/components/IconInfoRectangle.d.ts

@@ -1,7 +0,0 @@
-import { SVGProps } from 'react';
-interface SVGRProps {
-    title?: string;
-    titleId?: string;
-}
-declare const SvgIconInfoRectangle: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
-export default SvgIconInfoRectangle;

package/dist/modules/icons/components/IconInfoRectangle.js

@@ -1,13 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-const SvgIconInfoRectangle = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 20 16", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
-  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
-  /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.87 2.167c-.718 0-1.203.531-1.203 1.071v9.524c0 .54.485 1.071 1.203 1.071h14.26c.718 0 1.203-.531 1.203-1.071V3.238c0-.54-.485-1.071-1.203-1.071zM0 3.238C0 1.674 1.339.5 2.87.5h14.26C18.66.5 20 1.674 20 3.238v9.524c0 1.564-1.339 2.738-2.87 2.738H2.87C1.34 15.5 0 14.326 0 12.762z", clipRule: "evenodd" }),
-  /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.008 12.167a.833.833 0 0 1-.833-.834V7.167a.833.833 0 1 1 1.667 0v4.166c0 .46-.373.834-.834.834M10.842 4.25c0 .46-.373.833-.834.833H10a.833.833 0 1 1 0-1.666h.008c.46 0 .834.373.834.833", clipRule: "evenodd" })
-] });
-export {
-  SvgIconInfoRectangle as default
-};