@fountain-ui/core 2.0.0-beta.39 → 2.0.0-beta.40

package/build/commonjs/Image/Image.js

@@ -36,10 +36,22 @@ const useStyles = function () {
       borderWidth: _styles.StyleSheet.hairlineWidth,
       borderStyle: 'solid',
       borderColor: theme.palette.paper.grey
+    },
+    error: {
+      width: '100%',
+      height: '100%'
     }
   };
 };
 
+function determinePlaceholderMode(props) {
+  if (props.disablePlaceholder) {
+    return 'none';
+  }
+
+  return props.placeholder ? 'custom' : 'default';
+}
+
 function Image(props) {
   const {
     alt,
@@ -47,69 +59,63 @@ function Image(props) {
     disableLongClick,
     disableOutline,
     disablePlaceholder,
-    failDependency = [],
+    error,
     loading = 'lazy',
+    onError: onErrorProp,
+    onLoad: onLoadProp,
     overlaidChildren,
+    placeholder,
     resizeMode = 'cover',
     source,
     style,
     square = false,
     size,
-    onLoad,
-    onError,
-    Placeholder: PlaceholderComponent,
     ...otherProps
   } = props;
-
-  const [failed, setFailed] = _react.default.useState(false);
-
+  const [failed, setFailed] = (0, _react.useState)(false);
   const styles = useStyles();
 
-  const handleError = () => {
-    if (onError) {
-      onError();
-    }
-
-    setFailed(true);
+  const onLoad = () => {
+    setFailed(false);
+    onLoadProp === null || onLoadProp === void 0 ? void 0 : onLoadProp();
   };
 
-  const Placeholder = _ref => {
-    let {
-      failed,
-      children
-    } = _ref;
-    return PlaceholderComponent ? /*#__PURE__*/_react.default.createElement(PlaceholderComponent, {
-      children: children,
-      failed: failed
-    }) : children;
+  const onError = () => {
+    setFailed(true);
+    onErrorProp === null || onErrorProp === void 0 ? void 0 : onErrorProp();
   };
 
   const sourceWithSizeParam = { ...source,
     uri: size ? `${source.uri}?size=${size}` : source.uri
   };
+  const placeholderMode = determinePlaceholderMode(props);
   (0, _react.useEffect)(() => {
-    if (failed !== false) {
-      setFailed(false);
-    }
-  }, [...failDependency]);
+    setFailed(false);
+  }, [sourceWithSizeParam.uri]);
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
-    style: (0, _styles.css)([styles.root, !disableOutline ? styles.outlined : undefined, !disablePlaceholder ? styles.placeholder : undefined, !square ? styles.rounded : undefined, style])
-  }, otherProps), /*#__PURE__*/_react.default.createElement(Placeholder, {
-    failed: failed
-  }, !failed ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ImageCore.default, {
-    alt: alt,
+    style: (0, _styles.css)([styles.root, !disableOutline ? styles.outlined : undefined, !square ? styles.rounded : undefined, placeholderMode === 'default' ? styles.placeholder : undefined, style])
+  }, otherProps), placeholderMode === 'custom' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: (0, _styles.css)([_styles.StyleSheet.absoluteFill, {
+      zIndex: -1
+    }])
+  }, placeholder) : null, failed ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.error
+  }, error ?? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    children: alt
+  })) : sourceWithSizeParam.uri ? /*#__PURE__*/_react.default.createElement(_ImageCore.default, {
+    alt: sourceWithSizeParam.uri,
     disableDrag: disableDrag,
     disableLongClick: disableLongClick,
     height: '100%',
     loading: loading,
-    onError: handleError,
+    onError: onError,
     onLoad: onLoad,
     resizeMode: resizeMode,
     source: sourceWithSizeParam,
     width: '100%'
-  }), overlaidChildren ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }) : null, overlaidChildren ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: _styles.StyleSheet.absoluteFill
-  }, overlaidChildren) : null) : null));
+  }, overlaidChildren) : null);
 }
 
 ;

package/build/commonjs/Image/Image.js.map

@@ -1 +1 @@
-{"version":3,"names":["useStyles","theme","useTheme","root","rounded","borderRadius","shape","roundness","overflow","placeholder","backgroundColor","palette","paper","grey","outlined","borderWidth","StyleSheet","hairlineWidth","borderStyle","borderColor","Image","props","alt","disableDrag","disableLongClick","disableOutline","disablePlaceholder","failDependency","loading","overlaidChildren","resizeMode","source","style","square","size","onLoad","onError","Placeholder","PlaceholderComponent","otherProps","failed","setFailed","React","useState","styles","handleError","children","sourceWithSizeParam","uri","useEffect","css","undefined","absoluteFill"],"sources":["Image.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { View } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ImageCore from '../ImageCore';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport type ImageProps from './ImageProps';\nimport { PlaceholderProps } from './ImageProps';\n\ntype ImageStyleKeys =\n    | 'root'\n    | 'rounded'\n    | 'placeholder'\n    | 'outlined';\n\ntype ImageStyles = NamedStylesStringUnion<ImageStyleKeys>;\n\nconst useStyles: UseStyles<ImageStyles> = function (): ImageStyles {\n    const theme = useTheme();\n\n    return {\n        root: {},\n        rounded: {\n            borderRadius: theme.shape.roundness,\n            overflow: 'hidden',\n        },\n        placeholder: {\n            backgroundColor: theme.palette.paper.grey,\n        },\n        outlined: {\n            borderWidth: StyleSheet.hairlineWidth,\n            borderStyle: 'solid',\n            borderColor: theme.palette.paper.grey,\n        },\n    };\n};\n\nexport default function Image(props: ImageProps) {\n    const {\n        alt,\n        disableDrag,\n        disableLongClick,\n        disableOutline,\n        disablePlaceholder,\n        failDependency = [],\n        loading = 'lazy',\n        overlaidChildren,\n        resizeMode = 'cover',\n        source,\n        style,\n        square = false,\n        size,\n        onLoad,\n        onError,\n        Placeholder: PlaceholderComponent,\n        ...otherProps\n    } = props;\n\n    const [failed, setFailed] = React.useState(false);\n\n    const styles = useStyles();\n\n    const handleError = () => {\n        if (onError) {\n            onError();\n        }\n\n        setFailed(true);\n    };\n\n    const Placeholder = ({\n        failed,\n        children,\n    }: PlaceholderProps) => PlaceholderComponent ? (\n        <PlaceholderComponent\n            children={children}\n            failed={failed}\n        />\n    ) : children;\n\n    const sourceWithSizeParam = {\n        ...source,\n        uri: size ? `${source.uri}?size=${size}` : source.uri,\n    };\n\n    useEffect(() => {\n        if (failed !== false) {\n            setFailed(false);\n        }\n    }, [...failDependency]);\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                !disableOutline ? styles.outlined : undefined,\n                !disablePlaceholder ? styles.placeholder : undefined,\n                !square ? styles.rounded : undefined,\n                style,\n            ])}\n            {...otherProps}\n        >\n            <Placeholder failed={failed}>\n                {!failed ? (\n                    <React.Fragment>\n                        <ImageCore\n                            alt={alt}\n                            disableDrag={disableDrag}\n                            disableLongClick={disableLongClick}\n                            height={'100%'}\n                            loading={loading}\n                            onError={handleError}\n                            onLoad={onLoad}\n                            resizeMode={resizeMode}\n                            source={sourceWithSizeParam}\n                            width={'100%'}\n                        />\n\n                        {overlaidChildren ? (\n                            <View style={StyleSheet.absoluteFill}>\n                                {overlaidChildren}\n                            </View>\n                        ) : null}\n                    </React.Fragment>\n                ) : null}\n            </Placeholder>\n        </View>\n    );\n};"],"mappings":"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"}
+{"version":3,"names":["useStyles","theme","useTheme","root","rounded","borderRadius","shape","roundness","overflow","placeholder","backgroundColor","palette","paper","grey","outlined","borderWidth","StyleSheet","hairlineWidth","borderStyle","borderColor","error","width","height","determinePlaceholderMode","props","disablePlaceholder","Image","alt","disableDrag","disableLongClick","disableOutline","loading","onError","onErrorProp","onLoad","onLoadProp","overlaidChildren","resizeMode","source","style","square","size","otherProps","failed","setFailed","useState","styles","sourceWithSizeParam","uri","placeholderMode","useEffect","css","undefined","absoluteFill","zIndex"],"sources":["Image.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Text, View } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport type { ImageCoreProps } from '../ImageCore';\nimport ImageCore from '../ImageCore';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport type ImageProps from './ImageProps';\n\ntype PlaceholderMode =\n    | 'default'\n    | 'custom'\n    | 'none';\n\ntype ImageStyleKeys =\n    | 'root'\n    | 'rounded'\n    | 'placeholder'\n    | 'outlined'\n    | 'error';\n\ntype ImageStyles = NamedStylesStringUnion<ImageStyleKeys>;\n\nconst useStyles: UseStyles<ImageStyles> = function (): ImageStyles {\n    const theme = useTheme();\n\n    return {\n        root: {},\n        rounded: {\n            borderRadius: theme.shape.roundness,\n            overflow: 'hidden',\n        },\n        placeholder: {\n            backgroundColor: theme.palette.paper.grey,\n        },\n        outlined: {\n            borderWidth: StyleSheet.hairlineWidth,\n            borderStyle: 'solid',\n            borderColor: theme.palette.paper.grey,\n        },\n        error: {\n            width: '100%',\n            height: '100%',\n        },\n    };\n};\n\nfunction determinePlaceholderMode(props: ImageProps): PlaceholderMode {\n    if (props.disablePlaceholder) {\n        return 'none';\n    }\n\n    return props.placeholder ? 'custom' : 'default';\n}\n\nexport default function Image(props: ImageProps) {\n    const {\n        alt,\n        disableDrag,\n        disableLongClick,\n        disableOutline,\n        disablePlaceholder,\n        error,\n        loading = 'lazy',\n        onError: onErrorProp,\n        onLoad: onLoadProp,\n        overlaidChildren,\n        placeholder,\n        resizeMode = 'cover',\n        source,\n        style,\n        square = false,\n        size,\n        ...otherProps\n    } = props;\n\n    const [failed, setFailed] = useState(false);\n\n    const styles = useStyles();\n\n    const onLoad: ImageCoreProps['onLoad'] = () => {\n        setFailed(false);\n\n        onLoadProp?.();\n    };\n\n    const onError: ImageCoreProps['onError'] = () => {\n        setFailed(true);\n\n        onErrorProp?.();\n    };\n\n    const sourceWithSizeParam = {\n        ...source,\n        uri: size ? `${source.uri}?size=${size}` : source.uri,\n    };\n\n    const placeholderMode = determinePlaceholderMode(props);\n\n    useEffect(() => {\n        setFailed(false);\n    }, [sourceWithSizeParam.uri]);\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                !disableOutline ? styles.outlined : undefined,\n                !square ? styles.rounded : undefined,\n                placeholderMode === 'default' ? styles.placeholder : undefined,\n                style,\n            ])}\n            {...otherProps}\n        >\n            {placeholderMode === 'custom' ? (\n                <View\n                    style={css([\n                        StyleSheet.absoluteFill,\n                        { zIndex: -1 },\n                    ])}\n                >\n                    {placeholder}\n                </View>\n            ) : null}\n\n            {failed ? (\n                <View style={styles.error}>\n                    {error ?? <Text children={alt}/>}\n                </View>\n            ) : sourceWithSizeParam.uri ? (\n                <ImageCore\n                    alt={sourceWithSizeParam.uri}\n                    disableDrag={disableDrag}\n                    disableLongClick={disableLongClick}\n                    height={'100%'}\n                    loading={loading}\n                    onError={onError}\n                    onLoad={onLoad}\n                    resizeMode={resizeMode}\n                    source={sourceWithSizeParam}\n                    width={'100%'}\n                />\n            ) : null}\n\n            {overlaidChildren ? (\n                <View style={StyleSheet.absoluteFill}>\n                    {overlaidChildren}\n                </View>\n            ) : null}\n        </View>\n    );\n};"],"mappings":"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"}

package/build/commonjs/Image/ImageProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ImageProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\nimport type { ImageSource, Loading, ResizeMode } from '../ImageCore';\n\nexport interface PlaceholderProps {\n    failed: boolean;\n    children: React.ReactElement | null;\n}\n\nexport default interface ImageProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * Indicating the alternate fallback content to be displayed\n     * if the image has not been loaded.\n     */\n    alt?: string;\n\n    /**\n     * Disable drag event for web.\n     * @default false\n     */\n    disableDrag?: boolean,\n\n    /**\n     * Disable Long click event for web.\n     * @default false\n     */\n    disableLongClick?: boolean,\n\n    /**\n     * If `true`, the image outline is not rendered.\n     * @default false\n     */\n    disableOutline?: boolean;\n\n    /**\n     * If `true`, the placeholder is not rendered.\n     * @default false\n     */\n    disablePlaceholder?: boolean;\n\n    /**\n     * Web only. Loading the document by determining whether to load\n     * the image immediately (`eager`) or on an as-needed basis (`lazy`).\n     * On React Native, it always works as `lazy`.\n     * @default 'lazy'\n     */\n    loading?: Loading;\n\n    /**\n     * error event handler\n     */\n    onError?: () => void;\n\n    /**\n     * image loaded event handler\n     */\n    onLoad?: () => void;\n\n    /**\n     * The children on top this image.\n     */\n    overlaidChildren?: React.ReactNode;\n\n    /**\n     * Determines how to resize the image when the frame doesn't match the raw image dimensions.\n     * @default 'cover'\n     */\n    resizeMode?: ResizeMode;\n\n    /**\n     * The image source.\n     */\n    source: ImageSource;\n\n    /**\n     * If `true`, rounded corners are disabled.\n     * @default false\n     */\n    square?: boolean;\n\n    /**\n     * Image file size.\n     * Request image by query string.\n     */\n    size?: 'small' | 'medium' | 'large';\n\n    /**\n     * The Custom image placeholder component with condition.\n     */\n    Placeholder?: (props: PlaceholderProps) => JSX.Element | null;\n\n    /**\n     * Dependency array for reset failed value to false.\n     * @default []\n     */\n    failDependency?: Array<any>;\n}> {}"],"mappings":""}
+{"version":3,"names":[],"sources":["ImageProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\nimport type { ImageSource, Loading, ResizeMode } from '../ImageCore';\n\n\nexport default interface ImageProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * Indicating the alternate fallback content to be displayed\n     * if the image has not been loaded.\n     */\n    alt?: string;\n\n    /**\n     * Disable drag event for web.\n     * @default false\n     */\n    disableDrag?: boolean,\n\n    /**\n     * Disable Long click event for web.\n     * @default false\n     */\n    disableLongClick?: boolean,\n\n    /**\n     * If `true`, the image outline is not rendered.\n     * @default false\n     */\n    disableOutline?: boolean;\n\n    /**\n     * If `true`, the placeholder is not rendered.\n     * @default false\n     */\n    disablePlaceholder?: boolean;\n\n    /**\n     * Custom error element. Default is simple alt text.\n     */\n    error?: React.ReactElement | null;\n\n    /**\n     * Web only. Loading the document by determining whether to load\n     * the image immediately (`eager`) or on an as-needed basis (`lazy`).\n     * On React Native, it always works as `lazy`.\n     * @default 'lazy'\n     */\n    loading?: Loading;\n\n    /**\n     * error event handler\n     */\n    onError?: () => void;\n\n    /**\n     * image loaded event handler\n     */\n    onLoad?: () => void;\n\n    /**\n     * The children on top this image.\n     */\n    overlaidChildren?: React.ReactElement;\n\n    /**\n     * Custom placeholder element.\n     */\n    placeholder?: React.ReactElement;\n\n    /**\n     * Determines how to resize the image when the frame doesn't match the raw image dimensions.\n     * @default 'cover'\n     */\n    resizeMode?: ResizeMode;\n\n    /**\n     * The image source.\n     */\n    source: ImageSource;\n\n    /**\n     * If `true`, rounded corners are disabled.\n     * @default false\n     */\n    square?: boolean;\n\n    /**\n     * Image file size.\n     * Request image by query string.\n     */\n    size?: 'small' | 'medium' | 'large';\n}> {}\n"],"mappings":""}

package/build/commonjs/Image/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './Image';\nexport type { default as ImageProps } from './ImageProps';\nexport type { PlaceholderProps } from './ImageProps';"],"mappings":";;;;;;;;;;;;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './Image';\nexport type { default as ImageProps } from './ImageProps';"],"mappings":";;;;;;;;;;;;AAAA"}

package/build/commonjs/ImageCore/ImageCoreProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ImageCoreProps.ts"],"sourcesContent":["export interface ImageSource {\n    uri: string;\n}\n\nexport type ResizeMode = 'cover' | 'contain';\n\nexport type Loading = 'lazy' | 'eager';\n\nexport default interface ImageCoreProps extends Readonly<{\n    alt?: string;\n    disableDrag?: boolean,\n    disableLongClick?: boolean,\n    height?: number | string;\n    loading: Loading;\n    onError?: () => void;\n    onLoad?: () => void;\n    resizeMode: ResizeMode;\n    source: ImageSource;\n    width?: number | string;\n}> {}"],"mappings":""}
+{"version":3,"names":[],"sources":["ImageCoreProps.ts"],"sourcesContent":["export interface ImageSource {\n    uri?: string;\n}\n\nexport type ResizeMode = 'cover' | 'contain';\n\nexport type Loading = 'lazy' | 'eager';\n\nexport default interface ImageCoreProps extends Readonly<{\n    alt?: string;\n    disableDrag?: boolean,\n    disableLongClick?: boolean,\n    height?: number | string;\n    loading: Loading;\n    onError?: () => void;\n    onLoad?: () => void;\n    resizeMode: ResizeMode;\n    source: ImageSource;\n    width?: number | string;\n}> {}"],"mappings":""}

package/build/commonjs/ImageCore/ImageCoreWeb.js

@@ -9,6 +9,11 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+const longClickDisabledStyle = {
+  '-webkit-user-select': 'none',
+  '-webkit-touch-callout': 'none'
+};
+
 const preventDragging = () => false;
 
 const preventMouseDown = event => {
@@ -30,13 +35,9 @@ function ImageCore(props) {
     source,
     width
   } = props;
-  const disableLongClickStyle = disableLongClick ? {
-    '-webkit-user-select': 'none',
-    '-webkit-touch-callout': 'none'
-  } : {};
   const style = {
     objectFit: resizeMode,
-    ...disableLongClickStyle
+    ...(disableLongClick ? longClickDisabledStyle : {})
   };
   return /*#__PURE__*/_react.default.createElement("img", {
     alt: alt,

package/build/commonjs/ImageCore/ImageCoreWeb.js.map

@@ -1 +1 @@
-{"version":3,"names":["preventDragging","preventMouseDown","event","preventDefault","ImageCore","props","alt","disableDrag","disableLongClick","height","loading","onError","onLoad","resizeMode","source","width","disableLongClickStyle","style","objectFit","undefined","uri"],"sources":["ImageCoreWeb.tsx"],"sourcesContent":["import React, { MouseEventHandler } from 'react';\nimport type ImageCoreProps from './ImageCoreProps';\n\nconst preventDragging = () => false;\n\nconst preventMouseDown: MouseEventHandler<HTMLImageElement> = (event) => {\n    if (event.preventDefault) {\n        event.preventDefault();\n    }\n};\n\nexport default function ImageCore(props: ImageCoreProps) {\n    const {\n        alt,\n        disableDrag = false,\n        disableLongClick = false,\n        height,\n        loading,\n        onError,\n        onLoad,\n        resizeMode,\n        source,\n        width,\n    } = props;\n\n    const disableLongClickStyle = disableLongClick\n        ? {\n            '-webkit-user-select': 'none',\n            '-webkit-touch-callout': 'none',\n        }\n        : {};\n\n    const style = {\n        objectFit: resizeMode,\n        ...disableLongClickStyle,\n    };\n\n    return (\n        <img\n            alt={alt}\n            height={height}\n            loading={loading}\n            onDragStart={disableDrag ? preventDragging : undefined}\n            onMouseDown={disableDrag ? preventMouseDown : undefined}\n            onError={onError}\n            onLoad={onLoad}\n            src={source.uri}\n            style={style}\n            width={width}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA;;;;AAGA,MAAMA,eAAe,GAAG,MAAM,KAA9B;;AAEA,MAAMC,gBAAqD,GAAIC,KAAD,IAAW;EACrE,IAAIA,KAAK,CAACC,cAAV,EAA0B;IACtBD,KAAK,CAACC,cAAN;EACH;AACJ,CAJD;;AAMe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,GADE;IAEFC,WAAW,GAAG,KAFZ;IAGFC,gBAAgB,GAAG,KAHjB;IAIFC,MAJE;IAKFC,OALE;IAMFC,OANE;IAOFC,MAPE;IAQFC,UARE;IASFC,MATE;IAUFC;EAVE,IAWFV,KAXJ;EAaA,MAAMW,qBAAqB,GAAGR,gBAAgB,GACxC;IACE,uBAAuB,MADzB;IAEE,yBAAyB;EAF3B,CADwC,GAKxC,EALN;EAOA,MAAMS,KAAK,GAAG;IACVC,SAAS,EAAEL,UADD;IAEV,GAAGG;EAFO,CAAd;EAKA,oBACI;IACI,GAAG,EAAEV,GADT;IAEI,MAAM,EAAEG,MAFZ;IAGI,OAAO,EAAEC,OAHb;IAII,WAAW,EAAEH,WAAW,GAAGP,eAAH,GAAqBmB,SAJjD;IAKI,WAAW,EAAEZ,WAAW,GAAGN,gBAAH,GAAsBkB,SALlD;IAMI,OAAO,EAAER,OANb;IAOI,MAAM,EAAEC,MAPZ;IAQI,GAAG,EAAEE,MAAM,CAACM,GARhB;IASI,KAAK,EAAEH,KATX;IAUI,KAAK,EAAEF;EAVX,EADJ;AAcH;;AAAA"}
+{"version":3,"names":["longClickDisabledStyle","preventDragging","preventMouseDown","event","preventDefault","ImageCore","props","alt","disableDrag","disableLongClick","height","loading","onError","onLoad","resizeMode","source","width","style","objectFit","undefined","uri"],"sources":["ImageCoreWeb.tsx"],"sourcesContent":["import React, { DragEventHandler, MouseEventHandler } from 'react';\nimport type ImageCoreProps from './ImageCoreProps';\n\nconst longClickDisabledStyle = {\n    '-webkit-user-select': 'none',\n    '-webkit-touch-callout': 'none',\n};\n\nconst preventDragging: DragEventHandler<HTMLImageElement> = () => false;\n\nconst preventMouseDown: MouseEventHandler<HTMLImageElement> = (event) => {\n    if (event.preventDefault) {\n        event.preventDefault();\n    }\n};\n\nexport default function ImageCore(props: ImageCoreProps) {\n    const {\n        alt,\n        disableDrag = false,\n        disableLongClick = false,\n        height,\n        loading,\n        onError,\n        onLoad,\n        resizeMode,\n        source,\n        width,\n    } = props;\n\n    const style = {\n        objectFit: resizeMode,\n        ...(disableLongClick ? longClickDisabledStyle : {}),\n    };\n\n    return (\n        <img\n            alt={alt}\n            height={height}\n            loading={loading}\n            onDragStart={disableDrag ? preventDragging : undefined}\n            onMouseDown={disableDrag ? preventMouseDown : undefined}\n            onError={onError}\n            onLoad={onLoad}\n            src={source.uri}\n            style={style}\n            width={width}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA;;;;AAGA,MAAMA,sBAAsB,GAAG;EAC3B,uBAAuB,MADI;EAE3B,yBAAyB;AAFE,CAA/B;;AAKA,MAAMC,eAAmD,GAAG,MAAM,KAAlE;;AAEA,MAAMC,gBAAqD,GAAIC,KAAD,IAAW;EACrE,IAAIA,KAAK,CAACC,cAAV,EAA0B;IACtBD,KAAK,CAACC,cAAN;EACH;AACJ,CAJD;;AAMe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,GADE;IAEFC,WAAW,GAAG,KAFZ;IAGFC,gBAAgB,GAAG,KAHjB;IAIFC,MAJE;IAKFC,OALE;IAMFC,OANE;IAOFC,MAPE;IAQFC,UARE;IASFC,MATE;IAUFC;EAVE,IAWFV,KAXJ;EAaA,MAAMW,KAAK,GAAG;IACVC,SAAS,EAAEJ,UADD;IAEV,IAAIL,gBAAgB,GAAGT,sBAAH,GAA4B,EAAhD;EAFU,CAAd;EAKA,oBACI;IACI,GAAG,EAAEO,GADT;IAEI,MAAM,EAAEG,MAFZ;IAGI,OAAO,EAAEC,OAHb;IAII,WAAW,EAAEH,WAAW,GAAGP,eAAH,GAAqBkB,SAJjD;IAKI,WAAW,EAAEX,WAAW,GAAGN,gBAAH,GAAsBiB,SALlD;IAMI,OAAO,EAAEP,OANb;IAOI,MAAM,EAAEC,MAPZ;IAQI,GAAG,EAAEE,MAAM,CAACK,GARhB;IASI,KAAK,EAAEH,KATX;IAUI,KAAK,EAAED;EAVX,EADJ;AAcH;;AAAA"}

package/build/commonjs/ImageCore/ImageFileExtensionContext.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const defaultAcceptHeader = 'image/jpg,image/png,image/*,*/*;';
-
-const ImageFileExtensionContext = /*#__PURE__*/_react.default.createContext(defaultAcceptHeader);
+var _react = require("react");
 
+const DEFAULT_ACCEPT_HEADER = 'image/jpg,image/png,image/*,*/*;';
+const ImageFileExtensionContext = /*#__PURE__*/(0, _react.createContext)(DEFAULT_ACCEPT_HEADER);
 var _default = ImageFileExtensionContext;
 exports.default = _default;
 //# sourceMappingURL=ImageFileExtensionContext.js.map

package/build/commonjs/ImageCore/ImageFileExtensionContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["defaultAcceptHeader","ImageFileExtensionContext","React","createContext"],"sources":["ImageFileExtensionContext.ts"],"sourcesContent":["import React from 'react';\n\nconst defaultAcceptHeader = 'image/jpg,image/png,image/*,*/*;';\n\nconst ImageFileExtensionContext = React.createContext<string>(defaultAcceptHeader);\n\nexport default ImageFileExtensionContext;"],"mappings":";;;;;;;AAAA;;;;AAEA,MAAMA,mBAAmB,GAAG,kCAA5B;;AAEA,MAAMC,yBAAyB,gBAAGC,cAAA,CAAMC,aAAN,CAA4BH,mBAA5B,CAAlC;;eAEeC,yB"}
+{"version":3,"names":["DEFAULT_ACCEPT_HEADER","ImageFileExtensionContext","createContext"],"sources":["ImageFileExtensionContext.ts"],"sourcesContent":["import { createContext } from 'react';\n\nconst DEFAULT_ACCEPT_HEADER = 'image/jpg,image/png,image/*,*/*;';\n\nconst ImageFileExtensionContext = createContext<string>(DEFAULT_ACCEPT_HEADER);\n\nexport default ImageFileExtensionContext;\n"],"mappings":";;;;;;;AAAA;;AAEA,MAAMA,qBAAqB,GAAG,kCAA9B;AAEA,MAAMC,yBAAyB,gBAAG,IAAAC,oBAAA,EAAsBF,qBAAtB,CAAlC;eAEeC,yB"}

package/build/commonjs/ImageCore/ImageFileExtensionProvider.js

@@ -33,8 +33,8 @@ function ImageFileExtensionProvider(props) {
     children,
     extensions
   } = props;
-  const availableAcceptHeader = R.pipe(R.map(extension => `image/${extension}`), R.join(','))(extensions);
-  const acceptHeader = `${availableAcceptHeader},image/*,*/*;`;
+  const supportedMediaTypes = [...R.map(extension => `image/${extension}`, extensions), 'image/*', '*/*'];
+  const acceptHeader = `${R.join(',', supportedMediaTypes)};`;
   return /*#__PURE__*/_react.default.createElement(_ImageFileExtensionContext.default.Provider, {
     value: acceptHeader
   }, children);

package/build/commonjs/ImageCore/ImageFileExtensionProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["ImageFileExtension","ImageFileExtensionProvider","props","children","extensions","availableAcceptHeader","R","pipe","map","extension","join","acceptHeader"],"sources":["ImageFileExtensionProvider.tsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport ImageFileExtensionContext from './ImageFileExtensionContext';\n\nexport enum ImageFileExtension {\n    AVIF = \"avif\",\n    WEBP = \"webp\",\n    JPG = \"jpg\",\n    PNG = \"png\",\n}\n\ninterface ImageFileExtensionProviderProps {\n    children: React.ReactNode;\n    extensions: ImageFileExtension[];\n}\n\nexport default function ImageFileExtensionProvider(props: ImageFileExtensionProviderProps) {\n    const { children, extensions } = props;\n\n    const availableAcceptHeader = R.pipe(\n        R.map(extension => `image/${extension}`),\n        R.join(','),\n    )(extensions);\n\n    const acceptHeader = `${availableAcceptHeader},image/*,*/*;`;\n\n    return (\n        <ImageFileExtensionContext.Provider value={acceptHeader}>\n            {children}\n        </ImageFileExtensionContext.Provider>\n    );\n}\n"],"mappings":";;;;;;;;AAAA;;AACA;;AACA;;;;;;;;IAEYA,kB;;;WAAAA,kB;EAAAA,kB;EAAAA,kB;EAAAA,kB;EAAAA,kB;GAAAA,kB,kCAAAA,kB;;AAYG,SAASC,0BAAT,CAAoCC,KAApC,EAA4E;EACvF,MAAM;IAAEC,QAAF;IAAYC;EAAZ,IAA2BF,KAAjC;EAEA,MAAMG,qBAAqB,GAAGC,CAAC,CAACC,IAAF,CAC1BD,CAAC,CAACE,GAAF,CAAMC,SAAS,IAAK,SAAQA,SAAU,EAAtC,CAD0B,EAE1BH,CAAC,CAACI,IAAF,CAAO,GAAP,CAF0B,EAG5BN,UAH4B,CAA9B;EAKA,MAAMO,YAAY,GAAI,GAAEN,qBAAsB,eAA9C;EAEA,oBACI,6BAAC,kCAAD,CAA2B,QAA3B;IAAoC,KAAK,EAAEM;EAA3C,GACKR,QADL,CADJ;AAKH"}
+{"version":3,"names":["ImageFileExtension","ImageFileExtensionProvider","props","children","extensions","supportedMediaTypes","R","map","extension","acceptHeader","join"],"sources":["ImageFileExtensionProvider.tsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport ImageFileExtensionContext from './ImageFileExtensionContext';\n\nexport enum ImageFileExtension {\n    AVIF = 'avif',\n    WEBP = 'webp',\n    JPG = 'jpg',\n    PNG = 'png',\n}\n\ninterface ImageFileExtensionProviderProps {\n    children: React.ReactNode;\n    extensions: ImageFileExtension[];\n}\n\nexport default function ImageFileExtensionProvider(props: ImageFileExtensionProviderProps) {\n    const { children, extensions } = props;\n\n    const supportedMediaTypes = [\n        ...(R.map(extension => `image/${extension}`, extensions)),\n        'image/*',\n        '*/*',\n    ];\n\n    const acceptHeader = `${R.join(',', supportedMediaTypes)};`;\n\n    return (\n        <ImageFileExtensionContext.Provider value={acceptHeader}>\n            {children}\n        </ImageFileExtensionContext.Provider>\n    );\n}\n"],"mappings":";;;;;;;;AAAA;;AACA;;AACA;;;;;;;;IAEYA,kB;;;WAAAA,kB;EAAAA,kB;EAAAA,kB;EAAAA,kB;EAAAA,kB;GAAAA,kB,kCAAAA,kB;;AAYG,SAASC,0BAAT,CAAoCC,KAApC,EAA4E;EACvF,MAAM;IAAEC,QAAF;IAAYC;EAAZ,IAA2BF,KAAjC;EAEA,MAAMG,mBAAmB,GAAG,CACxB,GAAIC,CAAC,CAACC,GAAF,CAAMC,SAAS,IAAK,SAAQA,SAAU,EAAtC,EAAyCJ,UAAzC,CADoB,EAExB,SAFwB,EAGxB,KAHwB,CAA5B;EAMA,MAAMK,YAAY,GAAI,GAAEH,CAAC,CAACI,IAAF,CAAO,GAAP,EAAYL,mBAAZ,CAAiC,GAAzD;EAEA,oBACI,6BAAC,kCAAD,CAA2B,QAA3B;IAAoC,KAAK,EAAEI;EAA3C,GACKN,QADL,CADJ;AAKH"}

package/build/commonjs/ImageCore/index.js

@@ -21,20 +21,6 @@ Object.defineProperty(exports, "default", {
 
 var _ImageCoreWeb = _interopRequireDefault(require("./ImageCoreWeb"));
 
-var _ImageCoreProps = require("./ImageCoreProps");
-
-Object.keys(_ImageCoreProps).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ImageCoreProps[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ImageCoreProps[key];
-    }
-  });
-});
-
 var _ImageFileExtensionProvider = _interopRequireWildcard(require("./ImageFileExtensionProvider"));
 
 Object.keys(_ImageFileExtensionProvider).forEach(function (key) {

package/build/commonjs/ImageCore/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './ImageCoreWeb';\nexport * from './ImageCoreProps';\n\nexport { default as ImageFileExtensionProvider } from './ImageFileExtensionProvider';\nexport * from './ImageFileExtensionProvider';"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './ImageCoreWeb';\nexport type { default as ImageCoreProps, ImageSource, Loading, ResizeMode } from './ImageCoreProps';\n\nexport { default as ImageFileExtensionProvider } from './ImageFileExtensionProvider';\nexport * from './ImageFileExtensionProvider';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AAGA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/commonjs/hooks/index.js

@@ -27,6 +27,12 @@ Object.defineProperty(exports, "useContentContainerStyle", {
     return _useContentContainerStyle.default;
   }
 });
+Object.defineProperty(exports, "useDebounce", {
+  enumerable: true,
+  get: function () {
+    return _useDebounce.default;
+  }
+});
 Object.defineProperty(exports, "useElevationStyle", {
   enumerable: true,
   get: function () {
@@ -82,6 +88,8 @@ var _useSyncAnimatedValue = _interopRequireDefault(require("./useSyncAnimatedVal
 
 var _useThrottle = _interopRequireDefault(require("./useThrottle"));
 
+var _useDebounce = _interopRequireDefault(require("./useDebounce"));
+
 var _useValidWindowDimensions = _interopRequireDefault(require("./useValidWindowDimensions"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/build/commonjs/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as useAnimatedValue } from './useAnimatedValue';\nexport { default as useBreakpointUp } from './useBreakpointUp';\nexport { default as useCollapsibleAppBar } from './useCollapsibleAppBar';\nexport { default as useContentContainerStyle } from './useContentContainerStyle';\nexport { default as useElevationStyle } from './useElevationStyle';\nexport { default as useFadeInAppBar } from './useFadeInAppBar';\nexport { default as useImperativeState } from './useImperativeState';\nexport { default as useSyncAnimatedValue } from './useSyncAnimatedValue';\nexport { default as useThrottle } from './useThrottle';\nexport { default as useValidWindowDimensions } from './useValidWindowDimensions';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as useAnimatedValue } from './useAnimatedValue';\nexport { default as useBreakpointUp } from './useBreakpointUp';\nexport { default as useCollapsibleAppBar } from './useCollapsibleAppBar';\nexport { default as useContentContainerStyle } from './useContentContainerStyle';\nexport { default as useElevationStyle } from './useElevationStyle';\nexport { default as useFadeInAppBar } from './useFadeInAppBar';\nexport { default as useImperativeState } from './useImperativeState';\nexport { default as useSyncAnimatedValue } from './useSyncAnimatedValue';\nexport { default as useThrottle } from './useThrottle';\nexport { default as useDebounce } from './useDebounce';\nexport { default as useValidWindowDimensions } from './useValidWindowDimensions';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}

package/build/commonjs/hooks/useDebounce.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useDebounce;
+
+var _react = require("react");
+
+function useDebounce(callback, debounceMillis) {
+  const debounceTimeout = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    return () => {
+      debounceTimeout.current && clearTimeout(debounceTimeout.current);
+    };
+  }, []);
+  return (0, _react.useCallback)(function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    if (debounceTimeout.current) {
+      clearTimeout(debounceTimeout.current);
+    }
+
+    if (callback) {
+      debounceTimeout.current = setTimeout(() => {
+        callback(...args);
+      }, debounceMillis);
+    }
+  }, [debounceMillis, callback]);
+}
+//# sourceMappingURL=useDebounce.js.map

package/build/commonjs/hooks/useDebounce.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useDebounce","callback","debounceMillis","debounceTimeout","useRef","useEffect","current","clearTimeout","useCallback","args","setTimeout"],"sources":["useDebounce.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nexport default function useDebounce(callback: (args?: any) => void, debounceMillis: number) {\n    const debounceTimeout = useRef<NodeJS.Timeout | null>(null);\n\n    useEffect(() => {\n        return () => {\n            debounceTimeout.current && clearTimeout(debounceTimeout.current);\n        };\n    }, []);\n\n    return useCallback((...args: any[]) => {\n        if (debounceTimeout.current) {\n            clearTimeout(debounceTimeout.current);\n        }\n\n        if (callback) {\n            debounceTimeout.current = setTimeout(() => {\n                callback(...args);\n            }, debounceMillis);\n        }\n    }, [debounceMillis, callback]);\n}"],"mappings":";;;;;;;AAAA;;AAEe,SAASA,WAAT,CAAqBC,QAArB,EAAqDC,cAArD,EAA6E;EACxF,MAAMC,eAAe,GAAG,IAAAC,aAAA,EAA8B,IAA9B,CAAxB;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACZ,OAAO,MAAM;MACTF,eAAe,CAACG,OAAhB,IAA2BC,YAAY,CAACJ,eAAe,CAACG,OAAjB,CAAvC;IACH,CAFD;EAGH,CAJD,EAIG,EAJH;EAMA,OAAO,IAAAE,kBAAA,EAAY,YAAoB;IAAA,kCAAhBC,IAAgB;MAAhBA,IAAgB;IAAA;;IACnC,IAAIN,eAAe,CAACG,OAApB,EAA6B;MACzBC,YAAY,CAACJ,eAAe,CAACG,OAAjB,CAAZ;IACH;;IAED,IAAIL,QAAJ,EAAc;MACVE,eAAe,CAACG,OAAhB,GAA0BI,UAAU,CAAC,MAAM;QACvCT,QAAQ,CAAC,GAAGQ,IAAJ,CAAR;MACH,CAFmC,EAEjCP,cAFiC,CAApC;IAGH;EACJ,CAVM,EAUJ,CAACA,cAAD,EAAiBD,QAAjB,CAVI,CAAP;AAWH"}

package/build/module/Image/Image.js

@@ -1,7 +1,7 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-import React, { useEffect } from 'react';
-import { View } from 'react-native';
+import React, { useEffect, useState } from 'react';
+import { Text, View } from 'react-native';
 import ImageCore from '../ImageCore';
 import { css, StyleSheet, useTheme } from '../styles';
 
@@ -20,10 +20,22 @@ const useStyles = function () {
       borderWidth: StyleSheet.hairlineWidth,
       borderStyle: 'solid',
       borderColor: theme.palette.paper.grey
+    },
+    error: {
+      width: '100%',
+      height: '100%'
     }
   };
 };
 
+function determinePlaceholderMode(props) {
+  if (props.disablePlaceholder) {
+    return 'none';
+  }
+
+  return props.placeholder ? 'custom' : 'default';
+}
+
 export default function Image(props) {
   const {
     alt,
@@ -31,67 +43,63 @@ export default function Image(props) {
     disableLongClick,
     disableOutline,
     disablePlaceholder,
-    failDependency = [],
+    error,
     loading = 'lazy',
+    onError: onErrorProp,
+    onLoad: onLoadProp,
     overlaidChildren,
+    placeholder,
     resizeMode = 'cover',
     source,
     style,
     square = false,
     size,
-    onLoad,
-    onError,
-    Placeholder: PlaceholderComponent,
     ...otherProps
   } = props;
-  const [failed, setFailed] = React.useState(false);
+  const [failed, setFailed] = useState(false);
   const styles = useStyles();
 
-  const handleError = () => {
-    if (onError) {
-      onError();
-    }
-
-    setFailed(true);
+  const onLoad = () => {
+    setFailed(false);
+    onLoadProp === null || onLoadProp === void 0 ? void 0 : onLoadProp();
   };
 
-  const Placeholder = _ref => {
-    let {
-      failed,
-      children
-    } = _ref;
-    return PlaceholderComponent ? /*#__PURE__*/React.createElement(PlaceholderComponent, {
-      children: children,
-      failed: failed
-    }) : children;
+  const onError = () => {
+    setFailed(true);
+    onErrorProp === null || onErrorProp === void 0 ? void 0 : onErrorProp();
   };
 
   const sourceWithSizeParam = { ...source,
     uri: size ? `${source.uri}?size=${size}` : source.uri
   };
+  const placeholderMode = determinePlaceholderMode(props);
   useEffect(() => {
-    if (failed !== false) {
-      setFailed(false);
-    }
-  }, [...failDependency]);
+    setFailed(false);
+  }, [sourceWithSizeParam.uri]);
   return /*#__PURE__*/React.createElement(View, _extends({
-    style: css([styles.root, !disableOutline ? styles.outlined : undefined, !disablePlaceholder ? styles.placeholder : undefined, !square ? styles.rounded : undefined, style])
-  }, otherProps), /*#__PURE__*/React.createElement(Placeholder, {
-    failed: failed
-  }, !failed ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ImageCore, {
-    alt: alt,
+    style: css([styles.root, !disableOutline ? styles.outlined : undefined, !square ? styles.rounded : undefined, placeholderMode === 'default' ? styles.placeholder : undefined, style])
+  }, otherProps), placeholderMode === 'custom' ? /*#__PURE__*/React.createElement(View, {
+    style: css([StyleSheet.absoluteFill, {
+      zIndex: -1
+    }])
+  }, placeholder) : null, failed ? /*#__PURE__*/React.createElement(View, {
+    style: styles.error
+  }, error ?? /*#__PURE__*/React.createElement(Text, {
+    children: alt
+  })) : sourceWithSizeParam.uri ? /*#__PURE__*/React.createElement(ImageCore, {
+    alt: sourceWithSizeParam.uri,
     disableDrag: disableDrag,
     disableLongClick: disableLongClick,
     height: '100%',
     loading: loading,
-    onError: handleError,
+    onError: onError,
     onLoad: onLoad,
     resizeMode: resizeMode,
     source: sourceWithSizeParam,
     width: '100%'
-  }), overlaidChildren ? /*#__PURE__*/React.createElement(View, {
+  }) : null, overlaidChildren ? /*#__PURE__*/React.createElement(View, {
     style: StyleSheet.absoluteFill
-  }, overlaidChildren) : null) : null));
+  }, overlaidChildren) : null);
 }
 ;
 //# sourceMappingURL=Image.js.map

package/build/module/Image/Image.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","View","ImageCore","css","StyleSheet","useTheme","useStyles","theme","root","rounded","borderRadius","shape","roundness","overflow","placeholder","backgroundColor","palette","paper","grey","outlined","borderWidth","hairlineWidth","borderStyle","borderColor","Image","props","alt","disableDrag","disableLongClick","disableOutline","disablePlaceholder","failDependency","loading","overlaidChildren","resizeMode","source","style","square","size","onLoad","onError","Placeholder","PlaceholderComponent","otherProps","failed","setFailed","useState","styles","handleError","children","sourceWithSizeParam","uri","undefined","absoluteFill"],"sources":["Image.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { View } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ImageCore from '../ImageCore';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport type ImageProps from './ImageProps';\nimport { PlaceholderProps } from './ImageProps';\n\ntype ImageStyleKeys =\n    | 'root'\n    | 'rounded'\n    | 'placeholder'\n    | 'outlined';\n\ntype ImageStyles = NamedStylesStringUnion<ImageStyleKeys>;\n\nconst useStyles: UseStyles<ImageStyles> = function (): ImageStyles {\n    const theme = useTheme();\n\n    return {\n        root: {},\n        rounded: {\n            borderRadius: theme.shape.roundness,\n            overflow: 'hidden',\n        },\n        placeholder: {\n            backgroundColor: theme.palette.paper.grey,\n        },\n        outlined: {\n            borderWidth: StyleSheet.hairlineWidth,\n            borderStyle: 'solid',\n            borderColor: theme.palette.paper.grey,\n        },\n    };\n};\n\nexport default function Image(props: ImageProps) {\n    const {\n        alt,\n        disableDrag,\n        disableLongClick,\n        disableOutline,\n        disablePlaceholder,\n        failDependency = [],\n        loading = 'lazy',\n        overlaidChildren,\n        resizeMode = 'cover',\n        source,\n        style,\n        square = false,\n        size,\n        onLoad,\n        onError,\n        Placeholder: PlaceholderComponent,\n        ...otherProps\n    } = props;\n\n    const [failed, setFailed] = React.useState(false);\n\n    const styles = useStyles();\n\n    const handleError = () => {\n        if (onError) {\n            onError();\n        }\n\n        setFailed(true);\n    };\n\n    const Placeholder = ({\n        failed,\n        children,\n    }: PlaceholderProps) => PlaceholderComponent ? (\n        <PlaceholderComponent\n            children={children}\n            failed={failed}\n        />\n    ) : children;\n\n    const sourceWithSizeParam = {\n        ...source,\n        uri: size ? `${source.uri}?size=${size}` : source.uri,\n    };\n\n    useEffect(() => {\n        if (failed !== false) {\n            setFailed(false);\n        }\n    }, [...failDependency]);\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                !disableOutline ? styles.outlined : undefined,\n                !disablePlaceholder ? styles.placeholder : undefined,\n                !square ? styles.rounded : undefined,\n                style,\n            ])}\n            {...otherProps}\n        >\n            <Placeholder failed={failed}>\n                {!failed ? (\n                    <React.Fragment>\n                        <ImageCore\n                            alt={alt}\n                            disableDrag={disableDrag}\n                            disableLongClick={disableLongClick}\n                            height={'100%'}\n                            loading={loading}\n                            onError={handleError}\n                            onLoad={onLoad}\n                            resizeMode={resizeMode}\n                            source={sourceWithSizeParam}\n                            width={'100%'}\n                        />\n\n                        {overlaidChildren ? (\n                            <View style={StyleSheet.absoluteFill}>\n                                {overlaidChildren}\n                            </View>\n                        ) : null}\n                    </React.Fragment>\n                ) : null}\n            </Placeholder>\n        </View>\n    );\n};"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","useState","Text","View","ImageCore","css","StyleSheet","useTheme","useStyles","theme","root","rounded","borderRadius","shape","roundness","overflow","placeholder","backgroundColor","palette","paper","grey","outlined","borderWidth","hairlineWidth","borderStyle","borderColor","error","width","height","determinePlaceholderMode","props","disablePlaceholder","Image","alt","disableDrag","disableLongClick","disableOutline","loading","onError","onErrorProp","onLoad","onLoadProp","overlaidChildren","resizeMode","source","style","square","size","otherProps","failed","setFailed","styles","sourceWithSizeParam","uri","placeholderMode","undefined","absoluteFill","zIndex"],"sources":["Image.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Text, View } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport type { ImageCoreProps } from '../ImageCore';\nimport ImageCore from '../ImageCore';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport type ImageProps from './ImageProps';\n\ntype PlaceholderMode =\n    | 'default'\n    | 'custom'\n    | 'none';\n\ntype ImageStyleKeys =\n    | 'root'\n    | 'rounded'\n    | 'placeholder'\n    | 'outlined'\n    | 'error';\n\ntype ImageStyles = NamedStylesStringUnion<ImageStyleKeys>;\n\nconst useStyles: UseStyles<ImageStyles> = function (): ImageStyles {\n    const theme = useTheme();\n\n    return {\n        root: {},\n        rounded: {\n            borderRadius: theme.shape.roundness,\n            overflow: 'hidden',\n        },\n        placeholder: {\n            backgroundColor: theme.palette.paper.grey,\n        },\n        outlined: {\n            borderWidth: StyleSheet.hairlineWidth,\n            borderStyle: 'solid',\n            borderColor: theme.palette.paper.grey,\n        },\n        error: {\n            width: '100%',\n            height: '100%',\n        },\n    };\n};\n\nfunction determinePlaceholderMode(props: ImageProps): PlaceholderMode {\n    if (props.disablePlaceholder) {\n        return 'none';\n    }\n\n    return props.placeholder ? 'custom' : 'default';\n}\n\nexport default function Image(props: ImageProps) {\n    const {\n        alt,\n        disableDrag,\n        disableLongClick,\n        disableOutline,\n        disablePlaceholder,\n        error,\n        loading = 'lazy',\n        onError: onErrorProp,\n        onLoad: onLoadProp,\n        overlaidChildren,\n        placeholder,\n        resizeMode = 'cover',\n        source,\n        style,\n        square = false,\n        size,\n        ...otherProps\n    } = props;\n\n    const [failed, setFailed] = useState(false);\n\n    const styles = useStyles();\n\n    const onLoad: ImageCoreProps['onLoad'] = () => {\n        setFailed(false);\n\n        onLoadProp?.();\n    };\n\n    const onError: ImageCoreProps['onError'] = () => {\n        setFailed(true);\n\n        onErrorProp?.();\n    };\n\n    const sourceWithSizeParam = {\n        ...source,\n        uri: size ? `${source.uri}?size=${size}` : source.uri,\n    };\n\n    const placeholderMode = determinePlaceholderMode(props);\n\n    useEffect(() => {\n        setFailed(false);\n    }, [sourceWithSizeParam.uri]);\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                !disableOutline ? styles.outlined : undefined,\n                !square ? styles.rounded : undefined,\n                placeholderMode === 'default' ? styles.placeholder : undefined,\n                style,\n            ])}\n            {...otherProps}\n        >\n            {placeholderMode === 'custom' ? (\n                <View\n                    style={css([\n                        StyleSheet.absoluteFill,\n                        { zIndex: -1 },\n                    ])}\n                >\n                    {placeholder}\n                </View>\n            ) : null}\n\n            {failed ? (\n                <View style={styles.error}>\n                    {error ?? <Text children={alt}/>}\n                </View>\n            ) : sourceWithSizeParam.uri ? (\n                <ImageCore\n                    alt={sourceWithSizeParam.uri}\n                    disableDrag={disableDrag}\n                    disableLongClick={disableLongClick}\n                    height={'100%'}\n                    loading={loading}\n                    onError={onError}\n                    onLoad={onLoad}\n                    resizeMode={resizeMode}\n                    source={sourceWithSizeParam}\n                    width={'100%'}\n                />\n            ) : null}\n\n            {overlaidChildren ? (\n                <View style={StyleSheet.absoluteFill}>\n                    {overlaidChildren}\n                </View>\n            ) : null}\n        </View>\n    );\n};"],"mappings":"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"}

package/build/module/Image/ImageProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ImageProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\nimport type { ImageSource, Loading, ResizeMode } from '../ImageCore';\n\nexport interface PlaceholderProps {\n    failed: boolean;\n    children: React.ReactElement | null;\n}\n\nexport default interface ImageProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * Indicating the alternate fallback content to be displayed\n     * if the image has not been loaded.\n     */\n    alt?: string;\n\n    /**\n     * Disable drag event for web.\n     * @default false\n     */\n    disableDrag?: boolean,\n\n    /**\n     * Disable Long click event for web.\n     * @default false\n     */\n    disableLongClick?: boolean,\n\n    /**\n     * If `true`, the image outline is not rendered.\n     * @default false\n     */\n    disableOutline?: boolean;\n\n    /**\n     * If `true`, the placeholder is not rendered.\n     * @default false\n     */\n    disablePlaceholder?: boolean;\n\n    /**\n     * Web only. Loading the document by determining whether to load\n     * the image immediately (`eager`) or on an as-needed basis (`lazy`).\n     * On React Native, it always works as `lazy`.\n     * @default 'lazy'\n     */\n    loading?: Loading;\n\n    /**\n     * error event handler\n     */\n    onError?: () => void;\n\n    /**\n     * image loaded event handler\n     */\n    onLoad?: () => void;\n\n    /**\n     * The children on top this image.\n     */\n    overlaidChildren?: React.ReactNode;\n\n    /**\n     * Determines how to resize the image when the frame doesn't match the raw image dimensions.\n     * @default 'cover'\n     */\n    resizeMode?: ResizeMode;\n\n    /**\n     * The image source.\n     */\n    source: ImageSource;\n\n    /**\n     * If `true`, rounded corners are disabled.\n     * @default false\n     */\n    square?: boolean;\n\n    /**\n     * Image file size.\n     * Request image by query string.\n     */\n    size?: 'small' | 'medium' | 'large';\n\n    /**\n     * The Custom image placeholder component with condition.\n     */\n    Placeholder?: (props: PlaceholderProps) => JSX.Element | null;\n\n    /**\n     * Dependency array for reset failed value to false.\n     * @default []\n     */\n    failDependency?: Array<any>;\n}> {}"],"mappings":""}
+{"version":3,"names":[],"sources":["ImageProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\nimport type { ImageSource, Loading, ResizeMode } from '../ImageCore';\n\n\nexport default interface ImageProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * Indicating the alternate fallback content to be displayed\n     * if the image has not been loaded.\n     */\n    alt?: string;\n\n    /**\n     * Disable drag event for web.\n     * @default false\n     */\n    disableDrag?: boolean,\n\n    /**\n     * Disable Long click event for web.\n     * @default false\n     */\n    disableLongClick?: boolean,\n\n    /**\n     * If `true`, the image outline is not rendered.\n     * @default false\n     */\n    disableOutline?: boolean;\n\n    /**\n     * If `true`, the placeholder is not rendered.\n     * @default false\n     */\n    disablePlaceholder?: boolean;\n\n    /**\n     * Custom error element. Default is simple alt text.\n     */\n    error?: React.ReactElement | null;\n\n    /**\n     * Web only. Loading the document by determining whether to load\n     * the image immediately (`eager`) or on an as-needed basis (`lazy`).\n     * On React Native, it always works as `lazy`.\n     * @default 'lazy'\n     */\n    loading?: Loading;\n\n    /**\n     * error event handler\n     */\n    onError?: () => void;\n\n    /**\n     * image loaded event handler\n     */\n    onLoad?: () => void;\n\n    /**\n     * The children on top this image.\n     */\n    overlaidChildren?: React.ReactElement;\n\n    /**\n     * Custom placeholder element.\n     */\n    placeholder?: React.ReactElement;\n\n    /**\n     * Determines how to resize the image when the frame doesn't match the raw image dimensions.\n     * @default 'cover'\n     */\n    resizeMode?: ResizeMode;\n\n    /**\n     * The image source.\n     */\n    source: ImageSource;\n\n    /**\n     * If `true`, rounded corners are disabled.\n     * @default false\n     */\n    square?: boolean;\n\n    /**\n     * Image file size.\n     * Request image by query string.\n     */\n    size?: 'small' | 'medium' | 'large';\n}> {}\n"],"mappings":""}

package/build/module/Image/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './Image';\nexport type { default as ImageProps } from './ImageProps';\nexport type { PlaceholderProps } from './ImageProps';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,SAAxB"}
+{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './Image';\nexport type { default as ImageProps } from './ImageProps';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,SAAxB"}

package/build/module/ImageCore/ImageCoreProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ImageCoreProps.ts"],"sourcesContent":["export interface ImageSource {\n    uri: string;\n}\n\nexport type ResizeMode = 'cover' | 'contain';\n\nexport type Loading = 'lazy' | 'eager';\n\nexport default interface ImageCoreProps extends Readonly<{\n    alt?: string;\n    disableDrag?: boolean,\n    disableLongClick?: boolean,\n    height?: number | string;\n    loading: Loading;\n    onError?: () => void;\n    onLoad?: () => void;\n    resizeMode: ResizeMode;\n    source: ImageSource;\n    width?: number | string;\n}> {}"],"mappings":""}
+{"version":3,"names":[],"sources":["ImageCoreProps.ts"],"sourcesContent":["export interface ImageSource {\n    uri?: string;\n}\n\nexport type ResizeMode = 'cover' | 'contain';\n\nexport type Loading = 'lazy' | 'eager';\n\nexport default interface ImageCoreProps extends Readonly<{\n    alt?: string;\n    disableDrag?: boolean,\n    disableLongClick?: boolean,\n    height?: number | string;\n    loading: Loading;\n    onError?: () => void;\n    onLoad?: () => void;\n    resizeMode: ResizeMode;\n    source: ImageSource;\n    width?: number | string;\n}> {}"],"mappings":""}

package/build/module/ImageCore/ImageCoreWeb.js

@@ -1,4 +1,8 @@
 import React from 'react';
+const longClickDisabledStyle = {
+  '-webkit-user-select': 'none',
+  '-webkit-touch-callout': 'none'
+};
 
 const preventDragging = () => false;
 
@@ -21,13 +25,9 @@ export default function ImageCore(props) {
     source,
     width
   } = props;
-  const disableLongClickStyle = disableLongClick ? {
-    '-webkit-user-select': 'none',
-    '-webkit-touch-callout': 'none'
-  } : {};
   const style = {
     objectFit: resizeMode,
-    ...disableLongClickStyle
+    ...(disableLongClick ? longClickDisabledStyle : {})
   };
   return /*#__PURE__*/React.createElement("img", {
     alt: alt,