@edifice.io/react 2.5.5 → 2.5.6-develop.20260116103750

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,8 @@ export * from './Card';
 export * from './Checkbox';
 export * from './ColorPicker';
 export * from './Combobox';
+export * from './DatePicker';
+export * from './Divider';
 export * from './Dropdown';
 export * from './Dropzone';
 export * from './EmptyScreen';
@@ -34,6 +36,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/useDropzone/useDropzone.d.ts

@@ -17,7 +17,7 @@ declare const useDropzone: (props?: {
     /** Callback to attach to your drop zone (any HTMLElement). */
     handleDragLeave: <T extends HTMLElement>(event: React.DragEvent<T>) => void;
     /** Callback to attach to your drop zone (any HTMLElement). */
-    handleDrop: <T extends HTMLElement>(event: React.DragEvent<T>) => void;
+    handleDrop: <T extends HTMLElement>(event: React.DragEvent<T>) => Promise<void>;
     /** Replace a file in the `files` list. */
     replaceFileAt: (index: number, file: File) => void;
     /** Remove a file from the `files` list. */
@@ -25,7 +25,7 @@ declare const useDropzone: (props?: {
     /** Add a file to the `files` list. */
     addFile: (file: File) => void;
     /** Add many files to the `files` list. */
-    addFiles: (files: File[]) => void;
+    addFiles: (files: File[]) => Promise<void>;
     /** Empty the `files` list. */
     cleanFiles: () => void;
     /** Callback to attach to your `input[type=file]` HTMLElement. */

package/dist/hooks/useDropzone/useDropzone.js

@@ -1,4 +1,5 @@
 import { useState, useRef } from "react";
+import heic2any from "heic2any";
 const useDropzone = (props) => {
   const [dragging, setDragging] = useState(!1), [files, setFiles] = useState([]), inputRef = useRef(null), addFile = (file) => {
     addFiles([file]);
@@ -23,15 +24,29 @@ const useDropzone = (props) => {
       });
     }
     return filteredFiles;
-  }, addFiles = (files2) => {
-    let filesToAdd = files2.sort((a, b) => b.lastModified - a.lastModified).map((file) => (
+  }, addFiles = async (files2) => {
+    let filesToAdd = (await convertHEICImages(files2)).sort((a, b) => b.lastModified - a.lastModified).map((file) => (
       // #WB-3377: Remove special characters from the file name. (it can cause issues with vertx which replace it or remove it)
       new File([file], file.name.replace(/[!:,;="']/g, ""), {
         type: file.type
       })
     ));
     filesToAdd.reverse(), props != null && props.forceFilters ? (filesToAdd = applyInputFiltersOn(filesToAdd), filesToAdd && filesToAdd.length && setFiles((prevFiles) => [...prevFiles, ...filesToAdd])) : setFiles((prevFiles) => [...prevFiles, ...files2]);
-  }, cleanFiles = () => {
+  }, convertHEICImages = async (files2) => Promise.all(files2.map(async (file) => {
+    if (file.type === "image/heic" || file.type === "image/heif")
+      try {
+        const converted = await heic2any({
+          blob: file,
+          toType: "image/jpeg"
+        });
+        return new File([converted], file.name.replace(/\.(heic|heif)$/i, ".jpeg"), {
+          type: "image/jpeg"
+        });
+      } catch (error) {
+        return console.error(`Failed to convert HEIC image: ${file.name}`, error), file;
+      }
+    return file;
+  })), cleanFiles = () => {
     setFiles([]);
   }, handleOnChange = (event) => {
     const files2 = event.target.files;
@@ -53,11 +68,11 @@ const useDropzone = (props) => {
     /** Callback to attach to your drop zone (any HTMLElement). */
     handleDragLeave,
     /** Callback to attach to your drop zone (any HTMLElement). */
-    handleDrop: (event) => {
+    handleDrop: async (event) => {
       var _a;
       handleDragLeave(event);
       const files2 = (_a = event.dataTransfer) == null ? void 0 : _a.files;
-      files2 && (addFiles([...files2]), inputRef != null && inputRef.current && (inputRef.current.files = files2));
+      files2 && (await addFiles([...files2]), inputRef != null && inputRef.current && (inputRef.current.files = files2));
     },
     /** Replace a file in the `files` list. */
     replaceFileAt,

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
+};