@chayns-components/core 5.0.0-beta.13 → 5.0.0-beta.1300

package/lib/esm/components/dropdown-body-wrapper/DropdownBodyWrapper.js

@@ -0,0 +1,141 @@
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { StyledDropdownBodyWrapper, StyledDropdownBodyWrapperContent } from './DropdownBodyWrapper.styles';
+import { createPortal } from 'react-dom';
+import { DropdownDirection } from '../../types/dropdown';
+import DelayedDropdownContent from './delayed-dropdown-content/DelayedDropdownContent';
+import { useDropdown, useDropdownListener } from '../../hooks/dropdown';
+import { ContainerAnchor, useContainer } from '../../hooks/container';
+const DropdownBodyWrapper = ({
+  anchorElement,
+  bodyWidth,
+  children,
+  container: containerProp,
+  contentHeight = 0,
+  direction = DropdownDirection.BOTTOM_RIGHT,
+  maxHeight = 300,
+  minBodyWidth = 0,
+  onClose,
+  onOutsideClick,
+  onMeasure,
+  shouldShowDropdown
+}) => {
+  const isInChaynsWalletRef = useRef(false);
+  const [measuredContentHeight, setMeasuredContentHeight] = useState(0);
+  const [portal, setPortal] = useState();
+  const ref = useRef(null);
+  const shouldPreventClickRef = useRef(false);
+  const touchTimeoutRef = useRef(undefined);
+  const container = useContainer({
+    anchorElement,
+    container: containerProp
+  });
+  const {
+    transform,
+    width,
+    coordinates
+  } = useDropdown({
+    direction,
+    bodyWidth,
+    contentHeight,
+    container,
+    anchorElement,
+    shouldShowDropdown
+  });
+  const handleClose = useCallback(() => {
+    if (typeof onClose === 'function') {
+      onClose();
+    }
+  }, [onClose]);
+
+  /**
+   * This function closes the body
+   */
+  const handleClick = useCallback(event => {
+    if (ref.current && shouldShowDropdown && !anchorElement.contains(event.target) && !ref.current.contains(event.target)) {
+      event.preventDefault();
+      event.stopPropagation();
+      const shouldPreventCloseOnClick = onOutsideClick?.() ?? false;
+      if (!shouldPreventClickRef.current && !shouldPreventCloseOnClick) {
+        handleClose();
+      }
+    }
+    shouldPreventClickRef.current = false;
+  }, [anchorElement, handleClose, onOutsideClick, shouldShowDropdown]);
+  const handleContentMeasure = useCallback(measurements => {
+    // Measurements are only needed if the content is shown in the chayns wallet. To prevent
+    // unnecessary renders, we only set the height if the content is shown in the wallet.
+    if (isInChaynsWalletRef.current) {
+      setMeasuredContentHeight(measurements.height);
+    }
+    if (typeof onMeasure === 'function') {
+      onMeasure(measurements);
+    }
+  }, [onMeasure]);
+  const handleTouchEnd = useCallback(() => {
+    clearTimeout(touchTimeoutRef.current);
+  }, []);
+  const handleTouchStart = useCallback(() => {
+    touchTimeoutRef.current = window.setTimeout(() => {
+      shouldPreventClickRef.current = true;
+    }, 500);
+  }, []);
+
+  /**
+   * This hook listens for clicks
+   */
+  useDropdownListener({
+    onClick: handleClick,
+    onClose: handleClose,
+    onTouchEnd: handleTouchEnd,
+    onTouchStart: handleTouchStart
+  });
+  useEffect(() => {
+    const isBottomDirection = [DropdownDirection.BOTTOM, DropdownDirection.BOTTOM_LEFT, DropdownDirection.BOTTOM_RIGHT].includes(direction);
+    const reservationWrapperElement = anchorElement.closest(ContainerAnchor.RESERVATION_WRAPPER);
+    isInChaynsWalletRef.current = !!(reservationWrapperElement && reservationWrapperElement.contains(anchorElement)) || true;
+
+    // This effect checks if additional space is needed to show dropdown content in chayns cards.
+    if (isBottomDirection && isInChaynsWalletRef.current && measuredContentHeight > 0 && reservationWrapperElement && shouldShowDropdown) {
+      const availableHeight = window.innerHeight - anchorElement.getBoundingClientRect().bottom;
+
+      // If the content height is greater than the available height, we need to add additional space.
+      // This is to ensure that the dropdown content is fully visible. The 16 pixels are a buffer for shadows.
+      const additionalNeededSpace = measuredContentHeight + 16 - availableHeight;
+      if (additionalNeededSpace > 0) {
+        // Add margin bottom to the reservation wrapper to ensure the dropdown content is fully visible.
+        reservationWrapperElement.style.marginBottom = `${additionalNeededSpace}px`;
+      } else {
+        // Reset the margin bottom if no additional space is needed.
+        reservationWrapperElement.style.marginBottom = '0px';
+      }
+    }
+    if (isInChaynsWalletRef.current && reservationWrapperElement && !shouldShowDropdown) {
+      // Reset the margin bottom when the dropdown is closed.
+      reservationWrapperElement.style.marginBottom = '0px';
+    }
+    return () => {
+      if (reservationWrapperElement) {
+        reservationWrapperElement.style.marginBottom = '0px';
+      }
+    };
+  }, [anchorElement, direction, measuredContentHeight, shouldShowDropdown]);
+  useEffect(() => {
+    if (!container) return;
+    setPortal(() => /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(DelayedDropdownContent, {
+      coordinates: coordinates,
+      onMeasure: handleContentMeasure,
+      shouldShowContent: shouldShowDropdown,
+      transform: transform
+    }, /*#__PURE__*/React.createElement(StyledDropdownBodyWrapperContent, {
+      $width: width,
+      $minWidth: minBodyWidth,
+      $maxHeight: maxHeight,
+      $direction: direction,
+      ref: ref
+    }, children)), container));
+  }, [children, container, coordinates, direction, handleContentMeasure, maxHeight, minBodyWidth, shouldShowDropdown, transform, width]);
+  return /*#__PURE__*/React.createElement(StyledDropdownBodyWrapper, null, portal);
+};
+DropdownBodyWrapper.displayName = 'DropdownBodyWrapper';
+export default DropdownBodyWrapper;
+//# sourceMappingURL=DropdownBodyWrapper.js.map

package/lib/esm/components/dropdown-body-wrapper/DropdownBodyWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownBodyWrapper.js","names":["React","useCallback","useEffect","useRef","useState","StyledDropdownBodyWrapper","StyledDropdownBodyWrapperContent","createPortal","DropdownDirection","DelayedDropdownContent","useDropdown","useDropdownListener","ContainerAnchor","useContainer","DropdownBodyWrapper","anchorElement","bodyWidth","children","container","containerProp","contentHeight","direction","BOTTOM_RIGHT","maxHeight","minBodyWidth","onClose","onOutsideClick","onMeasure","shouldShowDropdown","isInChaynsWalletRef","measuredContentHeight","setMeasuredContentHeight","portal","setPortal","ref","shouldPreventClickRef","touchTimeoutRef","undefined","transform","width","coordinates","handleClose","handleClick","event","current","contains","target","preventDefault","stopPropagation","shouldPreventCloseOnClick","handleContentMeasure","measurements","height","handleTouchEnd","clearTimeout","handleTouchStart","window","setTimeout","onClick","onTouchEnd","onTouchStart","isBottomDirection","BOTTOM","BOTTOM_LEFT","includes","reservationWrapperElement","closest","RESERVATION_WRAPPER","availableHeight","innerHeight","getBoundingClientRect","bottom","additionalNeededSpace","style","marginBottom","createElement","shouldShowContent","$width","$minWidth","$maxHeight","$direction","displayName"],"sources":["../../../../src/components/dropdown-body-wrapper/DropdownBodyWrapper.tsx"],"sourcesContent":["import React, { FC, ReactNode, ReactPortal, useCallback, useEffect, useRef, useState } from 'react';\nimport {\n    StyledDropdownBodyWrapper,\n    StyledDropdownBodyWrapperContent,\n} from './DropdownBodyWrapper.styles';\nimport { createPortal } from 'react-dom';\nimport { DropdownDirection, DropdownMeasurements } from '../../types/dropdown';\nimport DelayedDropdownContent, {\n    DelayedDropdownContentProps,\n} from './delayed-dropdown-content/DelayedDropdownContent';\nimport { useDropdown, useDropdownListener } from '../../hooks/dropdown';\nimport { ContainerAnchor, useContainer } from '../../hooks/container';\n\ninterface DropdownBodyWrapperProps {\n    /**\n     * The anchor element of the dropdown.\n     */\n    anchorElement: Element;\n    /**\n     * The width of the Body.\n     */\n    bodyWidth?: number;\n    /**\n     * The content of the dropdown body.\n     */\n    children: ReactNode;\n    /**\n     * The element where the content should be rendered via React Portal.\n     */\n    container?: Element;\n    /**\n     * The height of the content\n     */\n    contentHeight?: number;\n    /**\n     * The direction of the dropdown.\n     */\n    direction?: DropdownDirection;\n    /**\n     * The max height of the dropdown.\n     */\n    maxHeight?: number;\n    /**\n     * The minimum width of the body.\n     */\n    minBodyWidth?: number;\n    /**\n     * Function to be executed when the body is closed.\n     */\n    onClose?: VoidFunction;\n    /**\n     * Function to be executed when the user clicks outside the dropdown.\n     * If the function returns `true`, the dropdown will not be closed.\n     */\n    onOutsideClick?: () => boolean | void;\n    /**\n     * Function to be executed when the content is measured.\n     */\n    onMeasure?: DelayedDropdownContentProps['onMeasure'];\n    /**\n     * Whether the dropdown should be visible.\n     */\n    shouldShowDropdown: boolean;\n}\n\nconst DropdownBodyWrapper: FC<DropdownBodyWrapperProps> = ({\n    anchorElement,\n    bodyWidth,\n    children,\n    container: containerProp,\n    contentHeight = 0,\n    direction = DropdownDirection.BOTTOM_RIGHT,\n    maxHeight = 300,\n    minBodyWidth = 0,\n    onClose,\n    onOutsideClick,\n    onMeasure,\n    shouldShowDropdown,\n}) => {\n    const isInChaynsWalletRef = useRef(false);\n\n    const [measuredContentHeight, setMeasuredContentHeight] = useState<number>(0);\n    const [portal, setPortal] = useState<ReactPortal>();\n\n    const ref = useRef<HTMLDivElement>(null);\n    const shouldPreventClickRef = useRef<boolean>(false);\n    const touchTimeoutRef = useRef<number | undefined>(undefined);\n\n    const container = useContainer({ anchorElement, container: containerProp });\n\n    const { transform, width, coordinates } = useDropdown({\n        direction,\n        bodyWidth,\n        contentHeight,\n        container,\n        anchorElement,\n        shouldShowDropdown,\n    });\n\n    const handleClose = useCallback(() => {\n        if (typeof onClose === 'function') {\n            onClose();\n        }\n    }, [onClose]);\n\n    /**\n     * This function closes the body\n     */\n    const handleClick = useCallback(\n        (event: MouseEvent) => {\n            if (\n                ref.current &&\n                shouldShowDropdown &&\n                !anchorElement.contains(event.target as Node) &&\n                !ref.current.contains(event.target as Node)\n            ) {\n                event.preventDefault();\n                event.stopPropagation();\n\n                const shouldPreventCloseOnClick = onOutsideClick?.() ?? false;\n\n                if (!shouldPreventClickRef.current && !shouldPreventCloseOnClick) {\n                    handleClose();\n                }\n            }\n\n            shouldPreventClickRef.current = false;\n        },\n        [anchorElement, handleClose, onOutsideClick, shouldShowDropdown],\n    );\n\n    const handleContentMeasure = useCallback(\n        (measurements: DropdownMeasurements) => {\n            // Measurements are only needed if the content is shown in the chayns wallet. To prevent\n            // unnecessary renders, we only set the height if the content is shown in the wallet.\n            if (isInChaynsWalletRef.current) {\n                setMeasuredContentHeight(measurements.height);\n            }\n\n            if (typeof onMeasure === 'function') {\n                onMeasure(measurements);\n            }\n        },\n        [onMeasure],\n    );\n\n    const handleTouchEnd = useCallback(() => {\n        clearTimeout(touchTimeoutRef.current);\n    }, []);\n\n    const handleTouchStart = useCallback(() => {\n        touchTimeoutRef.current = window.setTimeout(() => {\n            shouldPreventClickRef.current = true;\n        }, 500);\n    }, []);\n\n    /**\n     * This hook listens for clicks\n     */\n    useDropdownListener({\n        onClick: handleClick,\n        onClose: handleClose,\n        onTouchEnd: handleTouchEnd,\n        onTouchStart: handleTouchStart,\n    });\n\n    useEffect(() => {\n        const isBottomDirection = [\n            DropdownDirection.BOTTOM,\n            DropdownDirection.BOTTOM_LEFT,\n            DropdownDirection.BOTTOM_RIGHT,\n        ].includes(direction);\n\n        const reservationWrapperElement = anchorElement.closest<HTMLDivElement>(\n            ContainerAnchor.RESERVATION_WRAPPER,\n        );\n\n        isInChaynsWalletRef.current =\n            !!(reservationWrapperElement && reservationWrapperElement.contains(anchorElement)) ||\n            true;\n\n        // This effect checks if additional space is needed to show dropdown content in chayns cards.\n        if (\n            isBottomDirection &&\n            isInChaynsWalletRef.current &&\n            measuredContentHeight > 0 &&\n            reservationWrapperElement &&\n            shouldShowDropdown\n        ) {\n            const availableHeight =\n                window.innerHeight - anchorElement.getBoundingClientRect().bottom;\n\n            // If the content height is greater than the available height, we need to add additional space.\n            // This is to ensure that the dropdown content is fully visible. The 16 pixels are a buffer for shadows.\n            const additionalNeededSpace = measuredContentHeight + 16 - availableHeight;\n\n            if (additionalNeededSpace > 0) {\n                // Add margin bottom to the reservation wrapper to ensure the dropdown content is fully visible.\n                reservationWrapperElement.style.marginBottom = `${additionalNeededSpace}px`;\n            } else {\n                // Reset the margin bottom if no additional space is needed.\n                reservationWrapperElement.style.marginBottom = '0px';\n            }\n        }\n\n        if (isInChaynsWalletRef.current && reservationWrapperElement && !shouldShowDropdown) {\n            // Reset the margin bottom when the dropdown is closed.\n            reservationWrapperElement.style.marginBottom = '0px';\n        }\n\n        return () => {\n            if (reservationWrapperElement) {\n                reservationWrapperElement.style.marginBottom = '0px';\n            }\n        };\n    }, [anchorElement, direction, measuredContentHeight, shouldShowDropdown]);\n\n    useEffect(() => {\n        if (!container) return;\n\n        setPortal(() =>\n            createPortal(\n                <DelayedDropdownContent\n                    coordinates={coordinates}\n                    onMeasure={handleContentMeasure}\n                    shouldShowContent={shouldShowDropdown}\n                    transform={transform}\n                >\n                    <StyledDropdownBodyWrapperContent\n                        $width={width}\n                        $minWidth={minBodyWidth}\n                        $maxHeight={maxHeight}\n                        $direction={direction}\n                        ref={ref}\n                    >\n                        {children}\n                    </StyledDropdownBodyWrapperContent>\n                </DelayedDropdownContent>,\n                container,\n            ),\n        );\n    }, [\n        children,\n        container,\n        coordinates,\n        direction,\n        handleContentMeasure,\n        maxHeight,\n        minBodyWidth,\n        shouldShowDropdown,\n        transform,\n        width,\n    ]);\n\n    return <StyledDropdownBodyWrapper>{portal}</StyledDropdownBodyWrapper>;\n};\n\nDropdownBodyWrapper.displayName = 'DropdownBodyWrapper';\n\nexport default DropdownBodyWrapper;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/dropdown-body-wrapper/DropdownBodyWrapper.styles.js

@@ -0,0 +1,43 @@
+import styled, { css } from 'styled-components';
+import { DropdownDirection } from '../../types/dropdown';
+export const StyledDropdownBodyWrapper = styled.div``;
+export const StyledDropdownBodyWrapperContent = styled.div`
+    width: ${({
+  $width
+}) => $width}px;
+    max-height: ${({
+  $maxHeight
+}) => $maxHeight}px;
+    min-width: ${({
+  $minWidth
+}) => $minWidth}px;
+
+    // Basic styles
+    background: ${({
+  theme
+}) => theme['000']};
+    border: 1px solid rgba(160, 160, 160, 0.3);
+    overflow: hidden;
+    box-shadow: 0 0 0 1px
+        rgba(${({
+  theme
+}) => theme['009-rgb']}, 0.08) inset;
+
+    ${({
+  $direction
+}) => {
+  if ([DropdownDirection.BOTTOM, DropdownDirection.BOTTOM_LEFT, DropdownDirection.BOTTOM_RIGHT].includes($direction)) {
+    return css`
+                border-bottom-left-radius: 3px;
+                border-bottom-right-radius: 3px;
+                box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
+            `;
+  }
+  return css`
+            border-top-left-radius: 3px;
+            border-top-right-radius: 3px;
+            box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.2);
+        `;
+}}
+`;
+//# sourceMappingURL=DropdownBodyWrapper.styles.js.map

package/lib/esm/components/dropdown-body-wrapper/DropdownBodyWrapper.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownBodyWrapper.styles.js","names":["styled","css","DropdownDirection","StyledDropdownBodyWrapper","div","StyledDropdownBodyWrapperContent","$width","$maxHeight","$minWidth","theme","$direction","BOTTOM","BOTTOM_LEFT","BOTTOM_RIGHT","includes"],"sources":["../../../../src/components/dropdown-body-wrapper/DropdownBodyWrapper.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport { DropdownDirection } from '../../types/dropdown';\n\nexport const StyledDropdownBodyWrapper = styled.div``;\n\ntype StyledDropdownBodyWrapperContentProps = WithTheme<{\n    $width: number;\n    $maxHeight: number;\n    $minWidth: number;\n    $direction: DropdownDirection;\n}>;\n\nexport const StyledDropdownBodyWrapperContent = styled.div<StyledDropdownBodyWrapperContentProps>`\n    width: ${({ $width }) => $width}px;\n    max-height: ${({ $maxHeight }) => $maxHeight}px;\n    min-width: ${({ $minWidth }) => $minWidth}px;\n\n    // Basic styles\n    background: ${({ theme }: StyledDropdownBodyWrapperContentProps) => theme['000']};\n    border: 1px solid rgba(160, 160, 160, 0.3);\n    overflow: hidden;\n    box-shadow: 0 0 0 1px\n        rgba(${({ theme }: StyledDropdownBodyWrapperContentProps) => theme['009-rgb']}, 0.08) inset;\n\n    ${({ $direction }) => {\n        if (\n            [\n                DropdownDirection.BOTTOM,\n                DropdownDirection.BOTTOM_LEFT,\n                DropdownDirection.BOTTOM_RIGHT,\n            ].includes($direction)\n        ) {\n            return css`\n                border-bottom-left-radius: 3px;\n                border-bottom-right-radius: 3px;\n                box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);\n            `;\n        }\n\n        return css`\n            border-top-left-radius: 3px;\n            border-top-right-radius: 3px;\n            box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.2);\n        `;\n    }}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,iBAAiB,QAAQ,sBAAsB;AAExD,OAAO,MAAMC,yBAAyB,GAAGH,MAAM,CAACI,GAAG,EAAE;AASrD,OAAO,MAAMC,gCAAgC,GAAGL,MAAM,CAACI,GAA0C;AACjG,aAAa,CAAC;EAAEE;AAAO,CAAC,KAAKA,MAAM;AACnC,kBAAkB,CAAC;EAAEC;AAAW,CAAC,KAAKA,UAAU;AAChD,iBAAiB,CAAC;EAAEC;AAAU,CAAC,KAAKA,SAAS;AAC7C;AACA;AACA,kBAAkB,CAAC;EAAEC;AAA6C,CAAC,KAAKA,KAAK,CAAC,KAAK,CAAC;AACpF;AACA;AACA;AACA,eAAe,CAAC;EAAEA;AAA6C,CAAC,KAAKA,KAAK,CAAC,SAAS,CAAC;AACrF;AACA,MAAM,CAAC;EAAEC;AAAW,CAAC,KAAK;EAClB,IACI,CACIR,iBAAiB,CAACS,MAAM,EACxBT,iBAAiB,CAACU,WAAW,EAC7BV,iBAAiB,CAACW,YAAY,CACjC,CAACC,QAAQ,CAACJ,UAAU,CAAC,EACxB;IACE,OAAOT,GAAG;AACtB;AACA;AACA;AACA,aAAa;EACL;EAEA,OAAOA,GAAG;AAClB;AACA;AACA;AACA,SAAS;AACL,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/esm/components/dropdown-body-wrapper/delayed-dropdown-content/DelayedDropdownContent.js

@@ -0,0 +1,97 @@
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { StyledMotionDelayedDropdownContent } from './DelayedDropdownContent.styles';
+const ANIMATION_DELAY_MS = 200;
+var AnimationType = /*#__PURE__*/function (AnimationType) {
+  AnimationType[AnimationType["None"] = 0] = "None";
+  AnimationType[AnimationType["Hidden"] = 1] = "Hidden";
+  AnimationType[AnimationType["Visible"] = 2] = "Visible";
+  AnimationType[AnimationType["FadeIn"] = 3] = "FadeIn";
+  AnimationType[AnimationType["FadeOut"] = 4] = "FadeOut";
+  return AnimationType;
+}(AnimationType || {});
+const DelayedDropdownContent = ({
+  children,
+  shouldShowContent,
+  onMeasure,
+  coordinates,
+  transform
+}) => {
+  const [animationState, setAnimationState] = useState(AnimationType.None);
+  const ref = useRef(null);
+  const timeoutRef = useRef();
+  const measureElement = useCallback(() => {
+    if (ref.current) {
+      const {
+        height,
+        width,
+        x,
+        y
+      } = ref.current.getBoundingClientRect();
+      const {
+        scrollHeight
+      } = ref.current;
+      if (typeof onMeasure === 'function') {
+        onMeasure({
+          x,
+          y,
+          height,
+          scrollHeight,
+          width,
+          element: ref.current
+        });
+      }
+      setAnimationState(AnimationType.FadeIn);
+      timeoutRef.current = window.setTimeout(() => {
+        setAnimationState(AnimationType.Visible);
+      }, ANIMATION_DELAY_MS);
+    }
+  }, [onMeasure]);
+  useEffect(() => {
+    if (!shouldShowContent) return () => {};
+    const observer = new ResizeObserver(() => {
+      measureElement();
+    });
+    if (ref.current) {
+      observer.observe(ref.current);
+    }
+    return () => observer.disconnect();
+  }, [measureElement, shouldShowContent]);
+  useEffect(() => {
+    if (shouldShowContent) {
+      setAnimationState(AnimationType.Hidden);
+      window.setTimeout(() => {
+        measureElement();
+      }, 1);
+    } else {
+      clearTimeout(timeoutRef.current);
+      setAnimationState(prevState => {
+        if (prevState === AnimationType.None) {
+          return prevState;
+        }
+        return AnimationType.FadeOut;
+      });
+      window.setTimeout(() => {
+        setAnimationState(AnimationType.None);
+      }, ANIMATION_DELAY_MS);
+    }
+  }, [measureElement, shouldShowContent]);
+  if (animationState === AnimationType.None) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(StyledMotionDelayedDropdownContent, {
+    ref: ref,
+    $coordinates: coordinates,
+    $transform: transform,
+    $shouldHideContent: animationState === AnimationType.Hidden,
+    animate: {
+      opacity: [AnimationType.FadeIn, AnimationType.Visible].includes(animationState) ? 1 : 0
+    },
+    transition: {
+      duration: ANIMATION_DELAY_MS / 1000,
+      type: 'tween'
+    }
+  }, children);
+};
+DelayedDropdownContent.displayName = 'DelayedDropdownContent';
+export default DelayedDropdownContent;
+//# sourceMappingURL=DelayedDropdownContent.js.map

package/lib/esm/components/dropdown-body-wrapper/delayed-dropdown-content/DelayedDropdownContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DelayedDropdownContent.js","names":["React","useCallback","useEffect","useRef","useState","StyledMotionDelayedDropdownContent","ANIMATION_DELAY_MS","AnimationType","DelayedDropdownContent","children","shouldShowContent","onMeasure","coordinates","transform","animationState","setAnimationState","None","ref","timeoutRef","measureElement","current","height","width","x","y","getBoundingClientRect","scrollHeight","element","FadeIn","window","setTimeout","Visible","observer","ResizeObserver","observe","disconnect","Hidden","clearTimeout","prevState","FadeOut","createElement","$coordinates","$transform","$shouldHideContent","animate","opacity","includes","transition","duration","type","displayName"],"sources":["../../../../../src/components/dropdown-body-wrapper/delayed-dropdown-content/DelayedDropdownContent.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback, useEffect, useRef, useState } from 'react';\nimport { StyledMotionDelayedDropdownContent } from './DelayedDropdownContent.styles';\nimport {\n    DropdownCoordinates,\n    DropdownMeasurements,\n    DropdownTransform,\n} from '../../../types/dropdown';\n\nconst ANIMATION_DELAY_MS = 200;\n\nenum AnimationType {\n    None,\n    Hidden,\n    Visible,\n    FadeIn,\n    FadeOut,\n}\n\nexport type DelayedDropdownContentProps = {\n    /**\n     * The content to be rendered inside the dropdown.\n     */\n    children: ReactNode;\n    /**\n     * The absolute coordinates used to position the dropdown.\n     */\n    coordinates: DropdownCoordinates;\n    /**\n     * Callback that returns the dimensions of the dropdown after measuring.\n     */\n    onMeasure?: (measurements: DropdownMeasurements) => void;\n    /**\n     * Whether the dropdown should be rendered and animated in.\n     */\n    shouldShowContent: boolean;\n    /**\n     * CSS transform data (e.g. translate offsets) to apply for positioning.\n     */\n    transform: DropdownTransform;\n};\n\nconst DelayedDropdownContent: FC<DelayedDropdownContentProps> = ({\n    children,\n    shouldShowContent,\n    onMeasure,\n    coordinates,\n    transform,\n}) => {\n    const [animationState, setAnimationState] = useState<AnimationType>(AnimationType.None);\n\n    const ref = useRef<HTMLDivElement>(null);\n    const timeoutRef = useRef<number>();\n\n    const measureElement = useCallback(() => {\n        if (ref.current) {\n            const { height, width, x, y } = ref.current.getBoundingClientRect();\n            const { scrollHeight } = ref.current;\n\n            if (typeof onMeasure === 'function') {\n                onMeasure({\n                    x,\n                    y,\n                    height,\n                    scrollHeight,\n                    width,\n                    element: ref.current,\n                });\n            }\n\n            setAnimationState(AnimationType.FadeIn);\n\n            timeoutRef.current = window.setTimeout(() => {\n                setAnimationState(AnimationType.Visible);\n            }, ANIMATION_DELAY_MS);\n        }\n    }, [onMeasure]);\n\n    useEffect(() => {\n        if (!shouldShowContent) return () => {};\n\n        const observer = new ResizeObserver(() => {\n            measureElement();\n        });\n\n        if (ref.current) {\n            observer.observe(ref.current);\n        }\n\n        return () => observer.disconnect();\n    }, [measureElement, shouldShowContent]);\n\n    useEffect(() => {\n        if (shouldShowContent) {\n            setAnimationState(AnimationType.Hidden);\n\n            window.setTimeout(() => {\n                measureElement();\n            }, 1);\n        } else {\n            clearTimeout(timeoutRef.current);\n\n            setAnimationState((prevState) => {\n                if (prevState === AnimationType.None) {\n                    return prevState;\n                }\n\n                return AnimationType.FadeOut;\n            });\n\n            window.setTimeout(() => {\n                setAnimationState(AnimationType.None);\n            }, ANIMATION_DELAY_MS);\n        }\n    }, [measureElement, shouldShowContent]);\n\n    if (animationState === AnimationType.None) {\n        return null;\n    }\n\n    return (\n        <StyledMotionDelayedDropdownContent\n            ref={ref}\n            $coordinates={coordinates}\n            $transform={transform}\n            $shouldHideContent={animationState === AnimationType.Hidden}\n            animate={{\n                opacity: [AnimationType.FadeIn, AnimationType.Visible].includes(animationState)\n                    ? 1\n                    : 0,\n            }}\n            transition={{ duration: ANIMATION_DELAY_MS / 1000, type: 'tween' }}\n        >\n            {children}\n        </StyledMotionDelayedDropdownContent>\n    );\n};\n\nDelayedDropdownContent.displayName = 'DelayedDropdownContent';\n\nexport default DelayedDropdownContent;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/dropdown-body-wrapper/delayed-dropdown-content/DelayedDropdownContent.styles.js

@@ -0,0 +1,32 @@
+import { motion } from 'motion/react';
+import styled, { css } from 'styled-components';
+export const StyledMotionDelayedDropdownContent = styled(motion.div)`
+    position: absolute;
+
+    height: fit-content;
+    width: fit-content;
+
+    top: ${({
+  $coordinates
+}) => $coordinates.y}px;
+    left: ${({
+  $coordinates
+}) => $coordinates.x}px;
+
+    transform: ${({
+  $transform
+}) => `translate(${$transform.x}, ${$transform.y})`};
+
+    z-index: 15;
+
+    ${({
+  $shouldHideContent
+}) => $shouldHideContent ? css`
+                  visibility: hidden;
+                  pointer-events: none;
+                  z-index: -1;
+              ` : css`
+                  z-index: 5;
+              `}
+`;
+//# sourceMappingURL=DelayedDropdownContent.styles.js.map

package/lib/esm/components/dropdown-body-wrapper/delayed-dropdown-content/DelayedDropdownContent.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DelayedDropdownContent.styles.js","names":["motion","styled","css","StyledMotionDelayedDropdownContent","div","$coordinates","y","x","$transform","$shouldHideContent"],"sources":["../../../../../src/components/dropdown-body-wrapper/delayed-dropdown-content/DelayedDropdownContent.styles.ts"],"sourcesContent":["import { motion } from 'motion/react';\nimport styled, { css } from 'styled-components';\nimport { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\nimport { DropdownCoordinates, DropdownTransform } from '../../../types/dropdown';\n\ntype StyledMotionDelayedDropdownContentProps = WithTheme<{\n    $shouldHideContent: boolean;\n    $coordinates: DropdownCoordinates;\n    $transform: DropdownTransform;\n}>;\n\nexport const StyledMotionDelayedDropdownContent = styled(\n    motion.div,\n)<StyledMotionDelayedDropdownContentProps>`\n    position: absolute;\n\n    height: fit-content;\n    width: fit-content;\n\n    top: ${({ $coordinates }) => $coordinates.y}px;\n    left: ${({ $coordinates }) => $coordinates.x}px;\n\n    transform: ${({ $transform }) => `translate(${$transform.x}, ${$transform.y})`};\n\n    z-index: 15;\n\n    ${({ $shouldHideContent }) =>\n        $shouldHideContent\n            ? css`\n                  visibility: hidden;\n                  pointer-events: none;\n                  z-index: -1;\n              `\n            : css`\n                  z-index: 5;\n              `}\n`;\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,cAAc;AACrC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAU/C,OAAO,MAAMC,kCAAkC,GAAGF,MAAM,CACpDD,MAAM,CAACI,GACX,CAA0C;AAC1C;AACA;AACA;AACA;AACA;AACA,WAAW,CAAC;EAAEC;AAAa,CAAC,KAAKA,YAAY,CAACC,CAAC;AAC/C,YAAY,CAAC;EAAED;AAAa,CAAC,KAAKA,YAAY,CAACE,CAAC;AAChD;AACA,iBAAiB,CAAC;EAAEC;AAAW,CAAC,KAAK,aAAaA,UAAU,CAACD,CAAC,KAAKC,UAAU,CAACF,CAAC,GAAG;AAClF;AACA;AACA;AACA,MAAM,CAAC;EAAEG;AAAmB,CAAC,KACrBA,kBAAkB,GACZP,GAAG;AACjB;AACA;AACA;AACA,eAAe,GACDA,GAAG;AACjB;AACA,eAAe;AACf,CAAC","ignoreList":[]}

package/lib/esm/components/expandable-content/ExpandableContent.js

@@ -0,0 +1,22 @@
+import { AnimatePresence } from 'motion/react';
+import React, { useMemo } from 'react';
+import { StyledMotionExpandableContent } from './ExpandableContent.styles';
+const ExpandableContent = ({
+  children,
+  isOpen,
+  startDelay
+}) => useMemo(() => /*#__PURE__*/React.createElement(AnimatePresence, {
+  initial: false
+}, /*#__PURE__*/React.createElement(StyledMotionExpandableContent, {
+  animate: {
+    height: isOpen ? 'auto' : '0px'
+  },
+  transition: {
+    duration: 0.2,
+    type: 'tween',
+    delay: isOpen ? startDelay : 0
+  }
+}, children)), [children, isOpen, startDelay]);
+ExpandableContent.displayName = 'ExpandableContent';
+export default ExpandableContent;
+//# sourceMappingURL=ExpandableContent.js.map

package/lib/esm/components/expandable-content/ExpandableContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableContent.js","names":["AnimatePresence","React","useMemo","StyledMotionExpandableContent","ExpandableContent","children","isOpen","startDelay","createElement","initial","animate","height","transition","duration","type","delay","displayName"],"sources":["../../../../src/components/expandable-content/ExpandableContent.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, { FC, ReactNode, useMemo } from 'react';\nimport { StyledMotionExpandableContent } from './ExpandableContent.styles';\n\nexport type ExpandableContentProps = {\n    /**\n     * The children that should be animated.\n     */\n    children: ReactNode;\n    /**\n     * An optional start delay.\n     */\n    startDelay?: number;\n    /**\n     * Whether the content is expanded.\n     */\n    isOpen: boolean;\n};\n\nconst ExpandableContent: FC<ExpandableContentProps> = ({ children, isOpen, startDelay }) =>\n    useMemo(\n        () => (\n            <AnimatePresence initial={false}>\n                <StyledMotionExpandableContent\n                    animate={{ height: isOpen ? 'auto' : '0px' }}\n                    transition={{ duration: 0.2, type: 'tween', delay: isOpen ? startDelay : 0 }}\n                >\n                    {children}\n                </StyledMotionExpandableContent>\n            </AnimatePresence>\n        ),\n        [children, isOpen, startDelay],\n    );\n\nExpandableContent.displayName = 'ExpandableContent';\n\nexport default ExpandableContent;\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,cAAc;AAC9C,OAAOC,KAAK,IAAmBC,OAAO,QAAQ,OAAO;AACrD,SAASC,6BAA6B,QAAQ,4BAA4B;AAiB1E,MAAMC,iBAA6C,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,MAAM;EAAEC;AAAW,CAAC,KACnFL,OAAO,CACH,mBACID,KAAA,CAAAO,aAAA,CAACR,eAAe;EAACS,OAAO,EAAE;AAAM,gBAC5BR,KAAA,CAAAO,aAAA,CAACL,6BAA6B;EAC1BO,OAAO,EAAE;IAAEC,MAAM,EAAEL,MAAM,GAAG,MAAM,GAAG;EAAM,CAAE;EAC7CM,UAAU,EAAE;IAAEC,QAAQ,EAAE,GAAG;IAAEC,IAAI,EAAE,OAAO;IAAEC,KAAK,EAAET,MAAM,GAAGC,UAAU,GAAG;EAAE;AAAE,GAE5EF,QAC0B,CAClB,CACpB,EACD,CAACA,QAAQ,EAAEC,MAAM,EAAEC,UAAU,CACjC,CAAC;AAELH,iBAAiB,CAACY,WAAW,GAAG,mBAAmB;AAEnD,eAAeZ,iBAAiB","ignoreList":[]}

package/lib/esm/components/expandable-content/ExpandableContent.styles.js

@@ -0,0 +1,6 @@
+import { motion } from 'motion/react';
+import styled from 'styled-components';
+export const StyledMotionExpandableContent = styled(motion.div)`
+    overflow: hidden;
+`;
+//# sourceMappingURL=ExpandableContent.styles.js.map

package/lib/esm/components/expandable-content/ExpandableContent.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableContent.styles.js","names":["motion","styled","StyledMotionExpandableContent","div"],"sources":["../../../../src/components/expandable-content/ExpandableContent.styles.ts"],"sourcesContent":["import { motion } from 'motion/react';\nimport styled from 'styled-components';\n\nexport const StyledMotionExpandableContent = styled(motion.div)`\n    overflow: hidden;\n`;\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,cAAc;AACrC,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,6BAA6B,GAAGD,MAAM,CAACD,MAAM,CAACG,GAAG,CAAC;AAC/D;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/file-input/FileInput.js

@@ -0,0 +1,169 @@
+import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useState } from 'react';
+import { filterDuplicateFile, filterDuplicateFileUrls, isValidFileType } from '../../utils/file';
+import { StyledFileInput } from './FileInput.styles';
+import FileList from '../file-list/FileList';
+import FileSelect from '../file-select/FileSelect';
+const FileInput = /*#__PURE__*/forwardRef(({
+  fileSelectionIcons = ['fa fa-upload'],
+  imageSelectIcons = ['ts-image'],
+  fileTypes,
+  onMaxFilesReached,
+  maxFiles,
+  onRemove,
+  files,
+  isDisabled,
+  maxFileSizeInMB,
+  onAdd,
+  fileSelectionPlaceholder = 'Dateien hochladen',
+  imageSelectPlaceholder
+}, ref) => {
+  const [internalFiles, setInternalFiles] = useState([]);
+  const [internalImages, setInternalImages] = useState([]);
+  const handleInputClear = () => {
+    setInternalFiles([]);
+    setInternalImages([]);
+  };
+  useImperativeHandle(ref, () => ({
+    clear: handleInputClear
+  }), []);
+  const handleAddImages = useCallback(images => {
+    const newImages = [];
+    images.forEach(image => {
+      if (!filterDuplicateFileUrls({
+        files: internalImages,
+        newFile: image
+      })) {
+        newImages.push(image);
+      }
+    });
+    let tmp = newImages;
+    if (maxFiles) {
+      tmp = newImages.slice(0, maxFiles - (internalFiles.length + internalImages.length + (files?.length ?? 0)));
+    }
+    if (tmp.length > 0 && typeof onAdd === 'function') {
+      onAdd(tmp);
+    }
+    setInternalImages(prevState => [...prevState, ...tmp]);
+  }, [files?.length, internalFiles.length, internalImages, maxFiles, onAdd]);
+  const handleAddFiles = useCallback(newFiles => {
+    const newFileItems = [];
+    newFiles.forEach(file => {
+      if (fileTypes && !isValidFileType({
+        file,
+        types: fileTypes
+      })) {
+        return;
+      }
+      if (file && !filterDuplicateFile({
+        files: internalFiles,
+        newFile: file
+      })) {
+        newFileItems.push(file);
+      }
+    });
+    let tmp = newFileItems;
+    if (maxFiles) {
+      tmp = newFileItems.slice(0, maxFiles - (internalFiles.length + (files?.length ?? 0)));
+    }
+    if (tmp.length > 0 && typeof onAdd === 'function') {
+      onAdd(tmp);
+    }
+    setInternalFiles(prevState => [...prevState, ...tmp]);
+  }, [fileTypes, files?.length, internalFiles, maxFiles, onAdd]);
+  const handleAdd = useCallback(newFiles => {
+    if (Array.isArray(newFiles) && newFiles.length > 0) {
+      if (typeof newFiles[0] === 'string') {
+        handleAddImages(newFiles);
+      } else {
+        handleAddFiles(newFiles);
+      }
+    }
+  }, [handleAddFiles, handleAddImages]);
+  const handleDeleteFile = useCallback(id => {
+    let fileToDelete;
+    const filteredFiles = internalFiles.filter(file => {
+      const {
+        name
+      } = file;
+      if (name === id) {
+        fileToDelete = file;
+      }
+      return name !== id;
+    });
+    setInternalFiles(filteredFiles);
+    if (!fileToDelete) {
+      const filteredImages = internalImages.filter(image => {
+        if (image === id) {
+          fileToDelete = image;
+        }
+        return image !== id;
+      });
+      setInternalImages(filteredImages);
+    }
+    if (!fileToDelete) {
+      files?.forEach(file => {
+        if (file.id === id || file.name === id) {
+          fileToDelete = file;
+        }
+      });
+    }
+    if (!fileToDelete || typeof onRemove !== 'function') {
+      return;
+    }
+    onRemove(fileToDelete);
+  }, [files, internalFiles, internalImages, onRemove]);
+  const internalIsDisabled = useMemo(() => {
+    if (isDisabled) {
+      return true;
+    }
+    if (maxFiles) {
+      if (internalFiles.length + internalImages.length >= maxFiles) {
+        if (typeof onMaxFilesReached === 'function') {
+          onMaxFilesReached();
+        }
+        return true;
+      }
+    }
+    return false;
+  }, [internalFiles.length, internalImages.length, isDisabled, maxFiles, onMaxFilesReached]);
+  const filesToDisplay = useMemo(() => {
+    const items = internalFiles.map(({
+      type,
+      name,
+      size
+    }) => ({
+      id: name,
+      name,
+      size,
+      mimeType: type
+    }));
+    internalImages.forEach(image => {
+      items.push({
+        id: image,
+        name: image,
+        size: 0,
+        mimeType: 'image/png'
+      });
+    });
+    files?.forEach(file => {
+      items.push(file);
+    });
+    return items;
+  }, [files, internalFiles, internalImages]);
+  return useMemo(() => /*#__PURE__*/React.createElement(StyledFileInput, null, /*#__PURE__*/React.createElement(FileSelect, {
+    fileTypes: fileTypes,
+    fileSelectionIcons: fileSelectionIcons,
+    fileSelectionPlaceholder: fileSelectionPlaceholder,
+    imageSelectIcons: imageSelectIcons,
+    imageSelectPlaceholder: imageSelectPlaceholder,
+    maxFileSizeInMB: maxFileSizeInMB,
+    isDisabled: internalIsDisabled,
+    onAdd: handleAdd
+  }), /*#__PURE__*/React.createElement(FileList, {
+    files: filesToDisplay,
+    onRemove: handleDeleteFile
+  })), [fileTypes, fileSelectionIcons, fileSelectionPlaceholder, imageSelectIcons, imageSelectPlaceholder, maxFileSizeInMB, internalIsDisabled, handleAdd, filesToDisplay, handleDeleteFile]);
+});
+FileInput.displayName = 'FileInput';
+export default FileInput;
+//# sourceMappingURL=FileInput.js.map

package/lib/esm/components/file-input/FileInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileInput.js","names":["React","forwardRef","useCallback","useImperativeHandle","useMemo","useState","filterDuplicateFile","filterDuplicateFileUrls","isValidFileType","StyledFileInput","FileList","FileSelect","FileInput","fileSelectionIcons","imageSelectIcons","fileTypes","onMaxFilesReached","maxFiles","onRemove","files","isDisabled","maxFileSizeInMB","onAdd","fileSelectionPlaceholder","imageSelectPlaceholder","ref","internalFiles","setInternalFiles","internalImages","setInternalImages","handleInputClear","clear","handleAddImages","images","newImages","forEach","image","newFile","push","tmp","slice","length","prevState","handleAddFiles","newFiles","newFileItems","file","types","handleAdd","Array","isArray","handleDeleteFile","id","fileToDelete","filteredFiles","filter","name","filteredImages","internalIsDisabled","filesToDisplay","items","map","type","size","mimeType","createElement","displayName"],"sources":["../../../../src/components/file-input/FileInput.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useState } from 'react';\nimport { filterDuplicateFile, filterDuplicateFileUrls, isValidFileType } from '../../utils/file';\nimport { StyledFileInput } from './FileInput.styles';\nimport FileList, { IFileItem } from '../file-list/FileList';\nimport FileSelect from '../file-select/FileSelect';\n\nexport type FileInputProps = {\n    /**\n     * Already uploaded files to display.\n     */\n    files?: IFileItem[];\n    /**\n     * An array of icons that should be displayed inside the FileInput\n     */\n    fileSelectionIcons?: string[];\n    /**\n     * The text that should be displayed inside the FileInput.\n     */\n    fileSelectionPlaceholder?: string;\n    /**\n     * The filetypes that could be selected. Example for multiple types: 'image/*, video/*'.\n     */\n    fileTypes?: string;\n    /**\n     * The icon of the image selection.\n     */\n    imageSelectIcons?: string[];\n    /**\n     * If set, pictures can be select via Pixabay.\n     */\n    imageSelectPlaceholder?: string;\n    /**\n     * Whether the FileInput is disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * The maximum amount of Files that can be uploaded.\n     */\n    maxFiles?: number;\n    /**\n     * The maximum size of a file in MB.\n     */\n    maxFileSizeInMB?: number;\n    /**\n     * A function to be executed when files are added.\n     */\n    onAdd?: (files: File[] | string[]) => void;\n    /**\n     * Function to be executed when the maximum amount of Files are reached.\n     */\n    onMaxFilesReached?: () => void;\n    /**\n     * A function to be executed when a file is removed.\n     */\n    onRemove?: (file: File | IFileItem | string) => void;\n};\n\nexport type FileInputRef = {\n    clear: () => void;\n};\n\nconst FileInput = forwardRef<FileInputRef, FileInputProps>(\n    (\n        {\n            fileSelectionIcons = ['fa fa-upload'],\n            imageSelectIcons = ['ts-image'],\n            fileTypes,\n            onMaxFilesReached,\n            maxFiles,\n            onRemove,\n            files,\n            isDisabled,\n            maxFileSizeInMB,\n            onAdd,\n            fileSelectionPlaceholder = 'Dateien hochladen',\n            imageSelectPlaceholder,\n        },\n        ref,\n    ) => {\n        const [internalFiles, setInternalFiles] = useState<File[]>([]);\n        const [internalImages, setInternalImages] = useState<string[]>([]);\n\n        const handleInputClear = () => {\n            setInternalFiles([]);\n            setInternalImages([]);\n        };\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                clear: handleInputClear,\n            }),\n            [],\n        );\n\n        const handleAddImages = useCallback(\n            (images: string[]) => {\n                const newImages: string[] = [];\n\n                images.forEach((image) => {\n                    if (!filterDuplicateFileUrls({ files: internalImages, newFile: image })) {\n                        newImages.push(image);\n                    }\n                });\n\n                let tmp = newImages;\n\n                if (maxFiles) {\n                    tmp = newImages.slice(\n                        0,\n                        maxFiles -\n                            (internalFiles.length + internalImages.length + (files?.length ?? 0)),\n                    );\n                }\n\n                if (tmp.length > 0 && typeof onAdd === 'function') {\n                    onAdd(tmp);\n                }\n\n                setInternalImages((prevState) => [...prevState, ...tmp]);\n            },\n            [files?.length, internalFiles.length, internalImages, maxFiles, onAdd],\n        );\n\n        const handleAddFiles = useCallback(\n            (newFiles: File[]) => {\n                const newFileItems: File[] = [];\n\n                newFiles.forEach((file) => {\n                    if (fileTypes && !isValidFileType({ file, types: fileTypes })) {\n                        return;\n                    }\n\n                    if (file && !filterDuplicateFile({ files: internalFiles, newFile: file })) {\n                        newFileItems.push(file);\n                    }\n                });\n\n                let tmp = newFileItems;\n\n                if (maxFiles) {\n                    tmp = newFileItems.slice(\n                        0,\n                        maxFiles - (internalFiles.length + (files?.length ?? 0)),\n                    );\n                }\n\n                if (tmp.length > 0 && typeof onAdd === 'function') {\n                    onAdd(tmp);\n                }\n\n                setInternalFiles((prevState) => [...prevState, ...tmp]);\n            },\n            [fileTypes, files?.length, internalFiles, maxFiles, onAdd],\n        );\n\n        const handleAdd = useCallback(\n            (newFiles: File[] | string[]) => {\n                if (Array.isArray(newFiles) && newFiles.length > 0) {\n                    if (typeof newFiles[0] === 'string') {\n                        handleAddImages(newFiles as string[]);\n                    } else {\n                        handleAddFiles(newFiles as File[]);\n                    }\n                }\n            },\n            [handleAddFiles, handleAddImages],\n        );\n\n        const handleDeleteFile = useCallback(\n            (id: string) => {\n                let fileToDelete: File | IFileItem | string | undefined;\n\n                const filteredFiles = internalFiles.filter((file) => {\n                    const { name } = file;\n\n                    if (name === id) {\n                        fileToDelete = file;\n                    }\n\n                    return name !== id;\n                });\n\n                setInternalFiles(filteredFiles);\n\n                if (!fileToDelete) {\n                    const filteredImages = internalImages.filter((image) => {\n                        if (image === id) {\n                            fileToDelete = image;\n                        }\n\n                        return image !== id;\n                    });\n\n                    setInternalImages(filteredImages);\n                }\n\n                if (!fileToDelete) {\n                    files?.forEach((file) => {\n                        if (file.id === id || file.name === id) {\n                            fileToDelete = file;\n                        }\n                    });\n                }\n\n                if (!fileToDelete || typeof onRemove !== 'function') {\n                    return;\n                }\n\n                onRemove(fileToDelete);\n            },\n            [files, internalFiles, internalImages, onRemove],\n        );\n\n        const internalIsDisabled = useMemo(() => {\n            if (isDisabled) {\n                return true;\n            }\n\n            if (maxFiles) {\n                if (internalFiles.length + internalImages.length >= maxFiles) {\n                    if (typeof onMaxFilesReached === 'function') {\n                        onMaxFilesReached();\n                    }\n\n                    return true;\n                }\n            }\n\n            return false;\n        }, [internalFiles.length, internalImages.length, isDisabled, maxFiles, onMaxFilesReached]);\n\n        const filesToDisplay: IFileItem[] = useMemo(() => {\n            const items: IFileItem[] = internalFiles.map(({ type, name, size }) => ({\n                id: name,\n                name,\n                size,\n                mimeType: type,\n            }));\n\n            internalImages.forEach((image) => {\n                items.push({\n                    id: image,\n                    name: image,\n                    size: 0,\n                    mimeType: 'image/png',\n                });\n            });\n\n            files?.forEach((file) => {\n                items.push(file);\n            });\n\n            return items;\n        }, [files, internalFiles, internalImages]);\n\n        return useMemo(\n            () => (\n                <StyledFileInput>\n                    <FileSelect\n                        fileTypes={fileTypes}\n                        fileSelectionIcons={fileSelectionIcons}\n                        fileSelectionPlaceholder={fileSelectionPlaceholder}\n                        imageSelectIcons={imageSelectIcons}\n                        imageSelectPlaceholder={imageSelectPlaceholder}\n                        maxFileSizeInMB={maxFileSizeInMB}\n                        isDisabled={internalIsDisabled}\n                        onAdd={handleAdd}\n                    />\n                    <FileList files={filesToDisplay} onRemove={handleDeleteFile} />\n                </StyledFileInput>\n            ),\n            [\n                fileTypes,\n                fileSelectionIcons,\n                fileSelectionPlaceholder,\n                imageSelectIcons,\n                imageSelectPlaceholder,\n                maxFileSizeInMB,\n                internalIsDisabled,\n                handleAdd,\n                filesToDisplay,\n                handleDeleteFile,\n            ],\n        );\n    },\n);\n\nFileInput.displayName = 'FileInput';\n\nexport default FileInput;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,EAAEC,mBAAmB,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAC9F,SAASC,mBAAmB,EAAEC,uBAAuB,EAAEC,eAAe,QAAQ,kBAAkB;AAChG,SAASC,eAAe,QAAQ,oBAAoB;AACpD,OAAOC,QAAQ,MAAqB,uBAAuB;AAC3D,OAAOC,UAAU,MAAM,2BAA2B;AAyDlD,MAAMC,SAAS,gBAAGX,UAAU,CACxB,CACI;EACIY,kBAAkB,GAAG,CAAC,cAAc,CAAC;EACrCC,gBAAgB,GAAG,CAAC,UAAU,CAAC;EAC/BC,SAAS;EACTC,iBAAiB;EACjBC,QAAQ;EACRC,QAAQ;EACRC,KAAK;EACLC,UAAU;EACVC,eAAe;EACfC,KAAK;EACLC,wBAAwB,GAAG,mBAAmB;EAC9CC;AACJ,CAAC,EACDC,GAAG,KACF;EACD,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGtB,QAAQ,CAAS,EAAE,CAAC;EAC9D,MAAM,CAACuB,cAAc,EAAEC,iBAAiB,CAAC,GAAGxB,QAAQ,CAAW,EAAE,CAAC;EAElE,MAAMyB,gBAAgB,GAAGA,CAAA,KAAM;IAC3BH,gBAAgB,CAAC,EAAE,CAAC;IACpBE,iBAAiB,CAAC,EAAE,CAAC;EACzB,CAAC;EAED1B,mBAAmB,CACfsB,GAAG,EACH,OAAO;IACHM,KAAK,EAAED;EACX,CAAC,CAAC,EACF,EACJ,CAAC;EAED,MAAME,eAAe,GAAG9B,WAAW,CAC9B+B,MAAgB,IAAK;IAClB,MAAMC,SAAmB,GAAG,EAAE;IAE9BD,MAAM,CAACE,OAAO,CAAEC,KAAK,IAAK;MACtB,IAAI,CAAC7B,uBAAuB,CAAC;QAAEY,KAAK,EAAES,cAAc;QAAES,OAAO,EAAED;MAAM,CAAC,CAAC,EAAE;QACrEF,SAAS,CAACI,IAAI,CAACF,KAAK,CAAC;MACzB;IACJ,CAAC,CAAC;IAEF,IAAIG,GAAG,GAAGL,SAAS;IAEnB,IAAIjB,QAAQ,EAAE;MACVsB,GAAG,GAAGL,SAAS,CAACM,KAAK,CACjB,CAAC,EACDvB,QAAQ,IACHS,aAAa,CAACe,MAAM,GAAGb,cAAc,CAACa,MAAM,IAAItB,KAAK,EAAEsB,MAAM,IAAI,CAAC,CAAC,CAC5E,CAAC;IACL;IAEA,IAAIF,GAAG,CAACE,MAAM,GAAG,CAAC,IAAI,OAAOnB,KAAK,KAAK,UAAU,EAAE;MAC/CA,KAAK,CAACiB,GAAG,CAAC;IACd;IAEAV,iBAAiB,CAAEa,SAAS,IAAK,CAAC,GAAGA,SAAS,EAAE,GAAGH,GAAG,CAAC,CAAC;EAC5D,CAAC,EACD,CAACpB,KAAK,EAAEsB,MAAM,EAAEf,aAAa,CAACe,MAAM,EAAEb,cAAc,EAAEX,QAAQ,EAAEK,KAAK,CACzE,CAAC;EAED,MAAMqB,cAAc,GAAGzC,WAAW,CAC7B0C,QAAgB,IAAK;IAClB,MAAMC,YAAoB,GAAG,EAAE;IAE/BD,QAAQ,CAACT,OAAO,CAAEW,IAAI,IAAK;MACvB,IAAI/B,SAAS,IAAI,CAACP,eAAe,CAAC;QAAEsC,IAAI;QAAEC,KAAK,EAAEhC;MAAU,CAAC,CAAC,EAAE;QAC3D;MACJ;MAEA,IAAI+B,IAAI,IAAI,CAACxC,mBAAmB,CAAC;QAAEa,KAAK,EAAEO,aAAa;QAAEW,OAAO,EAAES;MAAK,CAAC,CAAC,EAAE;QACvED,YAAY,CAACP,IAAI,CAACQ,IAAI,CAAC;MAC3B;IACJ,CAAC,CAAC;IAEF,IAAIP,GAAG,GAAGM,YAAY;IAEtB,IAAI5B,QAAQ,EAAE;MACVsB,GAAG,GAAGM,YAAY,CAACL,KAAK,CACpB,CAAC,EACDvB,QAAQ,IAAIS,aAAa,CAACe,MAAM,IAAItB,KAAK,EAAEsB,MAAM,IAAI,CAAC,CAAC,CAC3D,CAAC;IACL;IAEA,IAAIF,GAAG,CAACE,MAAM,GAAG,CAAC,IAAI,OAAOnB,KAAK,KAAK,UAAU,EAAE;MAC/CA,KAAK,CAACiB,GAAG,CAAC;IACd;IAEAZ,gBAAgB,CAAEe,SAAS,IAAK,CAAC,GAAGA,SAAS,EAAE,GAAGH,GAAG,CAAC,CAAC;EAC3D,CAAC,EACD,CAACxB,SAAS,EAAEI,KAAK,EAAEsB,MAAM,EAAEf,aAAa,EAAET,QAAQ,EAAEK,KAAK,CAC7D,CAAC;EAED,MAAM0B,SAAS,GAAG9C,WAAW,CACxB0C,QAA2B,IAAK;IAC7B,IAAIK,KAAK,CAACC,OAAO,CAACN,QAAQ,CAAC,IAAIA,QAAQ,CAACH,MAAM,GAAG,CAAC,EAAE;MAChD,IAAI,OAAOG,QAAQ,CAAC,CAAC,CAAC,KAAK,QAAQ,EAAE;QACjCZ,eAAe,CAACY,QAAoB,CAAC;MACzC,CAAC,MAAM;QACHD,cAAc,CAACC,QAAkB,CAAC;MACtC;IACJ;EACJ,CAAC,EACD,CAACD,cAAc,EAAEX,eAAe,CACpC,CAAC;EAED,MAAMmB,gBAAgB,GAAGjD,WAAW,CAC/BkD,EAAU,IAAK;IACZ,IAAIC,YAAmD;IAEvD,MAAMC,aAAa,GAAG5B,aAAa,CAAC6B,MAAM,CAAET,IAAI,IAAK;MACjD,MAAM;QAAEU;MAAK,CAAC,GAAGV,IAAI;MAErB,IAAIU,IAAI,KAAKJ,EAAE,EAAE;QACbC,YAAY,GAAGP,IAAI;MACvB;MAEA,OAAOU,IAAI,KAAKJ,EAAE;IACtB,CAAC,CAAC;IAEFzB,gBAAgB,CAAC2B,aAAa,CAAC;IAE/B,IAAI,CAACD,YAAY,EAAE;MACf,MAAMI,cAAc,GAAG7B,cAAc,CAAC2B,MAAM,CAAEnB,KAAK,IAAK;QACpD,IAAIA,KAAK,KAAKgB,EAAE,EAAE;UACdC,YAAY,GAAGjB,KAAK;QACxB;QAEA,OAAOA,KAAK,KAAKgB,EAAE;MACvB,CAAC,CAAC;MAEFvB,iBAAiB,CAAC4B,cAAc,CAAC;IACrC;IAEA,IAAI,CAACJ,YAAY,EAAE;MACflC,KAAK,EAAEgB,OAAO,CAAEW,IAAI,IAAK;QACrB,IAAIA,IAAI,CAACM,EAAE,KAAKA,EAAE,IAAIN,IAAI,CAACU,IAAI,KAAKJ,EAAE,EAAE;UACpCC,YAAY,GAAGP,IAAI;QACvB;MACJ,CAAC,CAAC;IACN;IAEA,IAAI,CAACO,YAAY,IAAI,OAAOnC,QAAQ,KAAK,UAAU,EAAE;MACjD;IACJ;IAEAA,QAAQ,CAACmC,YAAY,CAAC;EAC1B,CAAC,EACD,CAAClC,KAAK,EAAEO,aAAa,EAAEE,cAAc,EAAEV,QAAQ,CACnD,CAAC;EAED,MAAMwC,kBAAkB,GAAGtD,OAAO,CAAC,MAAM;IACrC,IAAIgB,UAAU,EAAE;MACZ,OAAO,IAAI;IACf;IAEA,IAAIH,QAAQ,EAAE;MACV,IAAIS,aAAa,CAACe,MAAM,GAAGb,cAAc,CAACa,MAAM,IAAIxB,QAAQ,EAAE;QAC1D,IAAI,OAAOD,iBAAiB,KAAK,UAAU,EAAE;UACzCA,iBAAiB,CAAC,CAAC;QACvB;QAEA,OAAO,IAAI;MACf;IACJ;IAEA,OAAO,KAAK;EAChB,CAAC,EAAE,CAACU,aAAa,CAACe,MAAM,EAAEb,cAAc,CAACa,MAAM,EAAErB,UAAU,EAAEH,QAAQ,EAAED,iBAAiB,CAAC,CAAC;EAE1F,MAAM2C,cAA2B,GAAGvD,OAAO,CAAC,MAAM;IAC9C,MAAMwD,KAAkB,GAAGlC,aAAa,CAACmC,GAAG,CAAC,CAAC;MAAEC,IAAI;MAAEN,IAAI;MAAEO;IAAK,CAAC,MAAM;MACpEX,EAAE,EAAEI,IAAI;MACRA,IAAI;MACJO,IAAI;MACJC,QAAQ,EAAEF;IACd,CAAC,CAAC,CAAC;IAEHlC,cAAc,CAACO,OAAO,CAAEC,KAAK,IAAK;MAC9BwB,KAAK,CAACtB,IAAI,CAAC;QACPc,EAAE,EAAEhB,KAAK;QACToB,IAAI,EAAEpB,KAAK;QACX2B,IAAI,EAAE,CAAC;QACPC,QAAQ,EAAE;MACd,CAAC,CAAC;IACN,CAAC,CAAC;IAEF7C,KAAK,EAAEgB,OAAO,CAAEW,IAAI,IAAK;MACrBc,KAAK,CAACtB,IAAI,CAACQ,IAAI,CAAC;IACpB,CAAC,CAAC;IAEF,OAAOc,KAAK;EAChB,CAAC,EAAE,CAACzC,KAAK,EAAEO,aAAa,EAAEE,cAAc,CAAC,CAAC;EAE1C,OAAOxB,OAAO,CACV,mBACIJ,KAAA,CAAAiE,aAAA,CAACxD,eAAe,qBACZT,KAAA,CAAAiE,aAAA,CAACtD,UAAU;IACPI,SAAS,EAAEA,SAAU;IACrBF,kBAAkB,EAAEA,kBAAmB;IACvCU,wBAAwB,EAAEA,wBAAyB;IACnDT,gBAAgB,EAAEA,gBAAiB;IACnCU,sBAAsB,EAAEA,sBAAuB;IAC/CH,eAAe,EAAEA,eAAgB;IACjCD,UAAU,EAAEsC,kBAAmB;IAC/BpC,KAAK,EAAE0B;EAAU,CACpB,CAAC,eACFhD,KAAA,CAAAiE,aAAA,CAACvD,QAAQ;IAACS,KAAK,EAAEwC,cAAe;IAACzC,QAAQ,EAAEiC;EAAiB,CAAE,CACjD,CACpB,EACD,CACIpC,SAAS,EACTF,kBAAkB,EAClBU,wBAAwB,EACxBT,gBAAgB,EAChBU,sBAAsB,EACtBH,eAAe,EACfqC,kBAAkB,EAClBV,SAAS,EACTW,cAAc,EACdR,gBAAgB,CAExB,CAAC;AACL,CACJ,CAAC;AAEDvC,SAAS,CAACsD,WAAW,GAAG,WAAW;AAEnC,eAAetD,SAAS","ignoreList":[]}