@fountain-ui/core 2.0.0-beta.8 → 2.0.0-beta.80

package/build/commonjs/Fab/Fab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Fab.tsx"],"names":["SMALL","MEDIUM","iconSizes","small","medium","styles","StyleSheet","create","borderRadius","height","root","alignItems","justifyContent","row","flexDirection","reverse","Fab","props","children","color","disabled","elevation","label","numberOfLines","onPress","size","style","styleProp","variant","otherProps","theme","backgroundColor","palette","main","fontColor","contrastTextColor","icon","width","fill","elevationStyle","undefined","paddingSize","spacing","iconPadding","paddingLeft","paddingRight","buttonBaseStyle","fontStyle","selector","typo","button2","button1","textMarginSize","textMarginStyle","marginRight","marginLeft","textStyle","handlePress"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport ButtonBase from '../ButtonBase';\nimport { useElevationStyle } from '../hooks';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type FabProps from './FabProps';\nimport type { FabSize } from './FabProps';\n\nconst SMALL = 32;\nconst MEDIUM = 48;\n\ntype IconSizes = { [n in FabSize]: number };\n\nconst iconSizes: IconSizes = {\n    small: 20,\n    medium: 24,\n};\n\nconst styles = StyleSheet.create({\n    medium: {\n        borderRadius: MEDIUM * 0.5,\n        height: MEDIUM,\n    },\n    root: {\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    row: {\n        flexDirection: 'row',\n    },\n    reverse: {\n        flexDirection: 'row-reverse',\n    },\n    small: {\n        borderRadius: SMALL * 0.5,\n        height: SMALL,\n    },\n});\n\nexport default function Fab(props: FabProps) {\n    const {\n        children,\n        color = 'primary',\n        disabled = false,\n        elevation = 2,\n        label,\n        numberOfLines = 1,\n        onPress,\n        reverse,\n        size = 'medium',\n        style: styleProp,\n        variant = 'circular',\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const backgroundColor = theme.palette[color].main;\n    const fontColor = theme.palette[color].contrastTextColor;\n\n    const icon = cloneElementSafely(children, {\n        width: iconSizes[size],\n        height: iconSizes[size],\n        fill: fontColor,\n    });\n\n    const elevationStyle = useElevationStyle(elevation);\n    const width = variant === 'circular' ? (size === 'medium' ? MEDIUM : SMALL) : undefined;\n    const paddingSize = size === 'medium' ? theme.spacing(5) : theme.spacing(3);\n    const iconPadding = icon ? paddingSize - theme.spacing(1) : paddingSize;\n\n    const paddingLeft = variant === 'circular'\n        ? undefined\n        : icon\n            ? (reverse ? paddingSize : iconPadding)\n            : paddingSize;\n\n    const paddingRight = variant === 'circular'\n        ? undefined\n        : icon\n            ? (reverse ? iconPadding : paddingSize)\n            : paddingSize;\n\n    const buttonBaseStyle = css([\n        styles.root,\n        reverse ? styles.reverse : styles.row,\n        size === 'medium' ? styles.medium : styles.small,\n        { width, backgroundColor, paddingLeft, paddingRight },\n        elevationStyle,\n        styleProp,\n    ]);\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => size === 'small' ? typo.button2 : typo.button1,\n        color: fontColor,\n    });\n\n    const textMarginSize = size === 'small' ? theme.spacing(1) : theme.spacing(2);\n    const textMarginStyle = icon\n        ? (reverse ? { marginRight: textMarginSize } : { marginLeft: textMarginSize })\n        : undefined;\n\n    const textStyle = css([\n        fontStyle,\n        textMarginStyle,\n    ]);\n\n    const handlePress = async () => {\n        if (disabled) {\n            return;\n        }\n        if (onPress) {\n            onPress();\n            return;\n        }\n    };\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={buttonBaseStyle}\n            {...otherProps}\n        >\n            {icon}\n\n            {variant === 'extended' && label ? (\n                <Text\n                    children={label}\n                    numberOfLines={numberOfLines}\n                    style={textStyle}\n                />\n            ) : null}\n        </ButtonBase>\n    );\n};\n"]}
+{"version":3,"names":["SMALL","MEDIUM","iconSizes","small","medium","styles","StyleSheet","create","borderRadius","height","root","alignItems","justifyContent","row","flexDirection","reverse","Fab","props","children","color","disabled","elevation","label","numberOfLines","onPress","size","style","styleProp","variant","otherProps","theme","useTheme","backgroundColor","palette","main","fontColor","contrastTextColor","icon","cloneElementSafely","width","fill","elevationStyle","useElevationStyle","undefined","paddingSize","spacing","iconPadding","paddingLeft","paddingRight","buttonBaseStyle","css","fontStyle","createFontStyle","selector","typo","button2","button1","textMarginSize","textMarginStyle","marginRight","marginLeft","textStyle","handlePress"],"sources":["Fab.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport ButtonBase from '../ButtonBase';\nimport { useElevationStyle } from '../hooks';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type FabProps from './FabProps';\nimport type { FabSize } from './FabProps';\n\nconst SMALL = 32;\nconst MEDIUM = 48;\n\ntype IconSizes = { [n in FabSize]: number };\n\nconst iconSizes: IconSizes = {\n    small: 20,\n    medium: 24,\n};\n\nconst styles = StyleSheet.create({\n    medium: {\n        borderRadius: MEDIUM * 0.5,\n        height: MEDIUM,\n    },\n    root: {\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    row: {\n        flexDirection: 'row',\n    },\n    reverse: {\n        flexDirection: 'row-reverse',\n    },\n    small: {\n        borderRadius: SMALL * 0.5,\n        height: SMALL,\n    },\n});\n\nexport default function Fab(props: FabProps) {\n    const {\n        children,\n        color = 'primary',\n        disabled = false,\n        elevation = 2,\n        label,\n        numberOfLines = 1,\n        onPress,\n        reverse,\n        size = 'medium',\n        style: styleProp,\n        variant = 'circular',\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const backgroundColor = theme.palette[color].main;\n    const fontColor = theme.palette[color].contrastTextColor;\n\n    const icon = cloneElementSafely(children, {\n        width: iconSizes[size],\n        height: iconSizes[size],\n        fill: fontColor,\n    });\n\n    const elevationStyle = useElevationStyle(elevation);\n    const width = variant === 'circular' ? (size === 'medium' ? MEDIUM : SMALL) : undefined;\n    const paddingSize = size === 'medium' ? theme.spacing(5) : theme.spacing(3);\n    const iconPadding = icon ? paddingSize - theme.spacing(1) : paddingSize;\n\n    const paddingLeft = variant === 'circular'\n        ? undefined\n        : icon\n            ? (reverse ? paddingSize : iconPadding)\n            : paddingSize;\n\n    const paddingRight = variant === 'circular'\n        ? undefined\n        : icon\n            ? (reverse ? iconPadding : paddingSize)\n            : paddingSize;\n\n    const buttonBaseStyle = css([\n        styles.root,\n        reverse ? styles.reverse : styles.row,\n        size === 'medium' ? styles.medium : styles.small,\n        { width, backgroundColor, paddingLeft, paddingRight },\n        elevationStyle,\n        styleProp,\n    ]);\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => size === 'small' ? typo.button2 : typo.button1,\n        color: fontColor,\n    });\n\n    const textMarginSize = size === 'small' ? theme.spacing(1) : theme.spacing(2);\n    const textMarginStyle = icon\n        ? (reverse ? { marginRight: textMarginSize } : { marginLeft: textMarginSize })\n        : undefined;\n\n    const textStyle = css([\n        fontStyle,\n        textMarginStyle,\n    ]);\n\n    const handlePress = async () => {\n        if (disabled) {\n            return;\n        }\n        if (onPress) {\n            onPress();\n            return;\n        }\n    };\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={buttonBaseStyle}\n            {...otherProps}\n        >\n            {icon}\n\n            {variant === 'extended' && label ? (\n                <Text\n                    children={label}\n                    numberOfLines={numberOfLines}\n                    style={textStyle}\n                />\n            ) : null}\n        </ButtonBase>\n    );\n};\n"],"mappings":"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"}

package/build/commonjs/Fab/FabProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["FabProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ButtonBaseProps } from '../ButtonBase';\nimport type { OverridableComponentProps, CommonComponentColor } from '../types';\nimport type { Elevation } from '@fountain-ui/styles';\n\nexport type FabColor = CommonComponentColor | 'surface';\n\nexport type FabSize = 'small' | 'medium';\n\nexport type FabVariant = 'circular' | 'extended';\n\nexport default interface FabProps extends OverridableComponentProps<ButtonBaseProps, {\n    /**\n     * The content of the button.\n     */\n    children?: React.ReactElement;\n\n    /**\n     * The color of the component. It supports those theme colors that make sense for this component.\n     * @default 'primary'\n     */\n    color?: FabColor;\n\n    /**\n     * Shadow depth, corresponds to `dp` in the spec.\n     * It accepts values between 0 and 24 inclusive.\n     * @default 2\n     */\n    elevation?: Elevation;\n\n    /**\n     *  If present, this is typography displayed.\n     */\n    label?: string;\n\n    /**\n     * The numberOfLines of Fab.\n     * @default 1\n     */\n    numberOfLines?: number;\n\n    /**\n     If true, contents is reversed.\n     */\n    reverse?: boolean;\n\n    /**\n     * The size of Fab.\n     * @default 'medium'\n     */\n    size?: FabSize;\n\n    /**\n     * The variant to use.\n     * @default 'circular'\n     */\n    variant?: FabVariant;\n}> {}\n"],"mappings":""}

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

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

package/build/commonjs/Flexbox/Flexbox.js

@@ -13,7 +13,7 @@ var _styles = require("../styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || 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); }
+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); }
 
 const styles = _styles.StyleSheet.create({
   row: {

package/build/commonjs/Flexbox/Flexbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Flexbox.tsx"],"names":["styles","StyleSheet","create","row","flexDirection","column","rowReverse","columnReverse","createFlexbox","direction","forwardDirection","reverseDirection","Flexbox","props","theme","spacing","alignContent","alignItems","alignSelf","flexBasis","flexGrow","flexShrink","flexWrap","children","insets","justifyContent","overflow","reversed","style","otherProps","propStyles","padding","undefined","paddingLeft","left","paddingTop","top","paddingRight","right","paddingBottom","bottom","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAGA,MAAMA,MAAM,GAAGC,mBAAWC,MAAX,CAAkB;AAC7BC,EAAAA,GAAG,EAAE;AAAEC,IAAAA,aAAa,EAAE;AAAjB,GADwB;AAE7BC,EAAAA,MAAM,EAAE;AAAED,IAAAA,aAAa,EAAE;AAAjB,GAFqB;AAG7BE,EAAAA,UAAU,EAAE;AAAEF,IAAAA,aAAa,EAAE;AAAjB,GAHiB;AAI7BG,EAAAA,aAAa,EAAE;AAAEH,IAAAA,aAAa,EAAE;AAAjB;AAJc,CAAlB,CAAf;;AAOe,SAASI,aAAT,CAAuBC,SAAvB,EAAoD;AAC/D,QAAMC,gBAAgB,GAAGD,SAAS,KAAK,KAAd,GAAsBT,MAAM,CAACG,GAA7B,GAAmCH,MAAM,CAACK,MAAnE;AACA,QAAMM,gBAAgB,GAAGF,SAAS,KAAK,KAAd,GAAsBT,MAAM,CAACM,UAA7B,GAA0CN,MAAM,CAACO,aAA1E;;AAEA,WAASK,OAAT,CAAiBC,KAAjB,EAAsC;AAClC,UAAMC,KAAK,GAAG,uBAAd;AAEA,UAAMC,OAAO,GAAGD,KAAK,CAACC,OAAtB;AAEA,UAAM;AACFC,MAAAA,YADE;AAEFC,MAAAA,UAFE;AAGFC,MAAAA,SAHE;AAIFC,MAAAA,SAJE;AAKFC,MAAAA,QALE;AAMFC,MAAAA,UANE;AAOFC,MAAAA,QAPE;AAQFC,MAAAA,QARE;AASFC,MAAAA,MATE;AAUFC,MAAAA,cAVE;AAWFC,MAAAA,QAXE;AAYFC,MAAAA,QAZE;AAaFC,MAAAA,KAbE;AAcF,SAAGC;AAdD,QAeFhB,KAfJ;AAiBA,UAAMJ,SAAS,GAAGkB,QAAQ,GAAGhB,gBAAH,GAAsBD,gBAAhD;AAEA,UAAMoB,UAAU,GAAG;AACfd,MAAAA,YADe;AAEfC,MAAAA,UAFe;AAGfC,MAAAA,SAHe;AAIfC,MAAAA,SAJe;AAKfC,MAAAA,QALe;AAMfC,MAAAA,UANe;AAOfC,MAAAA,QAPe;AAQfG,MAAAA,cARe;AASfC,MAAAA;AATe,KAAnB;AAYA,UAAMK,OAAO,GAAGP,MAAM,KAAKQ,SAAX,GACV;AACEC,MAAAA,WAAW,EAAElB,OAAO,CAACS,MAAM,CAACU,IAAR,CADtB;AAEEC,MAAAA,UAAU,EAAEpB,OAAO,CAACS,MAAM,CAACY,GAAR,CAFrB;AAGEC,MAAAA,YAAY,EAAEtB,OAAO,CAACS,MAAM,CAACc,KAAR,CAHvB;AAIEC,MAAAA,aAAa,EAAExB,OAAO,CAACS,MAAM,CAACgB,MAAR;AAJxB,KADU,GAOVR,SAPN;AASA,wBACI,6BAAC,iBAAD;AACI,MAAA,QAAQ,EAAET,QADd;AAEI,MAAA,KAAK,EAAE,iBAAI,CACPd,SADO,EAEPqB,UAFO,EAGPC,OAHO,EAIPH,KAJO,CAAJ;AAFX,OAQQC,UARR,EADJ;AAYH;;AAEDjB,EAAAA,OAAO,CAAC6B,WAAR,GAAsBhC,SAAS,KAAK,KAAd,GAAsB,KAAtB,GAA8B,QAApD;AAEA,SAAOG,OAAP;AACH","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport type FlexboxProps from './FlexboxProps';\n\nconst styles = StyleSheet.create({\n    row: { flexDirection: 'row' },\n    column: { flexDirection: 'column' },\n    rowReverse: { flexDirection: 'row-reverse' },\n    columnReverse: { flexDirection: 'column-reverse' },\n});\n\nexport default function createFlexbox(direction: 'row' | 'column') {\n    const forwardDirection = direction === 'row' ? styles.row : styles.column;\n    const reverseDirection = direction === 'row' ? styles.rowReverse : styles.columnReverse;\n\n    function Flexbox(props: FlexboxProps) {\n        const theme = useTheme();\n\n        const spacing = theme.spacing;\n\n        const {\n            alignContent,\n            alignItems,\n            alignSelf,\n            flexBasis,\n            flexGrow,\n            flexShrink,\n            flexWrap,\n            children,\n            insets,\n            justifyContent,\n            overflow,\n            reversed,\n            style,\n            ...otherProps\n        } = props;\n\n        const direction = reversed ? reverseDirection : forwardDirection;\n\n        const propStyles = {\n            alignContent,\n            alignItems,\n            alignSelf,\n            flexBasis,\n            flexGrow,\n            flexShrink,\n            flexWrap,\n            justifyContent,\n            overflow,\n        };\n\n        const padding = insets !== undefined\n            ? {\n                paddingLeft: spacing(insets.left),\n                paddingTop: spacing(insets.top),\n                paddingRight: spacing(insets.right),\n                paddingBottom: spacing(insets.bottom),\n            }\n            : undefined;\n\n        return (\n            <View\n                children={children}\n                style={css([\n                    direction,\n                    propStyles,\n                    padding,\n                    style,\n                ])}\n                {...otherProps}\n            />\n        );\n    }\n\n    Flexbox.displayName = direction === 'row' ? 'Row' : 'Column';\n\n    return Flexbox;\n}\n"]}
+{"version":3,"names":["styles","StyleSheet","create","row","flexDirection","column","rowReverse","columnReverse","createFlexbox","direction","forwardDirection","reverseDirection","Flexbox","props","theme","useTheme","spacing","alignContent","alignItems","alignSelf","flexBasis","flexGrow","flexShrink","flexWrap","children","insets","justifyContent","overflow","reversed","style","otherProps","propStyles","padding","undefined","paddingLeft","left","paddingTop","top","paddingRight","right","paddingBottom","bottom","css","displayName"],"sources":["Flexbox.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport type FlexboxProps from './FlexboxProps';\n\nconst styles = StyleSheet.create({\n    row: { flexDirection: 'row' },\n    column: { flexDirection: 'column' },\n    rowReverse: { flexDirection: 'row-reverse' },\n    columnReverse: { flexDirection: 'column-reverse' },\n});\n\nexport default function createFlexbox(direction: 'row' | 'column') {\n    const forwardDirection = direction === 'row' ? styles.row : styles.column;\n    const reverseDirection = direction === 'row' ? styles.rowReverse : styles.columnReverse;\n\n    function Flexbox(props: FlexboxProps) {\n        const theme = useTheme();\n\n        const spacing = theme.spacing;\n\n        const {\n            alignContent,\n            alignItems,\n            alignSelf,\n            flexBasis,\n            flexGrow,\n            flexShrink,\n            flexWrap,\n            children,\n            insets,\n            justifyContent,\n            overflow,\n            reversed,\n            style,\n            ...otherProps\n        } = props;\n\n        const direction = reversed ? reverseDirection : forwardDirection;\n\n        const propStyles = {\n            alignContent,\n            alignItems,\n            alignSelf,\n            flexBasis,\n            flexGrow,\n            flexShrink,\n            flexWrap,\n            justifyContent,\n            overflow,\n        };\n\n        const padding = insets !== undefined\n            ? {\n                paddingLeft: spacing(insets.left),\n                paddingTop: spacing(insets.top),\n                paddingRight: spacing(insets.right),\n                paddingBottom: spacing(insets.bottom),\n            }\n            : undefined;\n\n        return (\n            <View\n                children={children}\n                style={css([\n                    direction,\n                    propStyles,\n                    padding,\n                    style,\n                ])}\n                {...otherProps}\n            />\n        );\n    }\n\n    Flexbox.displayName = direction === 'row' ? 'Row' : 'Column';\n\n    return Flexbox;\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAGA,MAAMA,MAAM,GAAGC,kBAAA,CAAWC,MAAX,CAAkB;EAC7BC,GAAG,EAAE;IAAEC,aAAa,EAAE;EAAjB,CADwB;EAE7BC,MAAM,EAAE;IAAED,aAAa,EAAE;EAAjB,CAFqB;EAG7BE,UAAU,EAAE;IAAEF,aAAa,EAAE;EAAjB,CAHiB;EAI7BG,aAAa,EAAE;IAAEH,aAAa,EAAE;EAAjB;AAJc,CAAlB,CAAf;;AAOe,SAASI,aAAT,CAAuBC,SAAvB,EAAoD;EAC/D,MAAMC,gBAAgB,GAAGD,SAAS,KAAK,KAAd,GAAsBT,MAAM,CAACG,GAA7B,GAAmCH,MAAM,CAACK,MAAnE;EACA,MAAMM,gBAAgB,GAAGF,SAAS,KAAK,KAAd,GAAsBT,MAAM,CAACM,UAA7B,GAA0CN,MAAM,CAACO,aAA1E;;EAEA,SAASK,OAAT,CAAiBC,KAAjB,EAAsC;IAClC,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;IAEA,MAAMC,OAAO,GAAGF,KAAK,CAACE,OAAtB;IAEA,MAAM;MACFC,YADE;MAEFC,UAFE;MAGFC,SAHE;MAIFC,SAJE;MAKFC,QALE;MAMFC,UANE;MAOFC,QAPE;MAQFC,QARE;MASFC,MATE;MAUFC,cAVE;MAWFC,QAXE;MAYFC,QAZE;MAaFC,KAbE;MAcF,GAAGC;IAdD,IAeFjB,KAfJ;IAiBA,MAAMJ,SAAS,GAAGmB,QAAQ,GAAGjB,gBAAH,GAAsBD,gBAAhD;IAEA,MAAMqB,UAAU,GAAG;MACfd,YADe;MAEfC,UAFe;MAGfC,SAHe;MAIfC,SAJe;MAKfC,QALe;MAMfC,UANe;MAOfC,QAPe;MAQfG,cARe;MASfC;IATe,CAAnB;IAYA,MAAMK,OAAO,GAAGP,MAAM,KAAKQ,SAAX,GACV;MACEC,WAAW,EAAElB,OAAO,CAACS,MAAM,CAACU,IAAR,CADtB;MAEEC,UAAU,EAAEpB,OAAO,CAACS,MAAM,CAACY,GAAR,CAFrB;MAGEC,YAAY,EAAEtB,OAAO,CAACS,MAAM,CAACc,KAAR,CAHvB;MAIEC,aAAa,EAAExB,OAAO,CAACS,MAAM,CAACgB,MAAR;IAJxB,CADU,GAOVR,SAPN;IASA,oBACI,6BAAC,iBAAD;MACI,QAAQ,EAAET,QADd;MAEI,KAAK,EAAE,IAAAkB,WAAA,EAAI,CACPjC,SADO,EAEPsB,UAFO,EAGPC,OAHO,EAIPH,KAJO,CAAJ;IAFX,GAQQC,UARR,EADJ;EAYH;;EAEDlB,OAAO,CAAC+B,WAAR,GAAsBlC,SAAS,KAAK,KAAd,GAAsB,KAAtB,GAA8B,QAApD;EAEA,OAAOG,OAAP;AACH"}

package/build/commonjs/Flexbox/FlexboxProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["FlexboxProps.ts"],"sourcesContent":["import React from 'react';\nimport type { FlexStyle, ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\nimport type { EdgeInsetsType } from '../styles';\n\nexport default interface FlexboxProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * Controls how rows align in the cross direction.\n     * @default 'stretch'\n     */\n    alignContent?: FlexStyle['alignContent'];\n\n    /**\n     * Aligns children in the cross direction.\n     * @default 'stretch'\n     */\n    alignItems?: FlexStyle['alignItems'];\n\n    /**\n     * Controls how a child aligns in the cross direction,\n     * overriding the `alignItems` of the parent.\n     * @default 'auto'\n     */\n    alignSelf?: FlexStyle['alignSelf'];\n\n    /**\n     * Providing the default size of an item along the main axis.\n     */\n    flexBasis?: FlexStyle['flexBasis'];\n\n    /**\n     * Describes how any space within a container should be distributed\n     * among its children along the main axis.\n     */\n    flexGrow?: FlexStyle['flexGrow'];\n\n    /**\n     * Describes how to shrink children along the main axis in the case\n     * in which the total size of the children overflows the size of the\n     * container on the main axis.\n     */\n    flexShrink?: FlexStyle['flexShrink'];\n\n    /**\n     * Controls whether children can wrap around after they hit\n     * the end of a flex container.\n     * @default 'nowrap'\n     */\n    flexWrap?: FlexStyle['flexWrap'];\n\n    /**\n     * Content of this component.\n     */\n    children: React.ReactNode;\n\n    /**\n     * The amount of space by which to inset the child.\n     */\n    insets?: EdgeInsetsType;\n\n    /**\n     * Aligns children in the main direction.\n     * @default 'flex-start'\n     */\n    justifyContent?: FlexStyle['justifyContent'];\n\n    /**\n     * Controls how children are measured and displayed.\n     * @default 'visible'\n     */\n    overflow?: FlexStyle['overflow'];\n\n    /**\n     * Reverse flex direction.\n     * @default false\n     */\n    reversed?: boolean;\n}> {}\n"],"mappings":""}

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

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

package/build/commonjs/IconButton/IconButton.js

@@ -17,7 +17,7 @@ var _utils = require("../utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || 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); }
+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); }
 
 const iconSizes = {
   tiny: 16,

package/build/commonjs/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["IconButton.tsx"],"names":["iconSizes","tiny","small","medium","large","useStyles","theme","root","flexDirection","justifyContent","alignItems","padding","spacing","IconButton","props","children","color","disabled","label","onPress","size","style","otherProps","styles","icon","width","height","fontStyle","selector","typo","caption1","palette","main","labelStyle","rootStyle","handlePress"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAQA,MAAMA,SAAoB,GAAG;AACzBC,EAAAA,IAAI,EAAE,EADmB;AAEzBC,EAAAA,KAAK,EAAE,EAFkB;AAGzBC,EAAAA,MAAM,EAAE,EAHiB;AAIzBC,EAAAA,KAAK,EAAE;AAJkB,CAA7B;;AAOA,MAAMC,SAAsC,GAAG,YAA8B;AACzE,QAAMC,KAAK,GAAG,uBAAd;AAEA,SAAO;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,aAAa,EAAE,QADb;AAEFC,MAAAA,cAAc,EAAE,QAFd;AAGFC,MAAAA,UAAU,EAAE,QAHV;AAIFC,MAAAA,OAAO,EAAEL,KAAK,CAACM,OAAN,CAAc,CAAd;AAJP;AADH,GAAP;AAQH,CAXD;;AAae,SAASC,UAAT,CAAoBC,KAApB,EAA4C;AACvD,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,KAAK,GAAG,SAFN;AAGFC,IAAAA,QAAQ,GAAG,KAHT;AAIFC,IAAAA,KAJE;AAKFC,IAAAA,OALE;AAMFC,IAAAA,IAAI,GAAG,QANL;AAOFC,IAAAA,KAPE;AAQF,OAAGC;AARD,MASFR,KATJ;AAWA,QAAMR,KAAK,GAAG,uBAAd;AACA,QAAMiB,MAAM,GAAGlB,SAAS,EAAxB;AAEA,QAAMmB,IAAI,GAAG,+BAAmBT,QAAnB,EAA6B;AACtCU,IAAAA,KAAK,EAAEzB,SAAS,CAACoB,IAAD,CADsB;AAEtCM,IAAAA,MAAM,EAAE1B,SAAS,CAACoB,IAAD,CAFqB;AAGtCJ,IAAAA,KAAK,EAAEA;AAH+B,GAA7B,CAAb;AAMA,QAAMW,SAAS,GAAG,6BAAgBrB,KAAhB,EAAuB;AACrCsB,IAAAA,QAAQ,EAAGC,IAAD,IAAUA,IAAI,CAACC,QADY;AAErCd,IAAAA,KAAK,EAAEV,KAAK,CAACyB,OAAN,CAAcf,KAAd,EAAqBgB;AAFS,GAAvB,CAAlB;AAKA,QAAMC,UAAU,GAAG,iBAAI,CACnBN,SADmB,CAAJ,CAAnB;AAIA,QAAMO,SAAS,GAAG,iBAAI,CAClBX,MAAM,CAAChB,IADW,EAElBc,KAFkB,CAAJ,CAAlB;;AAKA,QAAMc,WAAW,GAAG,YAAY;AAC5B,QAAIlB,QAAJ,EAAc;AACV;AACH;;AACD,QAAIE,OAAJ,EAAa;AACTA,MAAAA,OAAO;AACP;AACH;AACJ,GARD;;AAUA,sBACI,6BAAC,mBAAD;AACI,IAAA,QAAQ,EAAEF,QADd;AAEI,IAAA,OAAO,EAAEkB,WAFb;AAGI,IAAA,KAAK,EAAED;AAHX,KAIQZ,UAJR,GAMKE,IANL,EAQKN,KAAK,gBACF,6BAAC,iBAAD;AACI,IAAA,QAAQ,EAAEA,KADd;AAEI,IAAA,KAAK,EAAEe;AAFX,IADE,GAKF,IAbR,CADJ;AAiBH;;AAAA","sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type IconButtonProps from './IconButtonProps';\nimport type { IconButtonSize } from './IconButtonProps';\n\ntype IconButtonStyles = NamedStylesStringUnion<'root'>;\n\ntype IconSizes = { [n in IconButtonSize]: number };\n\nconst iconSizes: IconSizes = {\n    tiny: 16,\n    small: 20,\n    medium: 24,\n    large: 28,\n};\n\nconst useStyles: UseStyles<IconButtonStyles> = function (): IconButtonStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            flexDirection: 'column',\n            justifyContent: 'center',\n            alignItems: 'center',\n            padding: theme.spacing(1),\n        },\n    };\n};\n\nexport default function IconButton(props: IconButtonProps) {\n    const {\n        children,\n        color = 'primary',\n        disabled = false,\n        label,\n        onPress,\n        size = 'medium',\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n    const styles = useStyles();\n\n    const icon = cloneElementSafely(children, {\n        width: iconSizes[size],\n        height: iconSizes[size],\n        color: color,\n    });\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.caption1,\n        color: theme.palette[color].main,\n    });\n\n    const labelStyle = css([\n        fontStyle,\n    ]);\n\n    const rootStyle = css([\n        styles.root,\n        style,\n    ]);\n\n    const handlePress = async () => {\n        if (disabled) {\n            return;\n        }\n        if (onPress) {\n            onPress();\n            return;\n        }\n    };\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={rootStyle}\n            {...otherProps}\n        >\n            {icon}\n\n            {label ? (\n                <Text\n                    children={label}\n                    style={labelStyle}\n                />\n            ) : null}\n        </ButtonBase>\n    );\n};\n"]}
+{"version":3,"names":["iconSizes","tiny","small","medium","large","useStyles","theme","useTheme","root","flexDirection","justifyContent","alignItems","padding","spacing","IconButton","props","children","color","disabled","label","onPress","size","style","otherProps","styles","icon","cloneElementSafely","width","height","fontStyle","createFontStyle","selector","typo","caption1","palette","main","labelStyle","css","rootStyle","handlePress"],"sources":["IconButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type IconButtonProps from './IconButtonProps';\nimport type { IconButtonSize } from './IconButtonProps';\n\ntype IconButtonStyles = NamedStylesStringUnion<'root'>;\n\ntype IconSizes = { [n in IconButtonSize]: number };\n\nconst iconSizes: IconSizes = {\n    tiny: 16,\n    small: 20,\n    medium: 24,\n    large: 28,\n};\n\nconst useStyles: UseStyles<IconButtonStyles> = function (): IconButtonStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            flexDirection: 'column',\n            justifyContent: 'center',\n            alignItems: 'center',\n            padding: theme.spacing(1),\n        },\n    };\n};\n\nexport default function IconButton(props: IconButtonProps) {\n    const {\n        children,\n        color = 'primary',\n        disabled = false,\n        label,\n        onPress,\n        size = 'medium',\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n    const styles = useStyles();\n\n    const icon = cloneElementSafely(children, {\n        width: iconSizes[size],\n        height: iconSizes[size],\n        color: color,\n    });\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.caption1,\n        color: theme.palette[color].main,\n    });\n\n    const labelStyle = css([\n        fontStyle,\n    ]);\n\n    const rootStyle = css([\n        styles.root,\n        style,\n    ]);\n\n    const handlePress = async () => {\n        if (disabled) {\n            return;\n        }\n        if (onPress) {\n            onPress();\n            return;\n        }\n    };\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={rootStyle}\n            {...otherProps}\n        >\n            {icon}\n\n            {label ? (\n                <Text\n                    children={label}\n                    style={labelStyle}\n                />\n            ) : null}\n        </ButtonBase>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAQA,MAAMA,SAAoB,GAAG;EACzBC,IAAI,EAAE,EADmB;EAEzBC,KAAK,EAAE,EAFkB;EAGzBC,MAAM,EAAE,EAHiB;EAIzBC,KAAK,EAAE;AAJkB,CAA7B;;AAOA,MAAMC,SAAsC,GAAG,YAA8B;EACzE,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,aAAa,EAAE,QADb;MAEFC,cAAc,EAAE,QAFd;MAGFC,UAAU,EAAE,QAHV;MAIFC,OAAO,EAAEN,KAAK,CAACO,OAAN,CAAc,CAAd;IAJP;EADH,CAAP;AAQH,CAXD;;AAae,SAASC,UAAT,CAAoBC,KAApB,EAA4C;EACvD,MAAM;IACFC,QADE;IAEFC,KAAK,GAAG,SAFN;IAGFC,QAAQ,GAAG,KAHT;IAIFC,KAJE;IAKFC,OALE;IAMFC,IAAI,GAAG,QANL;IAOFC,KAPE;IAQF,GAAGC;EARD,IASFR,KATJ;EAWA,MAAMT,KAAK,GAAG,IAAAC,gBAAA,GAAd;EACA,MAAMiB,MAAM,GAAGnB,SAAS,EAAxB;EAEA,MAAMoB,IAAI,GAAG,IAAAC,yBAAA,EAAmBV,QAAnB,EAA6B;IACtCW,KAAK,EAAE3B,SAAS,CAACqB,IAAD,CADsB;IAEtCO,MAAM,EAAE5B,SAAS,CAACqB,IAAD,CAFqB;IAGtCJ,KAAK,EAAEA;EAH+B,CAA7B,CAAb;EAMA,MAAMY,SAAS,GAAG,IAAAC,uBAAA,EAAgBxB,KAAhB,EAAuB;IACrCyB,QAAQ,EAAGC,IAAD,IAAUA,IAAI,CAACC,QADY;IAErChB,KAAK,EAAEX,KAAK,CAAC4B,OAAN,CAAcjB,KAAd,EAAqBkB;EAFS,CAAvB,CAAlB;EAKA,MAAMC,UAAU,GAAG,IAAAC,WAAA,EAAI,CACnBR,SADmB,CAAJ,CAAnB;EAIA,MAAMS,SAAS,GAAG,IAAAD,WAAA,EAAI,CAClBb,MAAM,CAAChB,IADW,EAElBc,KAFkB,CAAJ,CAAlB;;EAKA,MAAMiB,WAAW,GAAG,YAAY;IAC5B,IAAIrB,QAAJ,EAAc;MACV;IACH;;IACD,IAAIE,OAAJ,EAAa;MACTA,OAAO;MACP;IACH;EACJ,CARD;;EAUA,oBACI,6BAAC,mBAAD;IACI,QAAQ,EAAEF,QADd;IAEI,OAAO,EAAEqB,WAFb;IAGI,KAAK,EAAED;EAHX,GAIQf,UAJR,GAMKE,IANL,EAQKN,KAAK,gBACF,6BAAC,iBAAD;IACI,QAAQ,EAAEA,KADd;IAEI,KAAK,EAAEiB;EAFX,EADE,GAKF,IAbR,CADJ;AAiBH;;AAAA"}

package/build/commonjs/IconButton/IconButtonProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["IconButtonProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ButtonBaseProps } from '../ButtonBase';\nimport type { CommonComponentColor, OverridableComponentProps } from '../types';\n\nexport type IconButtonColor = CommonComponentColor;\n\nexport type IconButtonSize = 'medium' | 'large' | 'small' | 'tiny';\n\nexport default interface IconButtonProps extends OverridableComponentProps<ButtonBaseProps, {\n    /**\n     * The icon element.\n     */\n    children: React.ReactElement;\n\n    /**\n     * The color of the component. It supports those theme colors that make sense for this component.\n     * @default 'primary'\n     */\n    color?: IconButtonColor;\n\n    /**\n     *  If present, this is typography displayed at the bottom of the icon.\n     */\n    label?: string;\n\n    /**\n     * The size of the button.\n     * @default 'medium'\n     */\n    size?: IconButtonSize;\n}> {}\n"],"mappings":""}

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

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

package/build/commonjs/Image/Image.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Image;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
@@ -15,7 +15,11 @@ var _styles = require("../styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || 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); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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); }
 
 const useStyles = function () {
   const theme = (0, _styles.useTheme)();
@@ -32,50 +36,90 @@ const useStyles = function () {
       borderWidth: _styles.StyleSheet.hairlineWidth,
       borderStyle: 'solid',
       borderColor: theme.palette.paper.grey
+    },
+    error: {
+      alignItems: 'center',
+      height: '100%',
+      justifyContent: 'center',
+      width: '100%'
+    },
+    errorText: {
+      color: theme.palette.text.primary,
+      fontFamily: 'Inter-Medium',
+      fontSize: 12,
+      letterSpacing: 0,
+      lineHeight: 18,
+      textAlign: 'center'
     }
   };
 };
 
+function determinePlaceholderMode(props) {
+  if (props.disablePlaceholder) {
+    return 'none';
+  }
+
+  return props.placeholder ? 'custom' : 'default';
+}
+
 function Image(props) {
   const {
     alt,
+    cache = 'immutable',
+    disableDrag,
+    disableLongClick,
     disableOutline,
     disablePlaceholder,
+    error,
     loading = 'lazy',
+    onError: onErrorProp,
+    onLoad: onLoadProp,
     overlaidChildren,
+    placeholder,
     resizeMode = 'cover',
     source,
     style,
     square = false,
-    onLoad,
-    onError,
     ...otherProps
   } = props;
-
-  const [failed, setFailed] = _react.default.useState(false);
-
+  const [failed, setFailed] = (0, _react.useState)(false);
   const styles = useStyles();
 
-  const handleError = () => {
-    if (onError) {
-      onError();
-    }
+  const onLoad = () => {
+    setFailed(false);
+    onLoadProp === null || onLoadProp === void 0 ? void 0 : onLoadProp();
+  };
 
+  const onError = () => {
     setFailed(true);
+    onErrorProp === null || onErrorProp === void 0 ? void 0 : onErrorProp();
   };
 
+  const placeholderMode = determinePlaceholderMode(props);
   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), failed ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, alt) : /*#__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,
+    style: styles.errorText
+  })) : source.uri ? /*#__PURE__*/_react.default.createElement(_ImageCore.default, {
+    alt: source.uri,
+    cache: cache,
+    disableDrag: disableDrag,
+    disableLongClick: disableLongClick,
     height: '100%',
     loading: loading,
-    onError: handleError,
+    onError: onError,
     onLoad: onLoad,
     resizeMode: resizeMode,
     source: source,
     width: '100%'
-  }), overlaidChildren ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }) : null, overlaidChildren ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: _styles.StyleSheet.absoluteFill
   }, overlaidChildren) : null);
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["Image.tsx"],"names":["useStyles","theme","root","rounded","borderRadius","shape","roundness","overflow","placeholder","backgroundColor","palette","paper","grey","outlined","borderWidth","StyleSheet","hairlineWidth","borderStyle","borderColor","Image","props","alt","disableOutline","disablePlaceholder","loading","overlaidChildren","resizeMode","source","style","square","onLoad","onError","otherProps","failed","setFailed","React","useState","styles","handleError","undefined","absoluteFill"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAWA,MAAMA,SAAiC,GAAG,YAAyB;AAC/D,QAAMC,KAAK,GAAG,uBAAd;AAEA,SAAO;AACHC,IAAAA,IAAI,EAAE,EADH;AAEHC,IAAAA,OAAO,EAAE;AACLC,MAAAA,YAAY,EAAEH,KAAK,CAACI,KAAN,CAAYC,SADrB;AAELC,MAAAA,QAAQ,EAAE;AAFL,KAFN;AAMHC,IAAAA,WAAW,EAAE;AACTC,MAAAA,eAAe,EAAER,KAAK,CAACS,OAAN,CAAcC,KAAd,CAAoBC;AAD5B,KANV;AASHC,IAAAA,QAAQ,EAAE;AACNC,MAAAA,WAAW,EAAEC,mBAAWC,aADlB;AAENC,MAAAA,WAAW,EAAE,OAFP;AAGNC,MAAAA,WAAW,EAAEjB,KAAK,CAACS,OAAN,CAAcC,KAAd,CAAoBC;AAH3B;AATP,GAAP;AAeH,CAlBD;;AAoBe,SAASO,KAAT,CAAeC,KAAf,EAAkC;AAC7C,QAAM;AACFC,IAAAA,GADE;AAEFC,IAAAA,cAFE;AAGFC,IAAAA,kBAHE;AAIFC,IAAAA,OAAO,GAAG,MAJR;AAKFC,IAAAA,gBALE;AAMFC,IAAAA,UAAU,GAAG,OANX;AAOFC,IAAAA,MAPE;AAQFC,IAAAA,KARE;AASFC,IAAAA,MAAM,GAAG,KATP;AAUFC,IAAAA,MAVE;AAWFC,IAAAA,OAXE;AAYF,OAAGC;AAZD,MAaFZ,KAbJ;;AAeA,QAAM,CAACa,MAAD,EAASC,SAAT,IAAsBC,eAAMC,QAAN,CAAe,KAAf,CAA5B;;AAEA,QAAMC,MAAM,GAAGrC,SAAS,EAAxB;;AAEA,QAAMsC,WAAW,GAAG,MAAM;AACtB,QAAGP,OAAH,EAAW;AACPA,MAAAA,OAAO;AACV;;AAEDG,IAAAA,SAAS,CAAC,IAAD,CAAT;AACH,GAND;;AAQA,sBACI,6BAAC,iBAAD;AACI,IAAA,KAAK,EAAE,iBAAI,CACPG,MAAM,CAACnC,IADA,EAEP,CAACoB,cAAD,GAAkBe,MAAM,CAACxB,QAAzB,GAAoC0B,SAF7B,EAGP,CAAChB,kBAAD,GAAsBc,MAAM,CAAC7B,WAA7B,GAA2C+B,SAHpC,EAIP,CAACV,MAAD,GAAUQ,MAAM,CAAClC,OAAjB,GAA2BoC,SAJpB,EAKPX,KALO,CAAJ;AADX,KAQQI,UARR,GAUKC,MAAM,gBACH,6BAAC,iBAAD,QAAOZ,GAAP,CADG,gBAGH,6BAAC,kBAAD;AACI,IAAA,GAAG,EAAEA,GADT;AAEI,IAAA,MAAM,EAAE,MAFZ;AAGI,IAAA,OAAO,EAAEG,OAHb;AAII,IAAA,OAAO,EAAEc,WAJb;AAKI,IAAA,MAAM,EAAER,MALZ;AAMI,IAAA,UAAU,EAAEJ,UANhB;AAOI,IAAA,MAAM,EAAEC,MAPZ;AAQI,IAAA,KAAK,EAAE;AARX,IAbR,EAyBKF,gBAAgB,gBACb,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEV,mBAAWyB;AAAxB,KACKf,gBADL,CADa,GAIb,IA7BR,CADJ;AAiCH;;AAAA","sourcesContent":["import React from 'react';\nimport { Text, 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';\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        disableOutline,\n        disablePlaceholder,\n        loading = 'lazy',\n        overlaidChildren,\n        resizeMode = 'cover',\n        source,\n        style,\n        square = false,\n        onLoad,\n        onError,\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    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            {failed ? (\n                <Text>{alt}</Text>\n            ) : (\n                <ImageCore\n                    alt={alt}\n                    height={'100%'}\n                    loading={loading}\n                    onError={handleError}\n                    onLoad={onLoad}\n                    resizeMode={resizeMode}\n                    source={source}\n                    width={'100%'}\n                />\n            )}\n\n            {overlaidChildren ? (\n                <View style={StyleSheet.absoluteFill}>\n                    {overlaidChildren}\n                </View>\n            ) : null}\n        </View>\n    );\n};\n"]}
+{"version":3,"names":["useStyles","theme","useTheme","root","rounded","borderRadius","shape","roundness","overflow","placeholder","backgroundColor","palette","paper","grey","outlined","borderWidth","StyleSheet","hairlineWidth","borderStyle","borderColor","error","alignItems","height","justifyContent","width","errorText","color","text","primary","fontFamily","fontSize","letterSpacing","lineHeight","textAlign","determinePlaceholderMode","props","disablePlaceholder","Image","alt","cache","disableDrag","disableLongClick","disableOutline","loading","onError","onErrorProp","onLoad","onLoadProp","overlaidChildren","resizeMode","source","style","square","otherProps","failed","setFailed","useState","styles","placeholderMode","css","undefined","absoluteFill","zIndex","uri"],"sources":["Image.tsx"],"sourcesContent":["import React, { 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    | 'errorText';\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            alignItems: 'center',\n            height: '100%',\n            justifyContent: 'center',\n            width: '100%',\n        },\n        errorText: {\n            color: theme.palette.text.primary,\n            fontFamily: 'Inter-Medium',\n            fontSize: 12,\n            letterSpacing: 0,\n            lineHeight: 18,\n            textAlign: 'center',\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        cache = 'immutable',\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        ...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 placeholderMode = determinePlaceholderMode(props);\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 ?? (\n                        <Text\n                            children={alt}\n                            style={styles.errorText}\n                        />\n                    )}\n                </View>\n            ) : source.uri ? (\n                <ImageCore\n                    alt={source.uri}\n                    cache={cache}\n                    disableDrag={disableDrag}\n                    disableLongClick={disableLongClick}\n                    height={'100%'}\n                    loading={loading}\n                    onError={onError}\n                    onLoad={onLoad}\n                    resizeMode={resizeMode}\n                    source={source}\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,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"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, CacheControl } from '../ImageCore';\n\n/**\n * Image file quality.\n * Request image by query string.\n */\nexport type ImageQuality = 'small' | 'medium' | 'large';\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     * FastImage cache control value.\n     * @default 'immutable'\n     */\n    cache?: CacheControl;\n}> {}\n"],"mappings":""}

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

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

package/build/commonjs/ImageCore/ImageCoreNative.js

@@ -5,23 +5,34 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = ImageCore;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _reactNative = require("react-native");
 
 var _reactNativeFastImage = _interopRequireDefault(require("react-native-fast-image"));
 
+var _hooks = require("../hooks");
+
+var _utils = require("../utils");
+
+var _ImageFileExtensionContext = _interopRequireDefault(require("./ImageFileExtensionContext"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 // @ts-ignore
-const AnimatedFastImage = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeFastImage.default);
+const AnimatedFastImage = _reactNative.Animated.createAnimatedComponent(_reactNativeFastImage.default);
 
-const animationConfig = {
-  duration: 150
-};
+const INITIAL_OPACITY = 0;
+const LOADED_OPACITY = 1;
+const ANIMATION_DURATION = 200;
 
 function ImageCore(props) {
   const {
+    cache,
     height,
     onError,
     onLoad,
@@ -29,33 +40,34 @@ function ImageCore(props) {
     source,
     width
   } = props;
-  const style = {
-    width,
-    height
-  };
-
-  const opacity = _reactNativeReanimated.default.useSharedValue(0);
-
-  const animatedStyle = _reactNativeReanimated.default.useAnimatedStyle(() => ({
-    opacity: opacity.value
-  }));
-
-  const handleLoad = () => {
-    opacity.value = _reactNativeReanimated.default.withTiming(1, animationConfig);
-
-    if (onLoad) {
-      onLoad();
-    }
-  };
+  const opacity = (0, _hooks.useAnimatedValue)(INITIAL_OPACITY);
+  const acceptHeader = (0, _react.useContext)(_ImageFileExtensionContext.default);
+  const handleLoad = (0, _react.useCallback)(() => {
+    _reactNative.Animated.timing(opacity, {
+      toValue: LOADED_OPACITY,
+      duration: ANIMATION_DURATION,
+      useNativeDriver: _utils.isNotAndroid12
+    }).start();
 
+    onLoad === null || onLoad === void 0 ? void 0 : onLoad();
+  }, [onLoad]);
   return /*#__PURE__*/_react.default.createElement(AnimatedFastImage, {
     onError: onError,
     onLoad: handleLoad,
     resizeMode: resizeMode,
     source: {
-      uri: source.uri
+      cache,
+      uri: source.uri,
+      headers: {
+        'Accept': acceptHeader
+      }
     },
-    style: [animatedStyle, style]
+    style: [{
+      opacity
+    }, {
+      width,
+      height
+    }]
   });
 }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["ImageCoreNative.tsx"],"names":["AnimatedFastImage","Animated","createAnimatedComponent","FastImage","animationConfig","duration","ImageCore","props","height","onError","onLoad","resizeMode","source","width","style","opacity","useSharedValue","animatedStyle","useAnimatedStyle","value","handleLoad","withTiming","uri"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAGA;AACA,MAAMA,iBAAiB,GAAGC,+BAASC,uBAAT,CAAiCC,6BAAjC,CAA1B;;AAEA,MAAMC,eAA0C,GAAG;AAAEC,EAAAA,QAAQ,EAAE;AAAZ,CAAnD;;AAEe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;AACrD,QAAM;AACFC,IAAAA,MADE;AAEFC,IAAAA,OAFE;AAGFC,IAAAA,MAHE;AAIFC,IAAAA,UAJE;AAKFC,IAAAA,MALE;AAMFC,IAAAA;AANE,MAOFN,KAPJ;AASA,QAAMO,KAAK,GAAG;AAAED,IAAAA,KAAF;AAASL,IAAAA;AAAT,GAAd;;AAEA,QAAMO,OAAO,GAAGd,+BAASe,cAAT,CAAwB,CAAxB,CAAhB;;AAEA,QAAMC,aAAa,GAAGhB,+BAASiB,gBAAT,CAA0B,OAAO;AACnDH,IAAAA,OAAO,EAAEA,OAAO,CAACI;AADkC,GAAP,CAA1B,CAAtB;;AAIA,QAAMC,UAAU,GAAG,MAAM;AACrBL,IAAAA,OAAO,CAACI,KAAR,GAAgBlB,+BAASoB,UAAT,CAAoB,CAApB,EAAuBjB,eAAvB,CAAhB;;AAEA,QAAIM,MAAJ,EAAY;AACRA,MAAAA,MAAM;AACT;AACJ,GAND;;AAQA,sBACI,6BAAC,iBAAD;AACI,IAAA,OAAO,EAAED,OADb;AAEI,IAAA,MAAM,EAAEW,UAFZ;AAGI,IAAA,UAAU,EAAET,UAHhB;AAII,IAAA,MAAM,EAAE;AAAEW,MAAAA,GAAG,EAAEV,MAAM,CAACU;AAAd,KAJZ;AAKI,IAAA,KAAK,EAAE,CACHL,aADG,EAEHH,KAFG;AALX,IADJ;AAYH;;AAAA","sourcesContent":["import React from 'react';\nimport Animated from 'react-native-reanimated';\nimport FastImage from 'react-native-fast-image';\nimport type ImageCoreProps from './ImageCoreProps';\n\n// @ts-ignore\nconst AnimatedFastImage = Animated.createAnimatedComponent(FastImage);\n\nconst animationConfig: Animated.WithTimingConfig = { duration: 150 };\n\nexport default function ImageCore(props: ImageCoreProps) {\n    const {\n        height,\n        onError,\n        onLoad,\n        resizeMode,\n        source,\n        width,\n    } = props;\n\n    const style = { width, height };\n\n    const opacity = Animated.useSharedValue(0);\n\n    const animatedStyle = Animated.useAnimatedStyle(() => ({\n        opacity: opacity.value,\n    }));\n\n    const handleLoad = () => {\n        opacity.value = Animated.withTiming(1, animationConfig);\n\n        if (onLoad) {\n            onLoad();\n        }\n    };\n\n    return (\n        <AnimatedFastImage\n            onError={onError}\n            onLoad={handleLoad}\n            resizeMode={resizeMode}\n            source={{ uri: source.uri }}\n            style={[\n                animatedStyle,\n                style,\n            ]}\n        />\n    );\n};\n"]}
+{"version":3,"names":["AnimatedFastImage","Animated","createAnimatedComponent","FastImage","INITIAL_OPACITY","LOADED_OPACITY","ANIMATION_DURATION","ImageCore","props","cache","height","onError","onLoad","resizeMode","source","width","opacity","useAnimatedValue","acceptHeader","useContext","ImageFileExtensionContext","handleLoad","useCallback","timing","toValue","duration","useNativeDriver","isNotAndroid12","start","uri","headers"],"sources":["ImageCoreNative.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react';\nimport { Animated } from 'react-native';\nimport FastImage from 'react-native-fast-image';\nimport { useAnimatedValue } from '../hooks';\nimport { isNotAndroid12 } from '../utils';\nimport type ImageCoreProps from './ImageCoreProps';\nimport ImageFileExtensionContext from './ImageFileExtensionContext';\n\n// @ts-ignore\nconst AnimatedFastImage = Animated.createAnimatedComponent(FastImage);\n\nconst INITIAL_OPACITY = 0;\nconst LOADED_OPACITY = 1;\n\nconst ANIMATION_DURATION = 200;\n\nexport default function ImageCore(props: ImageCoreProps) {\n    const {\n        cache,\n        height,\n        onError,\n        onLoad,\n        resizeMode,\n        source,\n        width,\n    } = props;\n\n    const opacity = useAnimatedValue(INITIAL_OPACITY);\n\n    const acceptHeader = useContext(ImageFileExtensionContext);\n\n    const handleLoad = useCallback(() => {\n        Animated.timing(opacity, {\n            toValue: LOADED_OPACITY,\n            duration: ANIMATION_DURATION,\n            useNativeDriver: isNotAndroid12,\n        }).start();\n\n        onLoad?.();\n    }, [onLoad]);\n\n    return (\n        <AnimatedFastImage\n            onError={onError}\n            onLoad={handleLoad}\n            resizeMode={resizeMode}\n            source={{\n                cache,\n                uri: source.uri,\n                headers: {\n                    'Accept': acceptHeader,\n                },\n            }}\n            style={[\n                { opacity },\n                { width, height },\n            ]}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAEA;AACA,MAAMA,iBAAiB,GAAGC,qBAAA,CAASC,uBAAT,CAAiCC,6BAAjC,CAA1B;;AAEA,MAAMC,eAAe,GAAG,CAAxB;AACA,MAAMC,cAAc,GAAG,CAAvB;AAEA,MAAMC,kBAAkB,GAAG,GAA3B;;AAEe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,KADE;IAEFC,MAFE;IAGFC,OAHE;IAIFC,MAJE;IAKFC,UALE;IAMFC,MANE;IAOFC;EAPE,IAQFP,KARJ;EAUA,MAAMQ,OAAO,GAAG,IAAAC,uBAAA,EAAiBb,eAAjB,CAAhB;EAEA,MAAMc,YAAY,GAAG,IAAAC,iBAAA,EAAWC,kCAAX,CAArB;EAEA,MAAMC,UAAU,GAAG,IAAAC,kBAAA,EAAY,MAAM;IACjCrB,qBAAA,CAASsB,MAAT,CAAgBP,OAAhB,EAAyB;MACrBQ,OAAO,EAAEnB,cADY;MAErBoB,QAAQ,EAAEnB,kBAFW;MAGrBoB,eAAe,EAAEC;IAHI,CAAzB,EAIGC,KAJH;;IAMAhB,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM;EACT,CARkB,EAQhB,CAACA,MAAD,CARgB,CAAnB;EAUA,oBACI,6BAAC,iBAAD;IACI,OAAO,EAAED,OADb;IAEI,MAAM,EAAEU,UAFZ;IAGI,UAAU,EAAER,UAHhB;IAII,MAAM,EAAE;MACJJ,KADI;MAEJoB,GAAG,EAAEf,MAAM,CAACe,GAFR;MAGJC,OAAO,EAAE;QACL,UAAUZ;MADL;IAHL,CAJZ;IAWI,KAAK,EAAE,CACH;MAAEF;IAAF,CADG,EAEH;MAAED,KAAF;MAASL;IAAT,CAFG;EAXX,EADJ;AAkBH;;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"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 type CacheControl = 'immutable' | 'web' | 'cacheOnly';\n\nexport default interface ImageCoreProps extends Readonly<{\n    alt?: string;\n    cache?: CacheControl;\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,9 +9,24 @@ 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 => {
+  if (event.preventDefault) {
+    event.preventDefault();
+  }
+};
+
 function ImageCore(props) {
   const {
     alt,
+    disableDrag = false,
+    disableLongClick = false,
     height,
     loading,
     onError,
@@ -21,12 +36,15 @@ function ImageCore(props) {
     width
   } = props;
   const style = {
-    objectFit: resizeMode
+    objectFit: resizeMode,
+    ...(disableLongClick ? longClickDisabledStyle : {})
   };
   return /*#__PURE__*/_react.default.createElement("img", {
     alt: alt,
     height: height,
     loading: loading,
+    onDragStart: disableDrag ? preventDragging : undefined,
+    onMouseDown: disableDrag ? preventMouseDown : undefined,
     onError: onError,
     onLoad: onLoad,
     src: source.uri,

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

@@ -1 +1 @@
-{"version":3,"sources":["ImageCoreWeb.tsx"],"names":["ImageCore","props","alt","height","loading","onError","onLoad","resizeMode","source","width","style","objectFit","uri"],"mappings":";;;;;;;AAAA;;;;AAGe,SAASA,SAAT,CAAmBC,KAAnB,EAA0C;AACrD,QAAM;AACFC,IAAAA,GADE;AAEFC,IAAAA,MAFE;AAGFC,IAAAA,OAHE;AAIFC,IAAAA,OAJE;AAKFC,IAAAA,MALE;AAMFC,IAAAA,UANE;AAOFC,IAAAA,MAPE;AAQFC,IAAAA;AARE,MASFR,KATJ;AAWA,QAAMS,KAAK,GAAG;AAAEC,IAAAA,SAAS,EAAEJ;AAAb,GAAd;AAEA,sBACI;AACI,IAAA,GAAG,EAAEL,GADT;AAEI,IAAA,MAAM,EAAEC,MAFZ;AAGI,IAAA,OAAO,EAAEC,OAHb;AAII,IAAA,OAAO,EAAEC,OAJb;AAKI,IAAA,MAAM,EAAEC,MALZ;AAMI,IAAA,GAAG,EAAEE,MAAM,CAACI,GANhB;AAOI,IAAA,KAAK,EAAEF,KAPX;AAQI,IAAA,KAAK,EAAED;AARX,IADJ;AAYH;;AAAA","sourcesContent":["import React from 'react';\nimport type ImageCoreProps from './ImageCoreProps';\n\nexport default function ImageCore(props: ImageCoreProps) {\n    const {\n        alt,\n        height,\n        loading,\n        onError,\n        onLoad,\n        resizeMode,\n        source,\n        width,\n    } = props;\n\n    const style = { objectFit: resizeMode };\n\n    return (\n        <img\n            alt={alt}\n            height={height}\n            loading={loading}\n            onError={onError}\n            onLoad={onLoad}\n            src={source.uri}\n            style={style}\n            width={width}\n        />\n    );\n};\n"]}
+{"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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageFileExtension = void 0;
+exports.default = ImageFileExtensionProvider;
+
+var _react = _interopRequireDefault(require("react"));
+
+var R = _interopRequireWildcard(require("ramda"));
+
+var _ImageFileExtensionContext = _interopRequireDefault(require("./ImageFileExtensionContext"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+let ImageFileExtension;
+exports.ImageFileExtension = ImageFileExtension;
+
+(function (ImageFileExtension) {
+  ImageFileExtension["AVIF"] = "avif";
+  ImageFileExtension["WEBP"] = "webp";
+  ImageFileExtension["JPG"] = "jpg";
+  ImageFileExtension["PNG"] = "png";
+})(ImageFileExtension || (exports.ImageFileExtension = ImageFileExtension = {}));
+
+function ImageFileExtensionProvider(props) {
+  const {
+    children,
+    extensions
+  } = props;
+  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);
+}
+//# sourceMappingURL=ImageFileExtensionProvider.js.map

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

@@ -0,0 +1 @@
+{"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"}