@edifice.io/react 2.0.0-develop-rc.13 → 2.0.0-develop-rc.15

package/dist/multimedia/ImageEditor/effects/misc.d.ts

@@ -1,154 +0,0 @@
-import * as PIXI from 'pixi.js';
-export declare const DEFAULT_SPRITE_NAME = "image";
-/**
- * A structure that define all setting of an image
- * - positon
- * - scale
- * - size
- * - size of the stage
- */
-export interface ImageSettings {
-    stage: {
-        size: {
-            width: number;
-            height: number;
-        };
-        scale: {
-            x: number;
-            y: number;
-        };
-    };
-    sprite: {
-        rotation: number;
-        size: {
-            width: number;
-            height: number;
-        };
-        scale: {
-            x: number;
-            y: number;
-        };
-        position: {
-            x: number;
-            y: number;
-        };
-        anchor: {
-            x: number;
-            y: number;
-        };
-    };
-}
-/**
- *  This function update the image content using Blob datasource
- *
- * @param application the PIXI.Application context
- * @param param.spriteName the name of the sprite in the context
- * @param param.imgDatasource the img data could be one of: string url, HTMLImageElement, PIXI.Sprite
- * @param param.stageSize?: { width: number; height: number };
- * @param param.spriteSize?: { width: number; height: number };
- */
-export declare function updateImageFromBlob(application: PIXI.Application, { spriteName, imgDatasource, settings, }: {
-    spriteName: string;
-    imgDatasource: Blob;
-    settings?: ImageSettings;
-}): Promise<PIXI.Sprite | null>;
-/**
- *  This function update the image content for the sprite in the PIXI.Application context
- *
- * @param application the PIXI.Application context
- * @param param.spriteName the name of the sprite in the context
- * @param param.imgDatasource the img data could be one of: string url, HTMLImageElement, PIXI.Sprite
- * @param param.spriteSize
- * @param param.stageSize
- */
-export declare function updateImage(application: PIXI.Application, { spriteName, imgDatasource, settings, }: {
-    spriteName: string;
-    imgDatasource: string | HTMLImageElement | PIXI.Sprite;
-    settings?: ImageSettings;
-}): Promise<void>;
-/**
- * This function resize the sprite according to the container width
- *
- * @param application The PIXI.Application context
- * @param sprite The sprite object representing the image to resize
- */
-export declare function autoResize(application: PIXI.Application, sprite: PIXI.Sprite): void;
-export declare function constraintSize(size: {
-    width: number;
-    height: number;
-}, constraints: {
-    width: {
-        max: number;
-        min: number;
-    };
-    height: {
-        max: number;
-        min: number;
-    };
-}): {
-    width: number;
-    height: number;
-};
-/**
- * This function transform the stage into a blob
- *
- * @param application the PIXI.Application context
- * @returns A promise of the generated blob
- */
-export declare function saveAsBlob(application: PIXI.Application): Promise<Blob>;
-/**
- * This function transform the stage into a data URL encoded image
- *
- * @param application the PIXI.Application context
- * @returns the generated image as Data URL or undefined if failed
- */
-export declare function saveAsDataURL(application: PIXI.Application): string | undefined;
-/**
- * Calculates the scale percentage for a PIXI.Sprite or the application view based on the parent container's dimensions.
- * @param application - The PIXI.Application instance.
- * @param sprite - The PIXI.Sprite instance (optional).
- * @returns The scale percentage.
- */
-export declare function getApplicationScale(application: PIXI.Application): number;
-export declare function toBlob(application: PIXI.Application): Promise<Blob>;
-export declare function createImageSettings({ application, sprite, }: {
-    sprite: PIXI.Sprite;
-    application: PIXI.Application;
-}): {
-    sprite: {
-        rotation: number;
-        size: {
-            width: number;
-            height: number;
-        };
-        position: {
-            x: number;
-            y: number;
-        };
-        scale: {
-            x: number;
-            y: number;
-        };
-        anchor: {
-            x: number;
-            y: number;
-        };
-    };
-    stage: {
-        size: {
-            width: number;
-            height: number;
-        };
-        scale: {
-            x: number;
-            y: number;
-        };
-    };
-};
-export declare function trimStage(application: PIXI.Application, sprite: PIXI.Sprite): void;
-export declare function resizeStage({ application, sprite, newHeight, newWidth, }: {
-    newHeight: number;
-    newWidth: number;
-    application: PIXI.Application;
-    sprite: PIXI.Sprite;
-}): void;

package/dist/multimedia/ImageEditor/effects/resize.d.ts

@@ -1,25 +0,0 @@
-import * as PIXI from 'pixi.js';
-/**
- * Draw all graphical object to control the resize
- *
- * @param application the PIXI.Application context
- * @param spriteName the name of the sprite representing the image
- */
-export declare function start(application: PIXI.Application, spriteName: string): void;
-/**
- * If {saveChanges} is true remove all graphical controls then resize the sprite
- * If {saveChanges} is false remove all graphical controls and keep original size
- *
- * @param application the PIXI.Application context
- * @param param.saveChanges true if we should save the resize
- * @param param.spriteName the name of the sprite representing the original image
- */
-export declare function stop(application: PIXI.Application): void;
-/**
- *
- * @param application the PIXI.Application context
- * @param spriteName  the name of the sprite representing the image
- * @param size the target size of the image {width, height}
- * @returns a PIXI.Sprite with a image resized or undefined if not found
- */
-export declare function save(application: PIXI.Application): PIXI.Sprite | undefined;

package/dist/multimedia/ImageEditor/effects/rotate.d.ts

@@ -1,8 +0,0 @@
-import * as PIXI from 'pixi.js';
-/**
- * This function rotate the sprite by adding PI/2
- *
- * @param application The PIXI.Application context
- * @param spriteName The name of the sprite representing the image
- */
-export declare function rotate(application: PIXI.Application, spriteName: string): Promise<void>;

package/dist/multimedia/ImageEditor/hooks/useHistoryTool.d.ts

@@ -1,32 +0,0 @@
-import { ImageSettings } from '../effects/misc';
-import * as PIXI from 'pixi.js';
-/**
- * Defined the structure of the backup in history
- */
-export interface HistoryState extends ImageSettings {
-    backup: Promise<Blob>;
-}
-export interface UseHistoryToolsProps {
-    maxSize?: number;
-    application?: PIXI.Application;
-    spriteName: string;
-    onRestore: (img: Blob, state: HistoryState) => void;
-}
-/**
- * This hook expose all the functions needed for historizing actions:
- * - historize: Create a backup
- * - restore: Restore a backup
- * - historyCount: How much states stored in history
- *
- * @param param.maxSize the maximum size of the history
- * @param param.application the PIXI.Application context
- * @param param.spriteName the sprite name of the edited image
- * @param param.onRestore a callback called when a backup is restored
- * @returns all functions needed for managing history
- */
-declare const useHistoryTool: ({ maxSize, application, spriteName, onRestore, }: UseHistoryToolsProps) => {
-    historyCount: number;
-    restore: () => Promise<void>;
-    historize: <T extends (...args: any[]) => any>(callback: T) => Promise<any>;
-};
-export default useHistoryTool;

package/dist/multimedia/ImageEditor/hooks/useImageEditor.d.ts

@@ -1,30 +0,0 @@
-/// <reference types="react" />
-import * as PIXI from 'pixi.js';
-/**
- * This hook expose all the functions available for the pixi editor:
- * - all the effects (crop, resize, rotate, blur)
- * - historize every action
- * - backup functions
- *
- * @param args.spriteName The spriteName of the original image
- * @param args.imageSrc The URL of the image to edit
- * @returns all the action available for the image editor
- */
-export default function useImageEditor({ imageSrc, spriteName, }: {
-    imageSrc: string;
-    spriteName?: string;
-}): {
-    historyCount: number;
-    setApplication: import('react').Dispatch<import('react').SetStateAction<PIXI.Application<PIXI.ICanvas> | undefined>>;
-    restore: () => Promise<void>;
-    stopCrop: (save: boolean) => void;
-    stopBlur: () => void;
-    stopResize: (save: boolean) => void;
-    startResize: () => Promise<void>;
-    startCrop: () => Promise<void>;
-    startBlur: () => Promise<void>;
-    rotate: () => Promise<void>;
-    toBlob: () => Promise<Blob | undefined>;
-    toDataURL: () => string | undefined;
-    loading: boolean;
-};

package/dist/multimedia/ImageEditor/hooks/useImageEffects.d.ts

@@ -1,23 +0,0 @@
-import * as PIXI from 'pixi.js';
-export interface UseImageEffectsProps {
-    spriteName: string;
-    application?: PIXI.Application;
-    onSave(sprite: PIXI.Sprite): void;
-}
-/**
- * This hook expose all effects of the pixi editor
- *
- * @param args.spriteName The spriteName of the original image
- * @param args.application The PIXI.Application context
- * @param args.onSave A callback called when the sprite changes
- * @returns all the action available for the image editor
- */
-export default function useImageEffects({ application, spriteName, onSave, }: UseImageEffectsProps): {
-    rotate: () => Promise<void>;
-    startCrop: () => void;
-    stopCrop: (save: boolean) => void;
-    startBlur: () => void;
-    stopBlur: () => void;
-    startResize: () => void;
-    stopResize: (save: boolean) => void;
-};

package/dist/multimedia/ImagePickerWorkspace/ImagePickerWorkspace.d.ts

@@ -1,46 +0,0 @@
-import { ComponentPropsWithRef } from 'react';
-import { IWebApp } from 'edifice-ts-client';
-export interface ImagePickerWorkspaceProps extends ComponentPropsWithRef<'input'> {
-    /**
-     * Accessible description of the add button
-     */
-    addButtonLabel: string;
-    /**
-     * Accessible description of the delete button
-     */
-    deleteButtonLabel: string;
-    /**
-     * Provide a default image as placeholder
-     */
-    src?: string;
-    /**
-     * Pathe element select in WorkSpace
-     */
-    libraryMedia: string;
-    /**
-     * Element select in WorkSpace
-     */
-    mediaLibraryRef: any;
-    /**
-     * To show the icon of an application
-     */
-    app?: IWebApp | undefined;
-    appCode?: string;
-    /**
-     * Optional class for styling purpose
-     */
-    className?: string;
-    /**
-     * Callback when uploading image
-     */
-    onUploadImage: (file: File | string) => void;
-    /**
-     * Callback when deleting image
-     */
-    onDeleteImage: () => void;
-}
-declare const ImagePickerWorkspace: {
-    ({ addButtonLabel, deleteButtonLabel, src, className, mediaLibraryRef, libraryMedia, app, onUploadImage, onDeleteImage, }: ImagePickerWorkspaceProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default ImagePickerWorkspace;

package/dist/multimedia/ImagePickerWorkspace/ImagePickerWorkspace.js

@@ -1,39 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { Edit, Delete } from "@edifice.io/icons";
-import clsx from "clsx";
-import IconButton from "../../components/Button/IconButton.js";
-import Avatar from "../../components/Avatar/Avatar.js";
-import { AppIcon } from "../../components/AppIcon/AppIcon.js";
-const ImagePickerWorkspace = ({
-  addButtonLabel = "Add image",
-  deleteButtonLabel = "Delete image",
-  src,
-  className,
-  mediaLibraryRef,
-  libraryMedia,
-  app,
-  onUploadImage,
-  onDeleteImage
-}) => {
-  const [preview, setPreview] = useState(src || "");
-  useEffect(() => {
-    libraryMedia && (setPreview(libraryMedia), onUploadImage(libraryMedia));
-  }, [libraryMedia]);
-  const handleClick = () => {
-    var _a;
-    (_a = mediaLibraryRef.current) == null || _a.show("image");
-  }, handleClean = () => {
-    setPreview(""), onDeleteImage();
-  }, classes = clsx("image-input", className);
-  return /* @__PURE__ */ jsxs("div", { id: "image-input", className: classes, children: [
-    /* @__PURE__ */ jsxs("div", { className: "image-input-actions gap-8", children: [
-      /* @__PURE__ */ jsx(IconButton, { "aria-label": addButtonLabel, color: "tertiary", icon: /* @__PURE__ */ jsx(Edit, {}), onClick: handleClick, type: "button", variant: "ghost" }),
-      /* @__PURE__ */ jsx(IconButton, { "aria-label": deleteButtonLabel, color: "danger", disabled: !preview, icon: /* @__PURE__ */ jsx(Delete, { width: "20", height: "20" }), onClick: handleClean, type: "button", variant: "ghost" })
-    ] }),
-    preview ? /* @__PURE__ */ jsx(Avatar, { alt: "", src: preview, size: "xl" }) : /* @__PURE__ */ jsx(AppIcon, { app, iconFit: "ratio", size: "160", variant: "rounded" })
-  ] });
-};
-export {
-  ImagePickerWorkspace as default
-};

package/dist/multimedia/ImagePickerWorkspace/index.d.ts

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

package/dist/multimedia/Linker/ExternalLinker.d.ts

@@ -1,28 +0,0 @@
-/**
- * Properties for the ExternalLink.
- */
-export interface IExternalLink {
-    /** Link Url */
-    url: string;
-    /** Link text for the llink display */
-    text?: string;
-    /** Link target (default: _blank) */
-    target?: '_blank';
-}
-/**
- * Properties for the ExternalLinker react component.
- */
-export type ExternalLinkerProps = {
-    /** Default link to update. */
-    link?: Partial<IExternalLink>;
-    /**
-     * Set true if the user select multiple nodes. (note simple text selection)
-     */
-    multiNodeSelected?: boolean;
-    /** Target */
-    target?: '_blank';
-    /** Notify when the user change any link information */
-    onChange?: (link?: IExternalLink) => void;
-};
-declare const ExternalLinker: ({ link, onChange, multiNodeSelected, }: ExternalLinkerProps) => import("react/jsx-runtime").JSX.Element;
-export default ExternalLinker;

package/dist/multimedia/Linker/ExternalLinker.js

@@ -1,45 +0,0 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { useTranslation } from "react-i18next";
-import { StringUtils } from "../../utils/StringUtils.js";
-import useToggle from "../../hooks/useToggle/useToggle.js";
-import Label from "../../components/Label/Label.js";
-import Checkbox from "../../components/Checkbox/Checkbox.js";
-import FormControl from "../../components/Form/FormControl.js";
-import Input from "../../components/Input/Input.js";
-const ExternalLinker = ({
-  link,
-  onChange,
-  multiNodeSelected = !1
-}) => {
-  const {
-    t
-  } = useTranslation(), [linkText, setLinkText] = useState((link == null ? void 0 : link.text) || ""), [linkURL, setLinkURL] = useState((link == null ? void 0 : link.url) || ""), [isBlankTarget, toggleBlankTarget] = useToggle(link ? link.target === "_blank" : !0);
-  return useEffect(() => {
-    multiNodeSelected && (link != null && link.text) && setLinkText(link.text.slice(0, 20) + "...");
-  }, [multiNodeSelected, link]), useEffect(() => {
-    if (!linkURL.length) {
-      onChange == null || onChange();
-      return;
-    }
-    const newLink = {
-      url: linkURL,
-      text: multiNodeSelected ? link == null ? void 0 : link.text : linkText || linkURL,
-      target: isBlankTarget ? "_blank" : void 0
-    };
-    !StringUtils.isLocalURL(linkURL) && !StringUtils.startWithHttp(linkURL) && (newLink.url = "http://" + linkURL), onChange == null || onChange(newLink);
-  }, [linkText, linkURL, isBlankTarget]), /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-fill gap-24", children: [
-    /* @__PURE__ */ jsxs(FormControl, { id: "linkText", isOptional: !0, children: [
-      /* @__PURE__ */ jsx(Label, { children: t("bbm.linker.ext.text") }),
-      /* @__PURE__ */ jsx(Input, { type: "text", placeholder: t("bbm.linker.ext.text.placeholder"), size: "md", disabled: multiNodeSelected, value: linkText, onChange: (e) => setLinkText(e.target.value) })
-    ] }),
-    /* @__PURE__ */ jsxs(FormControl, { id: "linkUrl", isRequired: !0, children: [
-      /* @__PURE__ */ jsx(Label, { children: t("bbm.linker.ext.url") }),
-      /* @__PURE__ */ jsx(Input, { type: "text", placeholder: t("bbm.linker.ext.url.placeholder"), size: "md", value: linkURL, onChange: (e) => setLinkURL(e.target.value) })
-    ] }),
-    /* @__PURE__ */ jsx(Checkbox, { label: t("bbm.linker.open.tab"), onChange: () => toggleBlankTarget(), checked: isBlankTarget })
-  ] }) });
-}, ExternalLinker$1 = ExternalLinker;
-export {
-  ExternalLinker$1 as default
-};

package/dist/multimedia/Linker/InternalLinker.d.ts

@@ -1,28 +0,0 @@
-import { App, ILinkedResource } from 'edifice-ts-client';
-/**
- * Definition of an internal link.
- */
-type ApplicationOption = {
-    icon?: JSX.Element;
-    application: string;
-    displayName: string;
-};
-/**
- * Properties for the InternalLinker react component.
- */
-export interface InternalLinkerProps {
-    /** Currently running application */
-    appCode: App;
-    /** When defined, preloads and displays this type of resources. */
-    defaultAppCode?: App | null;
-    /** When defined, selects this resource (defaultApp must be specified) */
-    defaultResourceId?: string | null;
-    /** Notify when the user selects an application in the dropdown */
-    onChange?: (application?: ApplicationOption) => void;
-    /** Notify when resources selection changes */
-    onSelect?: (resources: ILinkedResource[]) => void;
-    multiple: boolean | undefined;
-}
-/** The InternalLinker component */
-declare const InternalLinker: ({ appCode, defaultAppCode, defaultResourceId, onChange, onSelect, multiple, }: InternalLinkerProps) => import("react/jsx-runtime").JSX.Element;
-export default InternalLinker;

package/dist/multimedia/Linker/InternalLinker.js

@@ -1,114 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useCallback, useEffect } from "react";
-import { Applications } from "@edifice.io/icons";
-import { odeServices } from "edifice-ts-client";
-import { useTranslation } from "react-i18next";
-import LinkerCard from "../LinkerCard/LinkerCard.js";
-import { useResourceSearch } from "../../core/useResourceSearch/useResourceSearch.js";
-import useDebounce from "../../hooks/useDebounce/useDebounce.js";
-import Dropdown from "../../components/Dropdown/Dropdown.js";
-import SearchBar from "../../components/SearchBar/SearchBar.js";
-import EmptyScreen from "../../components/EmptyScreen/EmptyScreen.js";
-import usePaths from "../../core/usePaths/usePaths.js";
-import { useOdeTheme } from "../../core/ThemeProvider/ThemeProvider.js";
-import { AppIcon } from "../../components/AppIcon/AppIcon.js";
-const InternalLinker = ({
-  appCode,
-  defaultAppCode,
-  defaultResourceId,
-  onChange,
-  onSelect,
-  multiple = !0
-}) => {
-  const {
-    t
-  } = useTranslation(), {
-    theme
-  } = useOdeTheme(), [imagePath] = usePaths(), {
-    resourceApplications,
-    loadResources
-  } = useResourceSearch(appCode), [options, setOptions] = useState(), [selectedApplication, setSelectedApplication] = useState(), [searchTerms, setSearchTerms] = useState(), debounceSearch = useDebounce(searchTerms || "", 500), [resources, setResources] = useState([]), loadAndDisplayResources = useCallback((search) => {
-    async function load() {
-      if (selectedApplication)
-        try {
-          const searchLower = search == null ? void 0 : search.toLowerCase(), resources2 = (await loadResources({
-            application: selectedApplication.application,
-            search,
-            types: [selectedApplication.application],
-            filters: {},
-            pagination: {
-              startIdx: 0,
-              pageSize: 300
-            }
-            // ignored at the moment
-          })).filter((resource) => {
-            var _a, _b, _c;
-            return !searchLower || searchLower.length === 0 ? !0 : ((_a = resource.name) == null ? void 0 : _a.toLowerCase().includes(searchLower)) || ((_b = resource.creatorName) == null ? void 0 : _b.toLowerCase().includes(searchLower)) || ((_c = resource.description) == null ? void 0 : _c.toLowerCase().includes(searchLower)) || !1;
-          }).sort((a, b) => a.modifiedAt < b.modifiedAt ? 1 : -1);
-          setResources(resources2);
-          return;
-        } catch {
-        }
-      setResources([]);
-    }
-    load();
-  }, [loadResources, selectedApplication]), [selectedDocuments, setSelectedDocuments] = useState([]), handleOptionClick = (option) => {
-    onChange == null || onChange(option), setSelectedApplication(option);
-  }, handleSearchChange = (event) => {
-    const newText = event.target.value;
-    setSearchTerms(newText.toString());
-  }, handleSubmit = useCallback((event) => {
-    loadAndDisplayResources(searchTerms), event.stopPropagation(), event.preventDefault();
-  }, [loadAndDisplayResources, searchTerms]), getSelectedResourceIndex = useCallback((resourceId) => selectedDocuments.findIndex((selectedDocument) => selectedDocument.assetId === resourceId), [selectedDocuments]), selectResource = useCallback((resource) => {
-    setSelectedDocuments(multiple ? (previousState) => [...previousState, resource] : [resource]);
-  }, [setSelectedDocuments, multiple]), toggleResourceSelection = useCallback((resource) => {
-    const index = getSelectedResourceIndex(resource.assetId);
-    index < 0 ? selectResource(resource) : setSelectedDocuments(selectedDocuments.filter((_value, i) => i !== index));
-  }, [getSelectedResourceIndex, selectResource, selectedDocuments]);
-  return useEffect(() => {
-    (async () => {
-      const appPromises = resourceApplications.map((application) => odeServices.session().getWebApp(application)), webApps = await Promise.all(appPromises);
-      setOptions(resourceApplications.map((application, index) => {
-        var _a;
-        return {
-          application,
-          displayName: t(((_a = webApps[index]) == null ? void 0 : _a.displayName) ?? application),
-          icon: /* @__PURE__ */ jsx(AppIcon, { app: webApps[index] })
-        };
-      }).sort((app1, app2) => app1.displayName.localeCompare(app2.displayName)));
-    })();
-  }, [resourceApplications, t]), useEffect(() => {
-    loadAndDisplayResources(debounceSearch);
-  }, [loadAndDisplayResources, debounceSearch]), useEffect(() => {
-    onSelect == null || onSelect(selectedDocuments);
-  }, [selectedDocuments]), useEffect(() => {
-    if (defaultAppCode) {
-      const option = options == null ? void 0 : options.find((option2) => defaultAppCode === option2.application);
-      setSelectedApplication(option), loadAndDisplayResources("");
-    }
-  }, [options]), useEffect(() => {
-    if (defaultResourceId && getSelectedResourceIndex(defaultResourceId) < 0) {
-      const resource = resources == null ? void 0 : resources.find((resource2) => defaultResourceId === resource2.assetId);
-      resource && selectResource(resource);
-    }
-  }, [resources]), /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-fill overflow-hidden", children: [
-    /* @__PURE__ */ jsxs("div", { className: "search d-flex bg-light rounded-top border border-bottom-0", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex-shrink-1 px-8 py-12 border-end", children: /* @__PURE__ */ jsxs(Dropdown, { overflow: !0, children: [
-        /* @__PURE__ */ jsx(Dropdown.Trigger, { icon: /* @__PURE__ */ jsx("div", { className: "pe-8", children: (selectedApplication == null ? void 0 : selectedApplication.icon) || /* @__PURE__ */ jsx(Applications, {}) }), label: t((selectedApplication == null ? void 0 : selectedApplication.displayName) || "bbm.linker.int.choose"), variant: "ghost", size: "md" }),
-        /* @__PURE__ */ jsx(Dropdown.Menu, { children: options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsx(Dropdown.Item, { icon: option.icon, onClick: () => handleOptionClick(option), children: option.displayName }, option.application)) })
-      ] }) }),
-      /* @__PURE__ */ jsx("div", { className: "flex-grow-1 align-self-center", children: /* @__PURE__ */ jsx("form", { className: "gap-16 d-flex w-100 align-items-center px-16 py-8", onSubmit: handleSubmit, children: /* @__PURE__ */ jsx(SearchBar, { isVariant: !0, placeholder: t("search"), size: "lg", className: "w-100", disabled: !selectedApplication, onChange: handleSearchChange }) }) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "internal-linker flex-grow-1 w-100 rounded-bottom border gap-0 overflow-auto", children: [
-      selectedApplication && resources && resources.length > 0 && /* @__PURE__ */ jsx("div", { children: resources.map((resource) => {
-        const isSelected = selectedDocuments.findIndex((doc) => doc.assetId === resource.assetId) >= 0;
-        return /* @__PURE__ */ jsx(LinkerCard, { doc: resource, isSelected, onClick: () => toggleResourceSelection(resource) }, resource.path);
-      }) }),
-      selectedApplication && resources && resources.length <= 0 && /* @__PURE__ */ jsx("div", { className: "d-flex justify-content-center mt-16", children: /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: `${imagePath}/${theme == null ? void 0 : theme.bootstrapVersion}/illu-empty-search-${selectedApplication.application}.svg`, text: t("bbm.linker.int.notfound"), className: "mt-16" }) }),
-      !selectedApplication && /* @__PURE__ */ jsx("div", { className: "d-flex justify-content-center mt-32", children: /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: `${imagePath}/${theme == null ? void 0 : theme.bootstrapVersion}/illu-empty-search.svg`, text: t("bbm.linker.int.empty"), className: "mt-32" }) })
-    ] })
-  ] });
-}, InternalLinker$1 = InternalLinker;
-export {
-  InternalLinker$1 as default
-};

package/dist/multimedia/Linker/index.d.ts

@@ -1,4 +0,0 @@
-export { default as InternalLinker } from './InternalLinker';
-export * from './InternalLinker';
-export { default as ExternalLinker } from './ExternalLinker';
-export * from './ExternalLinker';

package/dist/multimedia/LinkerCard/LinkerCard.d.ts

@@ -1,13 +0,0 @@
-import { IResource } from 'edifice-ts-client';
-import { CardProps } from '../../components';
-export interface LinkerCardProps extends CardProps {
-    /**
-     * Resource to render as a card
-     * */
-    doc: IResource;
-}
-declare const LinkerCard: {
-    ({ doc, isClickable, isSelectable, isSelected, onClick, className, }: LinkerCardProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default LinkerCard;

package/dist/multimedia/LinkerCard/LinkerCard.js

@@ -1,38 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { Users } from "@edifice.io/icons";
-import clsx from "clsx";
-import useDate from "../../core/useDate/useDate.js";
-import Card from "../../components/Card/Card.js";
-import Image from "../../components/Image/Image.js";
-import { AppIcon } from "../../components/AppIcon/AppIcon.js";
-const LinkerCard = ({
-  doc,
-  isClickable = !0,
-  isSelectable = !1,
-  isSelected = !1,
-  onClick,
-  className
-}) => {
-  const {
-    fromNow
-  } = useDate(), {
-    fromDate
-  } = useMemo(() => ({
-    fromDate: fromNow(doc.modifiedAt)
-  }), [fromNow, doc]);
-  return /* @__PURE__ */ jsx(Card, { className: clsx("card-linker shadow-none", className), isClickable, isSelectable, isSelected, onClick, children: /* @__PURE__ */ jsxs(Card.Body, { space: "8", children: [
-    /* @__PURE__ */ jsx("div", { className: "card-image ps-8 pe-4", children: doc.thumbnail && doc.thumbnail.length > 0 ? /* @__PURE__ */ jsx(Image, { alt: "", height: 48, width: 48, src: doc.thumbnail, objectFit: "cover", className: "rounded h-full", style: {
-      aspectRatio: 1 / 1
-    } }) : /* @__PURE__ */ jsx(AppIcon, { app: doc.application, iconFit: "ratio", size: "48", variant: "rounded" }) }),
-    /* @__PURE__ */ jsxs("div", { className: "w-75", children: [
-      /* @__PURE__ */ jsx(Card.Text, { children: doc.name }),
-      /* @__PURE__ */ jsx(Card.Text, { className: "text-black-50", children: doc == null ? void 0 : doc.creatorName })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "d-none d-md-block text-black-50 ps-4 pe-8", children: /* @__PURE__ */ jsx(Card.Text, { children: fromDate }) }),
-    doc.shared && /* @__PURE__ */ jsx("div", { className: "ps-4 pe-8", children: /* @__PURE__ */ jsx(Users, { width: "20", height: "20" }) })
-  ] }) });
-}, LinkerCard$1 = LinkerCard;
-export {
-  LinkerCard$1 as default
-};