@edifice.io/react 2.5.4 → 2.5.5-develop-b2school.20251218111717

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

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

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,38 @@
+import { ReactNode } from 'react';
+/**
+ * A divider component that renders a horizontal or vertical line to separate content.
+ *
+ * @param props - The component props
+ * @param props.children - Content to be displayed inside the divider
+ * @param props.vertical - Whether the divider is vertical. Defaults to false
+ * @param props.className - Optional CSS class name for additional styling of the divider
+ * @default 'border-gray-500'
+ * @param props.style - Optional inline styles for the divider
+ *
+ * @returns A React component that renders a divider with the specified properties
+ *
+ * @example
+ * ```tsx
+ * // Basic horizontal divider
+ * <Divider />
+ *
+ * // Divider with text content
+ * <Divider>Section Title</Divider>
+ *
+ * // Vertical divider
+ * <Divider vertical />
+ *
+ * // Custom colored divider
+ * <Divider className="border-red-500" />
+ * ```
+ */
+declare const Divider: {
+    ({ children, vertical, className, style, }: {
+        children?: ReactNode;
+        vertical?: boolean;
+        className?: string;
+        style?: React.CSSProperties;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Divider;

package/dist/components/Divider/Divider.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { Divider as Divider$1 } from "antd";
+const Divider = ({
+  children,
+  vertical = !1,
+  className = "border-gray-500",
+  style
+}) => /* @__PURE__ */ jsx(Divider$1, { plain: !0, children, type: vertical ? "vertical" : "horizontal", className, orientation: "center", style });
+export {
+  Divider as default
+};

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

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

package/dist/components/Flex/Flex.js

@@ -13,7 +13,7 @@ const Flex = /* @__PURE__ */ forwardRef(({
   children,
   ...restProps
 }, ref) => {
-  const classes = clsx("d-flex", direction && `flex-${direction}`, fill && "flex-fill", align && `align-items-${align}`, justify && `justify-content-${justify}`, gap && `gap-${gap}`, wrap && `flex-${wrap}`, className);
+  const classes = clsx("d-flex", direction && `flex-${direction}`, fill && "flex-fill", align && `align-items-${align}`, justify && `justify-content-${justify}`, gap && `gap-${gap}`, wrap && `flex-${wrap === "reverse" ? "wrap-reverse" : wrap}`, className);
   return /* @__PURE__ */ jsx(Component, { ref, className: classes, ...restProps, children });
 });
 export {

package/dist/components/Menu/components/MenuButton.d.ts

@@ -1,5 +1,7 @@
 import { ButtonProps } from '../../Button';
 export type MenuButtonProps = Pick<ButtonProps, 'children' | 'leftIcon' | 'rightIcon' | 'onClick'> & {
     selected: boolean;
+    className?: string;
+    size?: 'md' | 'lg';
 };
 export declare const MenuButton: (props: Partial<MenuButtonProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu/components/MenuButton.js

@@ -8,13 +8,22 @@ const MenuButton = (props) => {
     leftIcon,
     rightIcon,
     onClick,
-    children
+    children,
+    className,
+    size
   } = props, {
     childProps
   } = useMenuContext();
-  return /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", className: clsx("stack w-100", {
-    selected
-  }), leftIcon, rightIcon, onClick, ...childProps, children });
+  return /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", className: clsx("stack w-100 overflow-hidden", {
+    selected,
+    "menu-button-lg": size === "lg"
+  }, className), leftIcon, rightIcon, onClick, ...childProps, style: size === "lg" ? {
+    height: "auto"
+  } : void 0, children: /* @__PURE__ */ jsx("div", { className: clsx("text-truncate w-100", {
+    "text-truncate-2 text-start ms-0": size === "lg"
+  }), style: {
+    overflowWrap: "break-word"
+  }, children }) });
 };
 export {
   MenuButton

package/dist/components/SegmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Simple option for SegmentedControl
+ */
+export interface SegmentedOption {
+    /**
+     * Option label
+     */
+    label: string;
+    /**
+     * Option value
+     */
+    value: string;
+}
+/**
+ * SegmentedControl component props
+ *
+ * Minimal interface that only exposes what is necessary.
+ * Ant Design implementation is hidden and no Ant Design-specific props are exposed.
+ * Standard HTML div attributes are supported (passed through to the underlying DOM element).
+ */
+export interface SegmentedControlProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    /**
+     * Segmented control options
+     */
+    options: SegmentedOption[];
+    /**
+     * Selected value
+     */
+    value?: string;
+    /**
+     * Callback called when value changes
+     */
+    onChange?: (value: string) => void;
+}
+/**
+ * SegmentedControl component
+ *
+ * Segmented control component for selecting between multiple options.
+ *
+ * **Note:** This component uses Ant Design's Segmented component internally.
+ * Only the props defined in SegmentedControlProps are allowed to prevent
+ * dependency on Ant Design-specific features. To replace the implementation,
+ * modify the component body below.
+ *
+ * @example
+ * ```tsx
+ * <SegmentedControl
+ *   options={[
+ *     { label: 'List', value: 'list' },
+ *     { label: 'Kanban', value: 'kanban' },
+ *     { label: 'Table', value: 'table' }
+ *   ]}
+ *   value={value}
+ *   onChange={(val) => setValue(val)}
+ * />
+ * ```
+ */
+declare const SegmentedControl: import('react').ForwardRefExoticComponent<SegmentedControlProps & import('react').RefAttributes<HTMLDivElement>>;
+export default SegmentedControl;

package/dist/components/SegmentedControl/SegmentedControl.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Segmented } from "antd";
+const SegmentedControl = /* @__PURE__ */ forwardRef(({
+  options,
+  value,
+  onChange,
+  ...htmlProps
+}, ref) => {
+  const antProps = {
+    options,
+    value,
+    onChange,
+    ref,
+    ...htmlProps
+  };
+  return /* @__PURE__ */ jsx(Segmented, { ...antProps });
+});
+export {
+  SegmentedControl as default
+};

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

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

package/dist/components/Select/Select.d.ts

@@ -14,7 +14,7 @@ export interface OptionsType {
      */
     icon?: JSX.Element;
 }
-export interface SelectProps extends Omit<DropdownProps, 'children'>, Omit<DropdownTriggerProps, 'badgeContent'> {
+export interface SelectProps extends Omit<DropdownProps, 'children'>, Omit<DropdownTriggerProps, 'badgeContent' | 'defaultValue'> {
     /**
      * Controlled value
      */
@@ -31,13 +31,17 @@ export interface SelectProps extends Omit<DropdownProps, 'children'>, Omit<Dropd
      * Callback to get value
      */
     onValueChange?: (option: OptionsType | string) => void;
+    /**
+     * Default value
+     */
+    defaultValue?: string;
 }
 /**
  *
  * Select component is based on Dropdown Component. It extends `Dropdown` and `Dropdown.Trigger` props `block`, `overflow`, `icon`, `variant`, `size`, `disabled`
  */
 declare const Select: {
-    ({ selectedValue, icon, options, overflow, block, variant, size, disabled, placeholderOption, onValueChange, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+    ({ selectedValue, icon, options, overflow, block, variant, size, disabled, placeholderOption, onValueChange, defaultValue, }: SelectProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Select;

package/dist/components/Select/Select.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { useTranslation } from "react-i18next";
-import SelectTrigger from "./SelectTrigger.js";
 import Dropdown from "../Dropdown/Dropdown.js";
+import SelectTrigger from "./SelectTrigger.js";
 const Select = ({
   selectedValue,
   icon,
@@ -13,7 +13,8 @@ const Select = ({
   size,
   disabled,
   placeholderOption,
-  onValueChange
+  onValueChange,
+  defaultValue
 }) => {
   const [localValue, setLocalValue] = useState(), {
     t
@@ -25,10 +26,15 @@ const Select = ({
       const value = typeof localValue == "object" ? localValue.value : localValue;
       onValueChange == null || onValueChange(value);
     }
-  }, [localValue]);
+  }, [localValue]), useEffect(() => {
+    if (defaultValue) {
+      const foundOption = options.find((option) => (typeof option == "object" ? option.value : option) === defaultValue);
+      foundOption !== void 0 && setLocalValue(foundOption);
+    }
+  }, []);
   const label = typeof localValue == "object" ? localValue.label : localValue, iconChange = typeof localValue == "object" ? localValue.icon : void 0;
   return /* @__PURE__ */ jsxs(Dropdown, { overflow, block, children: [
-    /* @__PURE__ */ jsx(SelectTrigger, { icon: iconChange || icon, label: t(label || placeholderOption), variant, size, disabled }),
+    /* @__PURE__ */ jsx(SelectTrigger, { icon: iconChange || icon, label: /* @__PURE__ */ jsx("span", { className: "text-truncate", children: t(label || placeholderOption) }), variant, size, disabled }),
     /* @__PURE__ */ jsx(Dropdown.Menu, { role: "listbox", children: options == null ? void 0 : options.map((option) => {
       const value = typeof option == "object" ? option.value : option, label2 = typeof option == "object" ? option.label : option, icon2 = typeof option == "object" ? option.icon : void 0;
       return /* @__PURE__ */ jsx(Dropdown.Item, { type: "action", onClick: () => setLocalValue(option), icon: icon2, children: label2 }, value);

package/dist/components/index.d.ts

@@ -12,6 +12,7 @@ export * from './Card';
 export * from './Checkbox';
 export * from './ColorPicker';
 export * from './Combobox';
+export * from './Divider';
 export * from './Dropdown';
 export * from './Dropzone';
 export * from './EmptyScreen';
@@ -34,6 +35,7 @@ export * from './PreventPropagation';
 export * from './Radio';
 export * from './RadioCard';
 export * from './SearchBar';
+export * from './SegmentedControl';
 export * from './Select';
 export * from './Skeleton';
 export * from './StackedGroup';

package/dist/editor.js

@@ -1,24 +1,26 @@
 import { EditorContent, Editor, useEditor } from "@tiptap/react";
 import { default as default2 } from "@tiptap/starter-kit";
 import { default as default3 } from "./modules/editor/components/Editor/Editor.js";
-import { default as default4 } from "./modules/editor/components/Editor/EditorSkeleton.js";
-import { default as default5 } from "./modules/editor/components/BubbleMenuEditImage/BubbleMenuEditImage.js";
-import { default as default6 } from "./modules/editor/components/NodeView/AttachmentNodeView.js";
-import { default as default7 } from "./modules/editor/components/NodeView/AudioNodeView.js";
-import { default as default8 } from "./modules/editor/components/NodeView/ConversationHistoryNodeView.js";
-import { default as default9 } from "./modules/editor/components/NodeView/ImageNodeView.js";
-import { default as default10 } from "./modules/editor/components/NodeView/LinkerNodeView.js";
-import { default as default11 } from "./modules/editor/components/NodeView/VideoNodeView.js";
-import { default as default12 } from "./modules/editor/components/NodeView/InformationPaneNodeView.js";
-import { default as default13 } from "./modules/editor/components/NodeView/IframeNodeView.js";
-import { default as default14 } from "./modules/editor/components/Renderer/AttachmentRenderer.js";
-import { default as default15 } from "./modules/editor/components/Renderer/AudioRenderer.js";
-import { default as default16 } from "./modules/editor/components/Renderer/ConversationHistoryRenderer.js";
-import { default as default17 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
-import { default as default18 } from "./modules/editor/components/Renderer/MediaRenderer.js";
-import { default as default19 } from "./modules/editor/components/Renderer/InformationPaneRenderer.js";
-import { default as default20 } from "./modules/editor/components/Toolbar/TableToolbar.js";
-import { default as default21 } from "./modules/editor/components/Toolbar/LinkToolbar.js";
+import { default as default4 } from "./modules/editor/components/Editor/EditorPreview.js";
+import { default as default5 } from "./modules/editor/components/Editor/EditorPreviewSkeleton.js";
+import { default as default6 } from "./modules/editor/components/Editor/EditorSkeleton.js";
+import { default as default7 } from "./modules/editor/components/BubbleMenuEditImage/BubbleMenuEditImage.js";
+import { default as default8 } from "./modules/editor/components/NodeView/AttachmentNodeView.js";
+import { default as default9 } from "./modules/editor/components/NodeView/AudioNodeView.js";
+import { default as default10 } from "./modules/editor/components/NodeView/ConversationHistoryNodeView.js";
+import { default as default11 } from "./modules/editor/components/NodeView/ImageNodeView.js";
+import { default as default12 } from "./modules/editor/components/NodeView/LinkerNodeView.js";
+import { default as default13 } from "./modules/editor/components/NodeView/VideoNodeView.js";
+import { default as default14 } from "./modules/editor/components/NodeView/InformationPaneNodeView.js";
+import { default as default15 } from "./modules/editor/components/NodeView/IframeNodeView.js";
+import { default as default16 } from "./modules/editor/components/Renderer/AttachmentRenderer.js";
+import { default as default17 } from "./modules/editor/components/Renderer/AudioRenderer.js";
+import { default as default18 } from "./modules/editor/components/Renderer/ConversationHistoryRenderer.js";
+import { default as default19 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
+import { default as default20 } from "./modules/editor/components/Renderer/MediaRenderer.js";
+import { default as default21 } from "./modules/editor/components/Renderer/InformationPaneRenderer.js";
+import { default as default22 } from "./modules/editor/components/Toolbar/TableToolbar.js";
+import { default as default23 } from "./modules/editor/components/Toolbar/LinkToolbar.js";
 import { EditorToolbar } from "./modules/editor/components/EditorToolbar/EditorToolbar.js";
 import { useActionOptions } from "./modules/editor/hooks/useActionOptions.js";
 import { useCommentEditor } from "./modules/editor/hooks/useCommentEditor.js";
@@ -34,30 +36,32 @@ import { useSpeechSynthetisis } from "./modules/editor/hooks/useSpeechSynthetisi
 import { useTipTapEditor } from "./modules/editor/hooks/useTipTapEditor.js";
 import { useCantooEditor } from "./modules/editor/hooks/useCantooEditor.js";
 export {
-  default6 as AttachmentNodeView,
-  default14 as AttachmentRenderer,
-  default7 as AudioNodeView,
-  default15 as AudioRenderer,
-  default5 as BubbleMenuEditImage,
-  default8 as ConversationHistoryNodeView,
-  default16 as ConversationHistoryRenderer,
+  default8 as AttachmentNodeView,
+  default16 as AttachmentRenderer,
+  default9 as AudioNodeView,
+  default17 as AudioRenderer,
+  default7 as BubbleMenuEditImage,
+  default10 as ConversationHistoryNodeView,
+  default18 as ConversationHistoryRenderer,
   default3 as Editor,
   EditorContent,
   EditorContext,
   Editor as EditorInstance,
-  default4 as EditorSkeleton,
+  default4 as EditorPreview,
+  default5 as EditorPreviewSkeleton,
+  default6 as EditorSkeleton,
   EditorToolbar,
-  default13 as IframeNodeView,
-  default9 as ImageNodeView,
-  default12 as InformationPaneNodeView,
-  default19 as InformationPaneRenderer,
-  default21 as LinkToolbar,
-  default10 as LinkerNodeView,
-  default17 as LinkerRenderer,
-  default18 as MediaRenderer,
+  default15 as IframeNodeView,
+  default11 as ImageNodeView,
+  default14 as InformationPaneNodeView,
+  default21 as InformationPaneRenderer,
+  default23 as LinkToolbar,
+  default12 as LinkerNodeView,
+  default19 as LinkerRenderer,
+  default20 as MediaRenderer,
   default2 as StarterKit,
-  default20 as TableToolbar,
-  default11 as VideoNodeView,
+  default22 as TableToolbar,
+  default13 as VideoNodeView,
   useActionOptions,
   useCantooEditor,
   useCommentEditor,

package/dist/hooks/index.d.ts

@@ -15,6 +15,7 @@ export * from './useHasWorkflow';
 export * from './useHover';
 export * from './useHttpErrorToast';
 export * from './useImage';
+export * from './useInfiniteScroll';
 export * from './useIsAdml';
 export * from './useIsAdmc';
 export * from './useIsAdmlcOrAdmc';

package/dist/hooks/useInfiniteScroll/index.d.ts

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

package/dist/hooks/useInfiniteScroll/useInfiniteScroll.d.ts

@@ -0,0 +1,33 @@
+/**
+ * A custom React hook that provides infinite scroll functionality using the Intersection Observer API.
+ *
+ * This hook returns a ref callback that can be attached to a DOM element (typically at the bottom
+ * of a scrollable list). When that element becomes visible in the viewport, the provided callback
+ * function is executed, allowing you to load more content.
+ *
+ * @param params - Configuration object for the infinite scroll hook
+ * @param params.callback - Function to execute when the observed element intersects with the viewport
+ * @param params.options - Optional Intersection Observer configuration options (defaults to { threshold: 0.1 })
+ *
+ * @returns A ref callback function that should be attached to the target DOM element
+ *
+ * @example
+ * ```typescript
+ * const loadMoreRef = useInfiniteScroll({
+ *     // Load more data when the element is visible
+ *   callback: loadMoreItems,
+ *   options: { threshold: 0.5 } // Trigger when 50% of element is visible
+ * });
+ *
+ * return (
+ *   <div>
+ *     {items.map(item => <Item key={item.id} {...item} />)}
+ *     <div ref={loadMoreRef}>Loading...</div>
+ *   </div>
+ * );
+ * ```
+ */
+export default function useInfiniteScroll({ callback, options, }: {
+    callback: () => void;
+    options?: IntersectionObserverInit;
+}): (node: HTMLElement | null) => void;

package/dist/hooks/useInfiniteScroll/useInfiniteScroll.js

@@ -0,0 +1,20 @@
+import { useRef, useCallback } from "react";
+function useInfiniteScroll({
+  callback,
+  options = {
+    threshold: 0.1
+  }
+}) {
+  const observerRef = useRef(null);
+  return useCallback((node) => {
+    if (observerRef.current && (observerRef.current.disconnect(), observerRef.current = null), !node) return;
+    const observer = new IntersectionObserver(async (entries) => {
+      for (const entry of entries)
+        entry.isIntersecting && await callback();
+    }, options);
+    observer.observe(node), observerRef.current = observer;
+  }, [callback, options]);
+}
+export {
+  useInfiniteScroll as default
+};