@edifice.io/react 2.6.9-develop-enabling.20261013152718 → 2.6.9-develop-integration.20261014191834

package/dist/components/Dropdown/DropdownItemHidden.js

@@ -1 +1,19 @@
-import{jsx}from"react/jsx-runtime";var DropdownItemHidden=({children,collapse})=>jsx(`div`,{"aria-hidden":`true`,style:collapse?{height:0,overflow:`hidden`,margin:0,pointerEvents:`none`,width:`100%`,maxWidth:`max-content`}:{display:`none`,width:`100%`,maxWidth:`max-content`},children});export{DropdownItemHidden as default};
+import { jsx } from "react/jsx-runtime";
+const DropdownItemHidden = ({
+  children,
+  collapse
+}) => /* @__PURE__ */ jsx("div", { "aria-hidden": "true", style: collapse ? {
+  height: 0,
+  overflow: "hidden",
+  margin: 0,
+  pointerEvents: "none",
+  width: "100%",
+  maxWidth: "max-content"
+} : {
+  display: "none",
+  width: "100%",
+  maxWidth: "max-content"
+}, children });
+export {
+  DropdownItemHidden as default
+};

package/dist/components/Dropdown/DropdownMenu.js

@@ -1 +1,26 @@
-import{useDropdownContext}from"./DropdownContext.js";import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";var DropdownMenu=forwardRef(({children,block,unstyled,...restProps},forwardRef)=>{let{menuProps,visible}=useDropdownContext(),className=clsx$1({"w-100":block,"bg-white shadow rounded-4 p-8":!unstyled},menuProps.className,restProps.className),mergedProps={...menuProps,...restProps,className};return visible?jsx(`div`,{ref:forwardRef,...mergedProps,children}):null});export{DropdownMenu as default};
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import { useDropdownContext } from "./DropdownContext.js";
+const DropdownMenu = /* @__PURE__ */ forwardRef(({
+  children,
+  block,
+  unstyled,
+  ...restProps
+}, forwardRef2) => {
+  const {
+    menuProps,
+    visible
+  } = useDropdownContext(), className = clsx({
+    "w-100": block,
+    "bg-white shadow rounded-4 p-8": !unstyled
+  }, menuProps.className, restProps.className), mergedProps = {
+    ...menuProps,
+    ...restProps,
+    className
+  };
+  return visible ? /* @__PURE__ */ jsx("div", { ref: forwardRef2, ...mergedProps, children }) : null;
+});
+export {
+  DropdownMenu as default
+};

package/dist/components/Dropdown/DropdownMenuGroup.js

@@ -1 +1,12 @@
-import{forwardRef}from"react";import{jsx,jsxs}from"react/jsx-runtime";var DropdownMenuGroup=forwardRef(({label,children},forwardRef)=>jsxs(`div`,{ref:forwardRef,role:`group`,children:[jsx(`span`,{className:`small px-4`,children:jsx(`strong`,{children:label})}),children]}));export{DropdownMenuGroup as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const DropdownMenuGroup = /* @__PURE__ */ forwardRef(({
+  label,
+  children
+}, forwardRef2) => /* @__PURE__ */ jsxs("div", { ref: forwardRef2, role: "group", children: [
+  /* @__PURE__ */ jsx("span", { className: "small px-4", children: /* @__PURE__ */ jsx("strong", { children: label }) }),
+  children
+] }));
+export {
+  DropdownMenuGroup as default
+};

package/dist/components/Dropdown/DropdownRadioItem.js

@@ -1 +1,39 @@
-import Radio from"../Radio/Radio.js";import{useDropdownContext}from"./DropdownContext.js";import{useDropdownItemFilter}from"./useDropdownItemFilter.js";import DropdownItemHidden from"./DropdownItemHidden.js";import clsx$1 from"clsx";import{jsx,jsxs}from"react/jsx-runtime";var DropdownRadioItem=({children,value,model,onChange,searchValue})=>{let{itemProps,itemRefs,isFocused}=useDropdownContext(),{id,isFiltered}=useDropdownItemFilter(searchValue),{onMenuItemKeyDown,onMenuItemMouseEnter}=itemProps,radioProps={value,model,checked:value===model,readOnly:!0},dropdownRadioItem=clsx$1(`dropdown-item c-pointer`,{focus:isFocused===id}),content=jsxs(`div`,{className:`d-flex gap-8 align-items-center justify-content-between position-relative`,children:[children,jsx(Radio,{...radioProps,className:`position-absolute start-0 end-0 top-0 bottom-0 opacity-0`})]});return isFiltered?jsx(DropdownItemHidden,{children:content}):jsx(`div`,{id,ref:el=>itemRefs.current[id]=el,role:`menuitemradio`,"aria-checked":value===model,onMouseUp:()=>onChange(value),onKeyDown:event=>onMenuItemKeyDown(event,()=>onChange(value)),onMouseEnter:onMenuItemMouseEnter,tabIndex:value===model?0:-1,className:dropdownRadioItem,children:content})};export{DropdownRadioItem as default};
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useDropdownContext } from "./DropdownContext.js";
+import { useDropdownItemFilter } from "./useDropdownItemFilter.js";
+import DropdownItemHidden from "./DropdownItemHidden.js";
+import Radio from "../Radio/Radio.js";
+const DropdownRadioItem = ({
+  children,
+  value,
+  model,
+  onChange,
+  searchValue
+}) => {
+  const {
+    itemProps,
+    itemRefs,
+    isFocused
+  } = useDropdownContext(), {
+    id,
+    isFiltered
+  } = useDropdownItemFilter(searchValue), {
+    onMenuItemKeyDown,
+    onMenuItemMouseEnter
+  } = itemProps, radioProps = {
+    value,
+    model,
+    checked: value === model,
+    readOnly: !0
+  }, dropdownRadioItem = clsx("dropdown-item c-pointer", {
+    focus: isFocused === id
+  }), content = /* @__PURE__ */ jsxs("div", { className: "d-flex gap-8 align-items-center justify-content-between position-relative", children: [
+    children,
+    /* @__PURE__ */ jsx(Radio, { ...radioProps, className: "position-absolute start-0 end-0 top-0 bottom-0 opacity-0" })
+  ] });
+  return isFiltered ? /* @__PURE__ */ jsx(DropdownItemHidden, { children: content }) : /* @__PURE__ */ jsx("div", { id, ref: (el) => itemRefs.current[id] = el, role: "menuitemradio", "aria-checked": value === model, onMouseUp: () => onChange(value), onKeyDown: (event) => onMenuItemKeyDown(event, () => onChange(value)), onMouseEnter: onMenuItemMouseEnter, tabIndex: value === model ? 0 : -1, className: dropdownRadioItem, children: content });
+};
+export {
+  DropdownRadioItem as default
+};

package/dist/components/Dropdown/DropdownSearchInput.js

@@ -1 +1,25 @@
-import{useDropdownContext}from"./DropdownContext.js";import SearchBar from"../SearchBar/SearchBar.js";import{jsx,jsxs}from"react/jsx-runtime";var DropdownSearchInput=({placeholder=`Rechercher...`,noResultsLabel=`Pas de résultat`,onSearch})=>{let{searchQuery,setSearchQuery,hasMatches}=useDropdownContext();return jsxs(`div`,{className:`px-8 pb-8`,children:[jsx(SearchBar,{isVariant:!0,clearable:!0,size:`md`,placeholder,value:searchQuery,onChange:e=>{setSearchQuery(e.target.value),onSearch?.(e.target.value)},onKeyDown:e=>{[`ArrowUp`,`ArrowDown`,`Enter`,` `].includes(e.key)&&e.stopPropagation()}}),searchQuery&&!hasMatches&&jsx(`p`,{className:`body-2 text-gray-700 text-center mt-8 mb-0`,children:noResultsLabel})]})};export{DropdownSearchInput as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useDropdownContext } from "./DropdownContext.js";
+import SearchBar from "../SearchBar/SearchBar.js";
+const DropdownSearchInput = ({
+  placeholder = "Rechercher...",
+  noResultsLabel = "Pas de résultat",
+  onSearch
+}) => {
+  const {
+    searchQuery,
+    setSearchQuery,
+    hasMatches
+  } = useDropdownContext();
+  return /* @__PURE__ */ jsxs("div", { className: "px-8 pb-8", children: [
+    /* @__PURE__ */ jsx(SearchBar, { isVariant: !0, clearable: !0, size: "md", placeholder, value: searchQuery, onChange: (e) => {
+      setSearchQuery(e.target.value), onSearch == null || onSearch(e.target.value);
+    }, onKeyDown: (e) => {
+      ["ArrowUp", "ArrowDown", "Enter", " "].includes(e.key) && e.stopPropagation();
+    } }),
+    searchQuery && !hasMatches && /* @__PURE__ */ jsx("p", { className: "body-2 text-gray-700 text-center mt-8 mb-0", children: noResultsLabel })
+  ] });
+};
+export {
+  DropdownSearchInput as default
+};

package/dist/components/Dropdown/DropdownSeparator.js

@@ -1 +1,5 @@
-import{jsx}from"react/jsx-runtime";var DropdownSeparator=()=>jsx(`div`,{role:`separator`,className:`px-4`,children:jsx(`hr`,{className:`m-0`})});export{DropdownSeparator as default};
+import { jsx } from "react/jsx-runtime";
+const DropdownSeparator = () => /* @__PURE__ */ jsx("div", { role: "separator", className: "px-4", children: /* @__PURE__ */ jsx("hr", { className: "m-0" }) });
+export {
+  DropdownSeparator as default
+};

package/dist/components/Dropdown/DropdownTrigger.js

@@ -1 +1,58 @@
-import SvgIconRafterUp from"../../modules/icons/components/IconRafterUp.js";import Badge from"../Badge/Badge.js";import{useDropdownContext}from"./DropdownContext.js";import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx,jsxs}from"react/jsx-runtime";var DropdownTrigger=forwardRef(({label,icon,variant=`default`,disabled=!1,size,badgeContent,hideCarret=!1,pill=!1,innerBorderColor,innerBorderWidth,outerBorderColor,outerBorderWidth,outerBorderOffset,baseShade,...restProps},forwardRef)=>{let{triggerProps,block}=useDropdownContext(),className=clsx$1(`dropdown-toggle `,size,variant,{"w-100":block},triggerProps.className,restProps.className,{"rounded-pill":pill},{"base-shade":baseShade}),style={...outerBorderColor&&{outline:`${outerBorderWidth}px solid var(--edifice-${outerBorderColor})`,outlineOffset:outerBorderOffset},...innerBorderColor&&{border:`${innerBorderWidth}px solid var(--edifice-${innerBorderColor})`}};return jsxs(`button`,{ref:forwardRef,type:`button`,disabled,...triggerProps,...restProps,className,style,children:[icon,label,badgeContent?jsx(Badge,{variant:{level:`info`,type:`notification`},children:badgeContent}):!hideCarret&&jsx(SvgIconRafterUp,{width:16,height:16,className:`dropdown-toggle-caret`})]})});export{DropdownTrigger as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import SvgIconRafterUp from "../../modules/icons/components/IconRafterUp.js";
+import { useDropdownContext } from "./DropdownContext.js";
+import Badge from "../Badge/Badge.js";
+const DropdownTrigger = /* @__PURE__ */ forwardRef(({
+  label,
+  icon,
+  variant = "default",
+  disabled = !1,
+  size,
+  badgeContent,
+  hideCarret = !1,
+  pill = !1,
+  innerBorderColor,
+  innerBorderWidth,
+  outerBorderColor,
+  outerBorderWidth,
+  outerBorderOffset,
+  baseShade,
+  ...restProps
+}, forwardRef2) => {
+  const {
+    triggerProps,
+    block
+  } = useDropdownContext(), className = clsx("dropdown-toggle ", size, variant, {
+    "w-100": block
+  }, triggerProps.className, restProps.className, {
+    "rounded-pill": pill
+  }, {
+    "base-shade": baseShade
+  }), style = {
+    ...outerBorderColor && {
+      outline: `${outerBorderWidth}px solid var(--edifice-${outerBorderColor})`,
+      outlineOffset: outerBorderOffset
+    },
+    ...innerBorderColor && {
+      border: `${innerBorderWidth}px solid var(--edifice-${innerBorderColor})`
+    }
+  }, mergedProps = {
+    ...triggerProps,
+    ...restProps,
+    className,
+    style
+  };
+  return /* @__PURE__ */ jsxs("button", { ref: forwardRef2, type: "button", disabled, ...mergedProps, children: [
+    icon,
+    label,
+    badgeContent ? /* @__PURE__ */ jsx(Badge, { variant: {
+      level: "info",
+      type: "notification"
+    }, children: badgeContent }) : !hideCarret && /* @__PURE__ */ jsx(SvgIconRafterUp, { width: 16, height: 16, className: "dropdown-toggle-caret" })
+  ] });
+});
+export {
+  DropdownTrigger as default
+};

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

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

package/dist/components/Dropdown/useDropdownItemFilter.js

@@ -1 +1,19 @@
-import{useDropdownContext}from"./DropdownContext.js";import{useId,useLayoutEffect}from"react";var useDropdownItemFilter=searchValue=>{let{searchQuery,reportMatch,unregisterMatch}=useDropdownContext(),id=useId(),isFiltered=searchValue!==void 0&&searchQuery!==``&&!searchValue.toLowerCase().includes(searchQuery.toLowerCase());return useLayoutEffect(()=>{if(searchValue!==void 0)return reportMatch(id,!isFiltered),()=>unregisterMatch(id)},[id,isFiltered,searchValue,reportMatch,unregisterMatch]),{id,isFiltered}};export{useDropdownItemFilter};
+import { useId, useLayoutEffect } from "react";
+import { useDropdownContext } from "./DropdownContext.js";
+const useDropdownItemFilter = (searchValue) => {
+  const {
+    searchQuery,
+    reportMatch,
+    unregisterMatch
+  } = useDropdownContext(), id = useId(), isFiltered = searchValue !== void 0 && searchQuery !== "" && !searchValue.toLowerCase().includes(searchQuery.toLowerCase());
+  return useLayoutEffect(() => {
+    if (searchValue !== void 0)
+      return reportMatch(id, !isFiltered), () => unregisterMatch(id);
+  }, [id, isFiltered, searchValue, reportMatch, unregisterMatch]), {
+    id,
+    isFiltered
+  };
+};
+export {
+  useDropdownItemFilter
+};

package/dist/components/Dropzone/Dropzone.js

@@ -1 +1,55 @@
-import useDropzone from"../../hooks/useDropzone/useDropzone.js";import{DropzoneContext}from"./DropzoneContext.js";import DropzoneDrag from"./DropzoneDrag.js";import DropzoneFile from"./DropzoneFile.js";import DropzoneImport from"./DropzoneImport.js";import clsx$1 from"clsx";import{useMemo}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";var Dropzone=({className,accept,multiple=!0,handle=!1,children})=>{let{inputRef,dragging,files,addFile,deleteFile,replaceFileAt,handleDragLeave,handleDragging,handleDrop,handleOnChange}=useDropzone(accept?{forceFilters:!0}:void 0),classes=clsx$1(`dropzone`,{"is-dragging":(multiple||files.length<1)&&dragging,"is-drop-files":!(files.length!==0&&!handle)},className),value=useMemo(()=>({inputRef,files,addFile,deleteFile,replaceFileAt}),[addFile,deleteFile,replaceFileAt,files,inputRef]);return jsx(DropzoneContext.Provider,{value,children:jsxs(`div`,{className:classes,onDragEnter:handleDragging,onDragOver:handleDragging,onDragLeave:handleDragLeave,onDrop:files.length>0&&!multiple?void 0:handleDrop,children:[jsxs(`div`,{className:`d-flex flex-fill`,children:[handle?null:jsxs(Fragment$1,{children:[jsx(Dropzone.File,{multiple,children}),jsx(Dropzone.Import,{})]}),jsx(Dropzone.Drag,{})]}),jsx(`input`,{ref:inputRef,accept:accept?.join(`,`),multiple,type:`file`,name:`attachment-input`,id:`attachment-input`,onChange:handleOnChange,hidden:!0})]})})};Dropzone.File=DropzoneFile,Dropzone.Import=DropzoneImport,Dropzone.Drag=DropzoneDrag;export{Dropzone as default};
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useMemo } from "react";
+import clsx from "clsx";
+import { DropzoneContext } from "./DropzoneContext.js";
+import DropzoneDrag from "./DropzoneDrag.js";
+import DropzoneFile from "./DropzoneFile.js";
+import DropzoneImport from "./DropzoneImport.js";
+import useDropzone from "../../hooks/useDropzone/useDropzone.js";
+const Dropzone = ({
+  className,
+  accept,
+  multiple = !0,
+  handle = !1,
+  children
+}) => {
+  const {
+    inputRef,
+    dragging,
+    files,
+    addFile,
+    deleteFile,
+    replaceFileAt,
+    handleDragLeave,
+    handleDragging,
+    handleDrop,
+    handleOnChange
+  } = useDropzone(accept ? {
+    forceFilters: !0
+  } : void 0), classes = clsx("dropzone", {
+    "is-dragging": (multiple || files.length < 1) && dragging,
+    "is-drop-files": !(files.length !== 0 && !handle)
+  }, className), value = useMemo(() => ({
+    inputRef,
+    files,
+    addFile,
+    deleteFile,
+    replaceFileAt
+  }), [addFile, deleteFile, replaceFileAt, files, inputRef]);
+  return /* @__PURE__ */ jsx(DropzoneContext.Provider, { value, children: /* @__PURE__ */ jsxs("div", { className: classes, onDragEnter: handleDragging, onDragOver: handleDragging, onDragLeave: handleDragLeave, onDrop: files.length > 0 && !multiple ? void 0 : handleDrop, children: [
+    /* @__PURE__ */ jsxs("div", { className: "d-flex flex-fill", children: [
+      handle ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Dropzone.File, { multiple, children }),
+        /* @__PURE__ */ jsx(Dropzone.Import, {})
+      ] }),
+      /* @__PURE__ */ jsx(Dropzone.Drag, {})
+    ] }),
+    /* @__PURE__ */ jsx("input", { ref: inputRef, accept: accept == null ? void 0 : accept.join(","), multiple, type: "file", name: "attachment-input", id: "attachment-input", onChange: handleOnChange, hidden: !0 })
+  ] }) });
+};
+Dropzone.File = DropzoneFile;
+Dropzone.Import = DropzoneImport;
+Dropzone.Drag = DropzoneDrag;
+export {
+  Dropzone as default
+};

package/dist/components/Dropzone/DropzoneContext.js

@@ -1 +1,12 @@
-import{createContext,useContext}from"react";var DropzoneContext=createContext(null);function useDropzoneContext(){let context=useContext(DropzoneContext);if(!context)throw Error(`Cannot be rendered outside Dropzone Provider`);return context}export{DropzoneContext,useDropzoneContext};
+import { createContext, useContext } from "react";
+const DropzoneContext = /* @__PURE__ */ createContext(null);
+function useDropzoneContext() {
+  const context = useContext(DropzoneContext);
+  if (!context)
+    throw new Error("Cannot be rendered outside Dropzone Provider");
+  return context;
+}
+export {
+  DropzoneContext,
+  useDropzoneContext
+};

package/dist/components/Dropzone/DropzoneDrag.js

@@ -1 +1,11 @@
-import{jsx}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var DropzoneDrag=()=>{let{t}=useTranslation();return jsx(`div`,{className:`drop-wrapper`,children:jsx(`div`,{className:`drop-content`,children:jsx(`p`,{className:`drop-text`,children:t(`dropzone.drop`)})})})};export{DropzoneDrag as default};
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+const DropzoneDrag = () => {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: "drop-wrapper", children: /* @__PURE__ */ jsx("div", { className: "drop-content", children: /* @__PURE__ */ jsx("p", { className: "drop-text", children: t("dropzone.drop") }) }) });
+};
+export {
+  DropzoneDrag as default
+};

package/dist/components/Dropzone/DropzoneFile.js

@@ -1 +1,30 @@
-import SvgIconPlus from"../../modules/icons/components/IconPlus.js";import Button from"../Button/Button.js";import{useDropzoneContext}from"./DropzoneContext.js";import clsx$1 from"clsx";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var DropzoneFile=({children,multiple})=>{let{t}=useTranslation(),{files,inputRef}=useDropzoneContext(),hasFiles=files&&files.length>0;return jsxs(`div`,{className:clsx$1(`drop-file-wrapper`,{"d-block":hasFiles,"d-none":!hasFiles}),children:[jsx(`div`,{className:`drop-file-content`,children:jsx(`div`,{className:`add-button p-4`,children:jsx(Button,{variant:`ghost`,leftIcon:jsx(SvgIconPlus,{}),disabled:!multiple,onClick:()=>inputRef?.current?.click(),children:t(`dropzone.add.more`)})})}),jsx(`div`,{className:`p-8`,children})]})};export{DropzoneFile as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import SvgIconPlus from "../../modules/icons/components/IconPlus.js";
+import Button from "../Button/Button.js";
+import { useDropzoneContext } from "./DropzoneContext.js";
+const DropzoneFile = ({
+  children,
+  multiple
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    files,
+    inputRef
+  } = useDropzoneContext(), hasFiles = files && files.length > 0, classes = clsx("drop-file-wrapper", {
+    "d-block": hasFiles,
+    "d-none": !hasFiles
+  });
+  return /* @__PURE__ */ jsxs("div", { className: classes, children: [
+    /* @__PURE__ */ jsx("div", { className: "drop-file-content", children: /* @__PURE__ */ jsx("div", { className: "add-button p-4", children: /* @__PURE__ */ jsx(Button, { variant: "ghost", leftIcon: /* @__PURE__ */ jsx(SvgIconPlus, {}), disabled: !multiple, onClick: () => {
+      var _a;
+      return (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.click();
+    }, children: t("dropzone.add.more") }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "p-8", children })
+  ] });
+};
+export {
+  DropzoneFile as default
+};

package/dist/components/Dropzone/DropzoneImport.js

@@ -1 +1,28 @@
-import SvgIconDownload from"../../modules/icons/components/IconDownload.js";import Button from"../Button/Button.js";import{useDropzoneContext}from"./DropzoneContext.js";import clsx$1 from"clsx";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var DropzoneImport=()=>{let{t}=useTranslation(),{files,inputRef}=useDropzoneContext(),hasFiles=files&&files.length>0;return jsxs(`div`,{className:clsx$1(`dropzone-import-wrapper`,{"d-flex":!hasFiles,"d-none":hasFiles}),children:[jsx(SvgIconDownload,{height:48,width:48}),jsx(`p`,{className:`my-16`,children:t(`dropzone.text`)}),jsx(Button,{onClick:()=>inputRef?.current?.click(),children:t(`dropzone.import`)})]})};export{DropzoneImport as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import SvgIconDownload from "../../modules/icons/components/IconDownload.js";
+import Button from "../Button/Button.js";
+import { useDropzoneContext } from "./DropzoneContext.js";
+const DropzoneImport = () => {
+  const {
+    t
+  } = useTranslation(), {
+    files,
+    inputRef
+  } = useDropzoneContext(), hasFiles = files && files.length > 0, classes = clsx("dropzone-import-wrapper", {
+    "d-flex": !hasFiles,
+    "d-none": hasFiles
+  });
+  return /* @__PURE__ */ jsxs("div", { className: classes, children: [
+    /* @__PURE__ */ jsx(SvgIconDownload, { height: 48, width: 48 }),
+    /* @__PURE__ */ jsx("p", { className: "my-16", children: t("dropzone.text") }),
+    /* @__PURE__ */ jsx(Button, { onClick: () => {
+      var _a;
+      return (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.click();
+    }, children: t("dropzone.import") })
+  ] });
+};
+export {
+  DropzoneImport as default
+};

package/dist/components/EmptyScreen/EmptyScreen.js

@@ -1 +1,21 @@
-import Heading from"../Heading/Heading.js";import clsx$1 from"clsx";import{jsx,jsxs}from"react/jsx-runtime";var EmptyScreen=({imageSrc,imageAlt=``,title,text,size=250,className})=>{let textClass=clsx$1(`text`,className);return jsxs(`div`,{className:`emptyscreen`,children:[imageSrc&&jsx(`div`,{className:`emptyscreen-image mb-12`,children:jsx(`img`,{className:`mx-auto`,src:imageSrc,alt:imageAlt,width:size,height:size})}),title&&jsx(Heading,{level:`h2`,headingStyle:`h2`,className:`text-secondary mb-8`,children:title}),text&&jsx(`div`,{className:textClass,children:text})]})};export{EmptyScreen as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import Heading from "../Heading/Heading.js";
+const EmptyScreen = ({
+  imageSrc,
+  imageAlt = "",
+  title,
+  text,
+  size = 250,
+  className
+}) => {
+  const textClass = clsx("text", className);
+  return /* @__PURE__ */ jsxs("div", { className: "emptyscreen", children: [
+    imageSrc && /* @__PURE__ */ jsx("div", { className: "emptyscreen-image mb-12", children: /* @__PURE__ */ jsx("img", { className: "mx-auto", src: imageSrc, alt: imageAlt, width: size, height: size }) }),
+    title && /* @__PURE__ */ jsx(Heading, { level: "h2", headingStyle: "h2", className: "text-secondary mb-8", children: title }),
+    text && /* @__PURE__ */ jsx("div", { className: textClass, children: text })
+  ] });
+};
+export {
+  EmptyScreen as default
+};

package/dist/components/Flex/Flex.js

@@ -1 +1,25 @@
-import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";var Flex=forwardRef(({as:Component=`div`,direction,align,justify,gap,fill,wrap,className,children,...restProps},ref)=>{let gapClasses=(()=>{if(!gap)return;let[rowGap,colGap]=gap.trim().split(/\s+/);return colGap===void 0?`gap-${rowGap}`:[`row-gap-${rowGap}`,`column-gap-${colGap}`]})();return jsx(Component,{ref,className:clsx$1(`d-flex`,direction&&`flex-${direction}`,fill&&`flex-fill`,align&&`align-items-${align}`,justify&&`justify-content-${justify}`,gapClasses,wrap&&`flex-${wrap===`reverse`?`wrap-reverse`:wrap}`,className),...restProps,children})});export{Flex as default};
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+const Flex = /* @__PURE__ */ forwardRef(({
+  as: Component = "div",
+  direction,
+  align,
+  justify,
+  gap,
+  fill,
+  wrap,
+  className,
+  children,
+  ...restProps
+}, ref) => {
+  const gapClasses = (() => {
+    if (!gap) return;
+    const [rowGap, colGap] = gap.trim().split(/\s+/);
+    return colGap !== void 0 ? [`row-gap-${rowGap}`, `column-gap-${colGap}`] : `gap-${rowGap}`;
+  })(), classes = clsx("d-flex", direction && `flex-${direction}`, fill && "flex-fill", align && `align-items-${align}`, justify && `justify-content-${justify}`, gapClasses, wrap && `flex-${wrap === "reverse" ? "wrap-reverse" : wrap}`, className);
+  return /* @__PURE__ */ jsx(Component, { ref, className: classes, ...restProps, children });
+});
+export {
+  Flex as default
+};

package/dist/components/Form/FormContext.js

@@ -1 +1,11 @@
-import{createContext,useContext}from"react";var Context=createContext(null),useFormControl=()=>{let context=useContext(Context);if(!context)throw Error(`Cannot be rendered outside the FormControl component`);return context};export{Context,useFormControl};
+import { useContext, createContext } from "react";
+const Context = /* @__PURE__ */ createContext(null), useFormControl = () => {
+  const context = useContext(Context);
+  if (!context)
+    throw new Error("Cannot be rendered outside the FormControl component");
+  return context;
+};
+export {
+  Context,
+  useFormControl
+};

package/dist/components/Form/FormControl.js

@@ -1 +1,32 @@
-import{Context}from"./FormContext.js";import FormText from"./FormText.js";import Input from"../Input/Input.js";import Label from"../Label/Label.js";import{forwardRef,useMemo}from"react";import{jsx}from"react/jsx-runtime";var Root=forwardRef(({children,className,id,isOptional,isReadOnly,isRequired,status,...restProps},ref)=>{let values=useMemo(()=>({id,isOptional,isRequired,isReadOnly,status}),[id,isOptional,isReadOnly,isRequired,status]);return jsx(Context.Provider,{value:values,children:jsx(`div`,{ref,className,...restProps,children})})}),FormControl=Object.assign(Root,{Label,Input,Text:FormText});export{FormControl as default};
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useMemo } from "react";
+import { Context } from "./FormContext.js";
+import FormText from "./FormText.js";
+import Input from "../Input/Input.js";
+import Label from "../Label/Label.js";
+const Root = /* @__PURE__ */ forwardRef(({
+  children,
+  className,
+  id,
+  isOptional,
+  isReadOnly,
+  isRequired,
+  status,
+  ...restProps
+}, ref) => {
+  const values = useMemo(() => ({
+    id,
+    isOptional,
+    isRequired,
+    isReadOnly,
+    status
+  }), [id, isOptional, isReadOnly, isRequired, status]);
+  return /* @__PURE__ */ jsx(Context.Provider, { value: values, children: /* @__PURE__ */ jsx("div", { ref, className, ...restProps, children }) });
+}), FormControl = Object.assign(Root, {
+  Label,
+  Input,
+  Text: FormText
+});
+export {
+  FormControl as default
+};

package/dist/components/Form/FormText.js

@@ -1 +1,22 @@
-import SvgIconError from"../../modules/icons/components/IconError.js";import SvgIconSuccessOutline from"../../modules/icons/components/IconSuccessOutline.js";import{useFormControl}from"./FormContext.js";import clsx$1 from"clsx";import{jsx,jsxs}from"react/jsx-runtime";var FormText=({children})=>{let{status}=useFormControl(),classes=clsx$1(`input-message`,{"input-message--invalid":status===`invalid`,"input-message--valid":status===`valid`}),Icon=status===`invalid`?SvgIconError:status===`valid`?SvgIconSuccessOutline:null;return jsxs(`p`,{className:classes,children:[Icon&&jsx(Icon,{className:`input-message__icon`,"aria-hidden":`true`}),children]})};export{FormText as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import SvgIconError from "../../modules/icons/components/IconError.js";
+import SvgIconSuccessOutline from "../../modules/icons/components/IconSuccessOutline.js";
+import { useFormControl } from "./FormContext.js";
+const FormText = ({
+  children
+}) => {
+  const {
+    status
+  } = useFormControl(), classes = clsx("input-message", {
+    "input-message--invalid": status === "invalid",
+    "input-message--valid": status === "valid"
+  }), Icon = status === "invalid" ? SvgIconError : status === "valid" ? SvgIconSuccessOutline : null;
+  return /* @__PURE__ */ jsxs("p", { className: classes, children: [
+    Icon && /* @__PURE__ */ jsx(Icon, { className: "input-message__icon", "aria-hidden": "true" }),
+    children
+  ] });
+};
+export {
+  FormText as default
+};

package/dist/components/Grid/Grid.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export interface GridProps extends React.ComponentPropsWithoutRef<'div'> {
+export interface GridProps {
     /**
      * Content inside the Grid component. Usually GridCol components
      */

package/dist/components/Grid/Grid.js

@@ -1 +1,32 @@
-import clsx$1 from"clsx";import{jsx}from"react/jsx-runtime";var Grid=({children,className,...restProps})=>jsx(`div`,{className:clsx$1(`grid`,className),...restProps,children}),Column=({sm,md,lg,xl,children,className,as,...restProps})=>jsx(as||`div`,{className:clsx$1({[`g-col-${sm}`]:sm,[md?`g-col-md-${md}`:``]:md,[lg?`g-col-lg-${lg}`:``]:lg,[xl?`g-col-xl-${xl}`:``]:xl},className),...restProps,children});Grid.Col=Column;export{Column,Grid};
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+const Grid = ({
+  children,
+  className,
+  ...restProps
+}) => {
+  const classes = clsx("grid", className);
+  return /* @__PURE__ */ jsx("div", { className: classes, ...restProps, children });
+}, Column = ({
+  sm,
+  md,
+  lg,
+  xl,
+  children,
+  className,
+  as,
+  ...restProps
+}) => {
+  const Component = as || "div", classes = clsx({
+    [`g-col-${sm}`]: sm,
+    [md ? `g-col-md-${md}` : ""]: md,
+    [lg ? `g-col-lg-${lg}` : ""]: lg,
+    [xl ? `g-col-xl-${xl}` : ""]: xl
+  }, className);
+  return /* @__PURE__ */ jsx(Component, { className: classes, ...restProps, children });
+};
+Grid.Col = Column;
+export {
+  Column,
+  Grid
+};

package/dist/components/Heading/Heading.js

@@ -1 +1,16 @@
-import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";var Heading=forwardRef(({level:Component=`h1`,headingStyle=`h1`,children,className,...restProps},ref)=>jsx(Component,{ref,className:clsx$1(headingStyle,className),...restProps,children}));export{Heading as default};
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const Heading = /* @__PURE__ */ forwardRef(({
+  level: Component = "h1",
+  headingStyle = "h1",
+  children,
+  className,
+  ...restProps
+}, ref) => {
+  const classes = clsx(headingStyle, className);
+  return /* @__PURE__ */ jsx(Component, { ref, className: classes, ...restProps, children });
+});
+export {
+  Heading as default
+};

package/dist/components/Image/Image.js

@@ -1 +1,44 @@
-import useImage from"../../hooks/useImage/useImage.js";import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";import commonPlaceholder from"@edifice.io/bootstrap/dist/images/common/image-placeholder.png";var Image=forwardRef(({src,alt,imgPlaceholder,ratio,objectFit,className,onError:onErrorProp,...restProps},ref)=>{let{imgSrc,onError}=useImage({src,placeholder:imgPlaceholder??commonPlaceholder}),handleError=event=>{onError(),onErrorProp?.(event)},ratioImage={"ratio ratio-1x1":ratio===`1`,"ratio ratio-4x3":ratio===`4`,"ratio ratio-16x9":ratio===`16`,"ratio ratio-21x9":ratio===`21`},objectImage={"object-fit-contain":objectFit===`contain`,"object-fit-cover":objectFit===`cover`,"object-fit-fill":objectFit===`fill`,"object-fit-scale":objectFit===`scale`,"object-fit-none":objectFit===`none`},ratioClasses=clsx$1({...ratioImage}),renderImage=jsx(`img`,{alt,onError:handleError,ref,src:imgSrc,className:clsx$1({...objectImage},className),...restProps});return ratio?jsx(`div`,{className:ratioClasses,children:renderImage}):renderImage});export{Image as default};
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import commonPlaceholder from "@edifice.io/bootstrap/dist/images/common/image-placeholder.png";
+import useImage from "../../hooks/useImage/useImage.js";
+const Image = /* @__PURE__ */ forwardRef(({
+  src,
+  alt,
+  imgPlaceholder,
+  ratio,
+  objectFit,
+  className,
+  onError: onErrorProp,
+  ...restProps
+}, ref) => {
+  const placeholder = imgPlaceholder ?? commonPlaceholder, {
+    imgSrc,
+    onError
+  } = useImage({
+    src,
+    placeholder
+  }), handleError = (event) => {
+    onError(), onErrorProp == null || onErrorProp(event);
+  }, ratioImage = {
+    "ratio ratio-1x1": ratio === "1",
+    "ratio ratio-4x3": ratio === "4",
+    "ratio ratio-16x9": ratio === "16",
+    "ratio ratio-21x9": ratio === "21"
+  }, objectImage = {
+    "object-fit-contain": objectFit === "contain",
+    "object-fit-cover": objectFit === "cover",
+    "object-fit-fill": objectFit === "fill",
+    "object-fit-scale": objectFit === "scale",
+    "object-fit-none": objectFit === "none"
+  }, ratioClasses = clsx({
+    ...ratioImage
+  }), classes = clsx({
+    ...objectImage
+  }, className), renderImage = /* @__PURE__ */ jsx("img", { alt, onError: handleError, ref, src: imgSrc, className: classes, ...restProps });
+  return ratio ? /* @__PURE__ */ jsx("div", { className: ratioClasses, children: renderImage }) : renderImage;
+});
+export {
+  Image as default
+};