@fountain-ui/core 2.0.0-beta.94 → 2.0.0-beta.95

package/build/commonjs/DialogContent/DialogContent.js

@@ -7,9 +7,7 @@ exports.default = DialogContent;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Column = _interopRequireDefault(require("../Column"));
-
-var _Typography = _interopRequireDefault(require("../Typography"));
+var _reactNative = require("react-native");
 
 var _styles = require("../styles");
 
@@ -17,19 +15,40 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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)();
+  return {
+    root: {
+      flexGrow: 1,
+      flexShrink: 1,
+      marginVertical: theme.spacing(4)
+    }
+  };
+};
+
 function DialogContent(props) {
   const {
     children,
-    disableTypography = false,
+    style: styleProp,
+    textAlign = 'left',
     ...otherProps
   } = props;
-  return /*#__PURE__*/_react.default.createElement(_Column.default, _extends({
-    insets: _styles.EdgeInsets.fromVH(2, 6)
-  }, otherProps), disableTypography ? children : /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    children: children,
-    color: 'textSecondary',
-    variant: 'body2'
-  }));
+  const theme = (0, _styles.useTheme)();
+  const styles = useStyles();
+  const rootStyle = (0, _styles.css)([styles.root, styleProp]);
+  const contentFontStyle = (0, _styles.createFontStyle)(theme, {
+    // TODO: select typography.
+    // selector: (typography) => typography.body2.regular,
+    color: theme.palette.text.base
+  });
+  const contentStyle = (0, _styles.css)([contentFontStyle, {
+    textAlign
+  }]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, _extends({
+    style: rootStyle
+  }, otherProps), typeof children === 'string' ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: contentStyle
+  }, children) : children);
 }
 
 ;

package/build/commonjs/DialogContent/DialogContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["DialogContent","props","children","disableTypography","otherProps","EdgeInsets","fromVH"],"sources":["DialogContent.tsx"],"sourcesContent":["import React from 'react';\nimport Column from '../Column';\nimport Typography from '../Typography';\nimport { EdgeInsets } from '../styles';\nimport type DialogContentProps from './DialogContentProps';\n\nexport default function DialogContent(props: DialogContentProps) {\n    const {\n        children,\n        disableTypography = false,\n        ...otherProps\n    } = props;\n\n    return (\n        <Column\n            insets={EdgeInsets.fromVH(2, 6)}\n            {...otherProps}\n        >\n            {disableTypography ? (\n                children\n            ) : (\n                <Typography\n                    children={children}\n                    color={'textSecondary'}\n                    variant={'body2'}\n                />\n            )}\n        </Column>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAGe,SAASA,aAAT,CAAuBC,KAAvB,EAAkD;EAC7D,MAAM;IACFC,QADE;IAEFC,iBAAiB,GAAG,KAFlB;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,oBACI,6BAAC,eAAD;IACI,MAAM,EAAEI,kBAAA,CAAWC,MAAX,CAAkB,CAAlB,EAAqB,CAArB;EADZ,GAEQF,UAFR,GAIKD,iBAAiB,GACdD,QADc,gBAGd,6BAAC,mBAAD;IACI,QAAQ,EAAEA,QADd;IAEI,KAAK,EAAE,eAFX;IAGI,OAAO,EAAE;EAHb,EAPR,CADJ;AAgBH;;AAAA"}
+{"version":3,"names":["useStyles","theme","useTheme","root","flexGrow","flexShrink","marginVertical","spacing","DialogContent","props","children","style","styleProp","textAlign","otherProps","styles","rootStyle","css","contentFontStyle","createFontStyle","color","palette","text","base","contentStyle"],"sources":["DialogContent.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView, Text, TextStyle } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport type DialogContentProps from './DialogContentProps';\n\ntype DialogContentStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<DialogContentStyles> = function (): DialogContentStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            flexGrow: 1,\n            flexShrink: 1,\n            marginVertical: theme.spacing(4),\n        },\n    };\n};\n\nexport default function DialogContent(props: DialogContentProps) {\n    const {\n        children,\n        style: styleProp,\n        textAlign = 'left' as TextStyle['textAlign'],\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const styles = useStyles();\n\n    const rootStyle = css([\n        styles.root,\n        styleProp,\n    ]);\n\n    const contentFontStyle = createFontStyle(theme, {\n        // TODO: select typography.\n        // selector: (typography) => typography.body2.regular,\n        color: theme.palette.text.base,\n    });\n\n    const contentStyle = css([\n        contentFontStyle,\n        { textAlign },\n    ]);\n\n    return (\n        <ScrollView\n            style={rootStyle}\n            {...otherProps}\n        >\n            {typeof children === 'string' ? (\n                <Text style={contentStyle}>\n                    {children}\n                </Text>\n            ) : (children)}\n        </ScrollView>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAKA,MAAMA,SAAyC,GAAG,YAAiC;EAC/E,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,QAAQ,EAAE,CADR;MAEFC,UAAU,EAAE,CAFV;MAGFC,cAAc,EAAEL,KAAK,CAACM,OAAN,CAAc,CAAd;IAHd;EADH,CAAP;AAOH,CAVD;;AAYe,SAASC,aAAT,CAAuBC,KAAvB,EAAkD;EAC7D,MAAM;IACFC,QADE;IAEFC,KAAK,EAAEC,SAFL;IAGFC,SAAS,GAAG,MAHV;IAIF,GAAGC;EAJD,IAKFL,KALJ;EAOA,MAAMR,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,MAAMa,MAAM,GAAGf,SAAS,EAAxB;EAEA,MAAMgB,SAAS,GAAG,IAAAC,WAAA,EAAI,CAClBF,MAAM,CAACZ,IADW,EAElBS,SAFkB,CAAJ,CAAlB;EAKA,MAAMM,gBAAgB,GAAG,IAAAC,uBAAA,EAAgBlB,KAAhB,EAAuB;IAC5C;IACA;IACAmB,KAAK,EAAEnB,KAAK,CAACoB,OAAN,CAAcC,IAAd,CAAmBC;EAHkB,CAAvB,CAAzB;EAMA,MAAMC,YAAY,GAAG,IAAAP,WAAA,EAAI,CACrBC,gBADqB,EAErB;IAAEL;EAAF,CAFqB,CAAJ,CAArB;EAKA,oBACI,6BAAC,uBAAD;IACI,KAAK,EAAEG;EADX,GAEQF,UAFR,GAIK,OAAOJ,QAAP,KAAoB,QAApB,gBACG,6BAAC,iBAAD;IAAM,KAAK,EAAEc;EAAb,GACKd,QADL,CADH,GAIIA,QART,CADJ;AAYH;;AAAA"}

package/build/commonjs/DialogContent/DialogContentProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["DialogContentProps.ts"],"sourcesContent":["import type { OverridableComponentProps } from '../types';\nimport type { ColumnProps } from '../Column';\n\nexport default interface DialogContentProps extends OverridableComponentProps<ColumnProps, {\n    /**\n     * If `true`, the children won't be wrapped by a typography component.\n     * @default false\n     */\n    disableTypography?: boolean;\n}> {}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["DialogContentProps.ts"],"sourcesContent":["import type { ScrollViewProps, TextStyle } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface DialogContentProps extends OverridableComponentProps<ScrollViewProps, {\n    /**\n     * Sets the horizontal alignment of the text inside the dialog content.\n     * @default 'left'\n     */\n    textAlign?: TextStyle['textAlign'];\n}> {}\n"],"mappings":""}

package/build/commonjs/DialogContent/LegacyDialogContent.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DialogContent;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Column = _interopRequireDefault(require("../Column"));
+
+var _Typography = _interopRequireDefault(require("../Typography"));
+
+var _styles = require("../styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+function DialogContent(props) {
+  const {
+    children,
+    disableTypography = false,
+    ...otherProps
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_Column.default, _extends({
+    insets: _styles.EdgeInsets.fromVH(2, 6)
+  }, otherProps), disableTypography ? children : /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    children: children,
+    color: 'textSecondary',
+    variant: 'body2'
+  }));
+}
+
+;
+//# sourceMappingURL=LegacyDialogContent.js.map

package/build/commonjs/DialogContent/LegacyDialogContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DialogContent","props","children","disableTypography","otherProps","EdgeInsets","fromVH"],"sources":["LegacyDialogContent.tsx"],"sourcesContent":["import React from 'react';\nimport Column from '../Column';\nimport Typography from '../Typography';\nimport { EdgeInsets } from '../styles';\nimport type DialogContentProps from './LegacyDialogContentProps';\n\nexport default function DialogContent(props: DialogContentProps) {\n    const {\n        children,\n        disableTypography = false,\n        ...otherProps\n    } = props;\n\n    return (\n        <Column\n            insets={EdgeInsets.fromVH(2, 6)}\n            {...otherProps}\n        >\n            {disableTypography ? (\n                children\n            ) : (\n                <Typography\n                    children={children}\n                    color={'textSecondary'}\n                    variant={'body2'}\n                />\n            )}\n        </Column>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAGe,SAASA,aAAT,CAAuBC,KAAvB,EAAkD;EAC7D,MAAM;IACFC,QADE;IAEFC,iBAAiB,GAAG,KAFlB;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,oBACI,6BAAC,eAAD;IACI,MAAM,EAAEI,kBAAA,CAAWC,MAAX,CAAkB,CAAlB,EAAqB,CAArB;EADZ,GAEQF,UAFR,GAIKD,iBAAiB,GACdD,QADc,gBAGd,6BAAC,mBAAD;IACI,QAAQ,EAAEA,QADd;IAEI,KAAK,EAAE,eAFX;IAGI,OAAO,EAAE;EAHb,EAPR,CADJ;AAgBH;;AAAA"}

package/build/commonjs/DialogContent/LegacyDialogContentProps.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=LegacyDialogContentProps.js.map

package/build/commonjs/DialogContent/LegacyDialogContentProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["LegacyDialogContentProps.ts"],"sourcesContent":["import type { OverridableComponentProps } from '../types';\nimport type { ColumnProps } from '../Column';\n\nexport default interface DialogContentProps extends OverridableComponentProps<ColumnProps, {\n    /**\n     * If `true`, the children won't be wrapped by a typography component.\n     * @default false\n     */\n    disableTypography?: boolean;\n}> {}\n"],"mappings":""}

package/build/commonjs/DialogContent/index.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _DialogContent.default;
+    return _LegacyDialogContent.default;
   }
 });
 
-var _DialogContent = _interopRequireDefault(require("./DialogContent"));
+var _LegacyDialogContent = _interopRequireDefault(require("./LegacyDialogContent"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

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

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

package/build/commonjs/DialogMedia/DialogMedia.js

@@ -7,26 +7,40 @@ exports.default = DialogMedia;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Image = _interopRequireDefault(require("../Image"));
+var _reactNative = require("react-native");
+
+var _styles = require("../styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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)();
+  return {
+    icon: {
+      alignItems: 'center',
+      justifyContent: 'center',
+      paddingTop: theme.spacing(8)
+    },
+    image: {
+      paddingTop: theme.spacing(4)
+    }
+  };
+};
+
 function DialogMedia(props) {
   const {
     children,
-    image,
+    variant = 'image',
+    style: styleProp,
     ...otherProps
   } = props;
-  return /*#__PURE__*/_react.default.createElement(_Image.default, _extends({
-    disableOutline: true,
-    loading: 'eager',
-    overlaidChildren: children,
-    source: {
-      uri: image
-    }
-  }, otherProps));
+  const styles = useStyles();
+  const rootStyle = (0, _styles.css)([styles[variant], styleProp]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+    style: rootStyle
+  }, otherProps), children);
 }
 
 ;

package/build/commonjs/DialogMedia/DialogMedia.js.map

@@ -1 +1 @@
-{"version":3,"names":["DialogMedia","props","children","image","otherProps","uri"],"sources":["DialogMedia.tsx"],"sourcesContent":["import React from 'react';\nimport Image from '../Image';\nimport type DialogMediaProps from './DialogMediaProps';\n\nexport default function DialogMedia(props: DialogMediaProps) {\n    const {\n        children,\n        image,\n        ...otherProps\n    } = props;\n\n    return (\n        <Image\n            disableOutline={true}\n            loading={'eager'}\n            overlaidChildren={children}\n            source={{ uri: image }}\n            {...otherProps}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAGe,SAASA,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,QADE;IAEFC,KAFE;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,oBACI,6BAAC,cAAD;IACI,cAAc,EAAE,IADpB;IAEI,OAAO,EAAE,OAFb;IAGI,gBAAgB,EAAEC,QAHtB;IAII,MAAM,EAAE;MAAEG,GAAG,EAAEF;IAAP;EAJZ,GAKQC,UALR,EADJ;AASH;;AAAA"}
+{"version":3,"names":["useStyles","theme","useTheme","icon","alignItems","justifyContent","paddingTop","spacing","image","DialogMedia","props","children","variant","style","styleProp","otherProps","styles","rootStyle","css"],"sources":["DialogMedia.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport type DialogMediaProps from './DialogMediaProps';\nimport type { DialogMediaVariant } from './DialogMediaProps';\n\ntype DialogMediaStyles = NamedStylesStringUnion<DialogMediaVariant>;\n\nconst useStyles: UseStyles<DialogMediaStyles> = function (): DialogMediaStyles {\n    const theme = useTheme();\n\n    return {\n        icon: {\n            alignItems: 'center',\n            justifyContent: 'center',\n            paddingTop: theme.spacing(8),\n        },\n        image: {\n            paddingTop: theme.spacing(4),\n        },\n    };\n};\n\nexport default function DialogMedia(props: DialogMediaProps) {\n    const {\n        children,\n        variant = 'image',\n        style: styleProp,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const rootStyle = css([\n        styles[variant],\n        styleProp,\n    ]);\n\n    return (\n        <View\n            style={rootStyle}\n            {...otherProps}\n        >\n            {children}\n        </View>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAMA,MAAMA,SAAuC,GAAG,YAA+B;EAC3E,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,UAAU,EAAE,QADV;MAEFC,cAAc,EAAE,QAFd;MAGFC,UAAU,EAAEL,KAAK,CAACM,OAAN,CAAc,CAAd;IAHV,CADH;IAMHC,KAAK,EAAE;MACHF,UAAU,EAAEL,KAAK,CAACM,OAAN,CAAc,CAAd;IADT;EANJ,CAAP;AAUH,CAbD;;AAee,SAASE,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,QADE;IAEFC,OAAO,GAAG,OAFR;IAGFC,KAAK,EAAEC,SAHL;IAIF,GAAGC;EAJD,IAKFL,KALJ;EAOA,MAAMM,MAAM,GAAGhB,SAAS,EAAxB;EAEA,MAAMiB,SAAS,GAAG,IAAAC,WAAA,EAAI,CAClBF,MAAM,CAACJ,OAAD,CADY,EAElBE,SAFkB,CAAJ,CAAlB;EAKA,oBACI,6BAAC,iBAAD;IACI,KAAK,EAAEG;EADX,GAEQF,UAFR,GAIKJ,QAJL,CADJ;AAQH;;AAAA"}

package/build/commonjs/DialogMedia/DialogMediaProps.js

@@ -1,2 +1,9 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dialogMediaVariants = void 0;
+const dialogMediaVariants = ['image', 'icon'];
+exports.dialogMediaVariants = dialogMediaVariants;
 //# sourceMappingURL=DialogMediaProps.js.map

package/build/commonjs/DialogMedia/DialogMediaProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["DialogMediaProps.ts"],"sourcesContent":["import type { ImageProps } from '../Image';\nimport type { OverridableComponentProps } from '../types';\n\ntype BaseProps = Omit<ImageProps, 'source' | 'overlaidChildren'>;\n\nexport default interface DialogMediaProps extends OverridableComponentProps<BaseProps, {\n    /**\n     * The content of the component.\n     */\n    children?: ImageProps['overlaidChildren'];\n\n    /**\n     * Image to be displayed as a background image.\n     */\n    image: string;\n}> {}\n"],"mappings":""}
+{"version":3,"names":["dialogMediaVariants"],"sources":["DialogMediaProps.ts"],"sourcesContent":["import type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport const dialogMediaVariants = ['image', 'icon'] as const;\nexport type DialogMediaVariant = typeof dialogMediaVariants[number];\n\nexport default interface DialogMediaProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * Determines design variations of the component.\n     * @default 'image'\n     */\n    variant?: DialogMediaVariant;\n}> {}\n"],"mappings":";;;;;;AAGO,MAAMA,mBAAmB,GAAG,CAAC,OAAD,EAAU,MAAV,CAA5B"}

package/build/commonjs/DialogMedia/LegacyDialogMedia.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DialogMedia;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Image = _interopRequireDefault(require("../Image"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+function DialogMedia(props) {
+  const {
+    children,
+    image,
+    ...otherProps
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_Image.default, _extends({
+    disableOutline: true,
+    loading: 'eager',
+    overlaidChildren: children,
+    source: {
+      uri: image
+    }
+  }, otherProps));
+}
+
+;
+//# sourceMappingURL=LegacyDialogMedia.js.map

package/build/commonjs/DialogMedia/LegacyDialogMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DialogMedia","props","children","image","otherProps","uri"],"sources":["LegacyDialogMedia.tsx"],"sourcesContent":["import React from 'react';\nimport Image from '../Image';\nimport type DialogMediaProps from './LegacyDialogMediaProps';\n\nexport default function DialogMedia(props: DialogMediaProps) {\n    const {\n        children,\n        image,\n        ...otherProps\n    } = props;\n\n    return (\n        <Image\n            disableOutline={true}\n            loading={'eager'}\n            overlaidChildren={children}\n            source={{ uri: image }}\n            {...otherProps}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAGe,SAASA,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,QADE;IAEFC,KAFE;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,oBACI,6BAAC,cAAD;IACI,cAAc,EAAE,IADpB;IAEI,OAAO,EAAE,OAFb;IAGI,gBAAgB,EAAEC,QAHtB;IAII,MAAM,EAAE;MAAEG,GAAG,EAAEF;IAAP;EAJZ,GAKQC,UALR,EADJ;AASH;;AAAA"}

package/build/commonjs/DialogMedia/LegacyDialogMediaProps.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=LegacyDialogMediaProps.js.map

package/build/commonjs/DialogMedia/LegacyDialogMediaProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["LegacyDialogMediaProps.ts"],"sourcesContent":["import type { ImageProps } from '../Image';\nimport type { OverridableComponentProps } from '../types';\n\ntype BaseProps = Omit<ImageProps, 'source' | 'overlaidChildren'>;\n\nexport default interface DialogMediaProps extends OverridableComponentProps<BaseProps, {\n    /**\n     * The content of the component.\n     */\n    children?: ImageProps['overlaidChildren'];\n\n    /**\n     * Image to be displayed as a background image.\n     */\n    image: string;\n}> {}\n"],"mappings":""}

package/build/commonjs/DialogMedia/index.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _DialogMedia.default;
+    return _LegacyDialogMedia.default;
   }
 });
 
-var _DialogMedia = _interopRequireDefault(require("./DialogMedia"));
+var _LegacyDialogMedia = _interopRequireDefault(require("./LegacyDialogMedia"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

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

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

package/build/commonjs/DialogTitle/DialogTitle.js

@@ -7,9 +7,7 @@ exports.default = DialogTitle;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Row = _interopRequireDefault(require("../Row"));
-
-var _Typography = _interopRequireDefault(require("../Typography"));
+var _reactNative = require("react-native");
 
 var _styles = require("../styles");
 
@@ -17,19 +15,37 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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)();
+  return {
+    root: {
+      paddingTop: theme.spacing(6.5)
+    },
+    title: {
+      textAlign: 'center'
+    }
+  };
+};
+
 function DialogTitle(props) {
   const {
     children,
-    disableTypography = false,
+    style: styleProp,
     ...otherProps
   } = props;
-  return /*#__PURE__*/_react.default.createElement(_Row.default, _extends({
-    insets: _styles.EdgeInsets.fromLTRB(6, 6, 6, 2)
-  }, otherProps), disableTypography ? children : /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    children: children,
-    color: 'textPrimary',
-    variant: 'h2'
-  }));
+  const theme = (0, _styles.useTheme)();
+  const styles = useStyles();
+  const rootStyle = (0, _styles.css)([styles.root, styleProp]);
+  const titleFontStyle = (0, _styles.createFontStyle)(theme, {
+    selector: typography => typography.header3.semiBold,
+    color: theme.palette.text.strong
+  });
+  const titleStyle = (0, _styles.css)([styles.title, titleFontStyle]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, otherProps, {
+    style: rootStyle
+  }), typeof children === 'string' ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: titleStyle
+  }, children) : children);
 }
 
 ;

package/build/commonjs/DialogTitle/DialogTitle.js.map

@@ -1 +1 @@
-{"version":3,"names":["DialogTitle","props","children","disableTypography","otherProps","EdgeInsets","fromLTRB"],"sources":["DialogTitle.tsx"],"sourcesContent":["import React from 'react';\nimport Row from '../Row';\nimport Typography from '../Typography';\nimport { EdgeInsets } from '../styles';\nimport type DialogTitleProps from './DialogTitleProps';\n\nexport default function DialogTitle(props: DialogTitleProps) {\n    const {\n        children,\n        disableTypography = false,\n        ...otherProps\n    } = props;\n\n    return (\n        <Row\n            insets={EdgeInsets.fromLTRB(6, 6, 6, 2)}\n            {...otherProps}\n        >\n            {disableTypography ? (\n                children\n            ) : (\n                <Typography\n                    children={children}\n                    color={'textPrimary'}\n                    variant={'h2'}\n                />\n            )}\n        </Row>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAGe,SAASA,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,QADE;IAEFC,iBAAiB,GAAG,KAFlB;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,oBACI,6BAAC,YAAD;IACI,MAAM,EAAEI,kBAAA,CAAWC,QAAX,CAAoB,CAApB,EAAuB,CAAvB,EAA0B,CAA1B,EAA6B,CAA7B;EADZ,GAEQF,UAFR,GAIKD,iBAAiB,GACdD,QADc,gBAGd,6BAAC,mBAAD;IACI,QAAQ,EAAEA,QADd;IAEI,KAAK,EAAE,aAFX;IAGI,OAAO,EAAE;EAHb,EAPR,CADJ;AAgBH;;AAAA"}
+{"version":3,"names":["useStyles","theme","useTheme","root","paddingTop","spacing","title","textAlign","DialogTitle","props","children","style","styleProp","otherProps","styles","rootStyle","css","titleFontStyle","createFontStyle","selector","typography","header3","semiBold","color","palette","text","strong","titleStyle"],"sources":["DialogTitle.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport type DialogTitleProps from './DialogTitleProps';\n\ntype DialogTitleStyles = NamedStylesStringUnion<'root' | 'title'>;\n\nconst useStyles: UseStyles<DialogTitleStyles> = function (): DialogTitleStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            paddingTop: theme.spacing(6.5),\n        },\n        title: {\n            textAlign: 'center',\n        },\n    };\n};\n\nexport default function DialogTitle(props: DialogTitleProps) {\n    const {\n        children,\n        style: styleProp,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const styles = useStyles();\n\n    const rootStyle = css([\n        styles.root,\n        styleProp,\n    ]);\n\n    const titleFontStyle = createFontStyle(theme, {\n        selector: (typography) => typography.header3.semiBold,\n        color: theme.palette.text.strong,\n    });\n\n    const titleStyle = css([\n        styles.title,\n        titleFontStyle,\n    ]);\n\n    return (\n        <View\n            {...otherProps}\n            style={rootStyle}\n        >\n            {typeof children === 'string' ? (\n                <Text style={titleStyle}>\n                    {children}\n                </Text>\n            ) : (children)}\n        </View>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAKA,MAAMA,SAAuC,GAAG,YAA+B;EAC3E,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,UAAU,EAAEH,KAAK,CAACI,OAAN,CAAc,GAAd;IADV,CADH;IAIHC,KAAK,EAAE;MACHC,SAAS,EAAE;IADR;EAJJ,CAAP;AAQH,CAXD;;AAae,SAASC,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,QADE;IAEFC,KAAK,EAAEC,SAFL;IAGF,GAAGC;EAHD,IAIFJ,KAJJ;EAMA,MAAMR,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,MAAMY,MAAM,GAAGd,SAAS,EAAxB;EAEA,MAAMe,SAAS,GAAG,IAAAC,WAAA,EAAI,CAClBF,MAAM,CAACX,IADW,EAElBS,SAFkB,CAAJ,CAAlB;EAKA,MAAMK,cAAc,GAAG,IAAAC,uBAAA,EAAgBjB,KAAhB,EAAuB;IAC1CkB,QAAQ,EAAGC,UAAD,IAAgBA,UAAU,CAACC,OAAX,CAAmBC,QADH;IAE1CC,KAAK,EAAEtB,KAAK,CAACuB,OAAN,CAAcC,IAAd,CAAmBC;EAFgB,CAAvB,CAAvB;EAKA,MAAMC,UAAU,GAAG,IAAAX,WAAA,EAAI,CACnBF,MAAM,CAACR,KADY,EAEnBW,cAFmB,CAAJ,CAAnB;EAKA,oBACI,6BAAC,iBAAD,eACQJ,UADR;IAEI,KAAK,EAAEE;EAFX,IAIK,OAAOL,QAAP,KAAoB,QAApB,gBACG,6BAAC,iBAAD;IAAM,KAAK,EAAEiB;EAAb,GACKjB,QADL,CADH,GAIIA,QART,CADJ;AAYH;;AAAA"}

package/build/commonjs/DialogTitle/DialogTitleProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["DialogTitleProps.ts"],"sourcesContent":["import type { TypographyProps } from '../Typography';\nimport type { OverridableComponentProps } from '../types';\nimport type { RowProps } from '../Row';\n\nexport default interface DialogTitleProps extends OverridableComponentProps<RowProps, {\n    /**\n     * The content of the component.\n     */\n    children?: TypographyProps['children'];\n\n    /**\n     * If `true`, the children won't be wrapped by a typography component.\n     * @default false\n     */\n    disableTypography?: boolean;\n}> {}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["DialogTitleProps.ts"],"sourcesContent":["import type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface DialogTitleProps extends OverridableComponentProps<ViewProps, {}> {}\n"],"mappings":""}

package/build/commonjs/DialogTitle/LegacyDialogTitle.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DialogTitle;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Row = _interopRequireDefault(require("../Row"));
+
+var _Typography = _interopRequireDefault(require("../Typography"));
+
+var _styles = require("../styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+function DialogTitle(props) {
+  const {
+    children,
+    disableTypography = false,
+    ...otherProps
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_Row.default, _extends({
+    insets: _styles.EdgeInsets.fromLTRB(6, 6, 6, 2)
+  }, otherProps), disableTypography ? children : /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    children: children,
+    color: 'textPrimary',
+    variant: 'h2'
+  }));
+}
+
+;
+//# sourceMappingURL=LegacyDialogTitle.js.map

package/build/commonjs/DialogTitle/LegacyDialogTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DialogTitle","props","children","disableTypography","otherProps","EdgeInsets","fromLTRB"],"sources":["LegacyDialogTitle.tsx"],"sourcesContent":["import React from 'react';\nimport Row from '../Row';\nimport Typography from '../Typography';\nimport { EdgeInsets } from '../styles';\nimport type DialogTitleProps from './LegacyDialogTitleProps';\n\nexport default function DialogTitle(props: DialogTitleProps) {\n    const {\n        children,\n        disableTypography = false,\n        ...otherProps\n    } = props;\n\n    return (\n        <Row\n            insets={EdgeInsets.fromLTRB(6, 6, 6, 2)}\n            {...otherProps}\n        >\n            {disableTypography ? (\n                children\n            ) : (\n                <Typography\n                    children={children}\n                    color={'textPrimary'}\n                    variant={'h2'}\n                />\n            )}\n        </Row>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAGe,SAASA,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,QADE;IAEFC,iBAAiB,GAAG,KAFlB;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,oBACI,6BAAC,YAAD;IACI,MAAM,EAAEI,kBAAA,CAAWC,QAAX,CAAoB,CAApB,EAAuB,CAAvB,EAA0B,CAA1B,EAA6B,CAA7B;EADZ,GAEQF,UAFR,GAIKD,iBAAiB,GACdD,QADc,gBAGd,6BAAC,mBAAD;IACI,QAAQ,EAAEA,QADd;IAEI,KAAK,EAAE,aAFX;IAGI,OAAO,EAAE;EAHb,EAPR,CADJ;AAgBH;;AAAA"}

package/build/commonjs/DialogTitle/LegacyDialogTitleProps.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=LegacyDialogTitleProps.js.map

package/build/commonjs/DialogTitle/LegacyDialogTitleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["LegacyDialogTitleProps.ts"],"sourcesContent":["import type { TypographyProps } from '../Typography';\nimport type { OverridableComponentProps } from '../types';\nimport type { RowProps } from '../Row';\n\nexport default interface DialogTitleProps extends OverridableComponentProps<RowProps, {\n    /**\n     * The content of the component.\n     */\n    children?: TypographyProps['children'];\n\n    /**\n     * If `true`, the children won't be wrapped by a typography component.\n     * @default false\n     */\n    disableTypography?: boolean;\n}> {}\n"],"mappings":""}

package/build/commonjs/DialogTitle/index.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _DialogTitle.default;
+    return _LegacyDialogTitle.default;
   }
 });
 
-var _DialogTitle = _interopRequireDefault(require("./DialogTitle"));
+var _LegacyDialogTitle = _interopRequireDefault(require("./LegacyDialogTitle"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

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

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

package/build/module/Dialog/Dialog.js

@@ -1,56 +1,15 @@
 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, { useMemo, useState } from 'react';
+import React, { Children, useMemo, useState } from 'react';
 import { useWindowDimensions } from 'react-native';
 import { css } from '@fountain-ui/styles';
 import Column from '../Column';
+import DialogMedia from '../DialogMedia/DialogMedia';
 import Modal, { ANIMATION_TYPE } from '../Modal';
 import Paper from '../Paper';
-import { useTheme } from '../styles';
-const DIALOG_MAX_WIDTH = 328;
+import { cloneElementSafely } from '../utils';
+import useDialogStyle from './useDialogStyle';
 const TOP_ELEMENT_OFFSET = 20;
-
-const useStyles = function () {
-  const theme = useTheme();
-  const {
-    width
-  } = useWindowDimensions();
-  const margin = theme.spacing(4);
-  const dialogWidth = width - margin * 2;
-  return {
-    root: {
-      alignItems: 'center',
-      justifyContent: 'center',
-      zIndex: theme.zIndex.dialog
-    },
-    paper: {
-      borderRadius: theme.shape.roundnessExtra,
-      margin,
-      maxWidth: DIALOG_MAX_WIDTH,
-      overflow: 'hidden',
-      width: dialogWidth
-    },
-    paperFullScreen: {
-      flexGrow: 1
-    },
-    animation: {},
-    animationFullScreen: {
-      width: '100%',
-      height: '100%'
-    },
-    topElementSize: {
-      marginHorizontal: margin,
-      maxWidth: DIALOG_MAX_WIDTH,
-      width: dialogWidth
-    },
-    topElementPosition: {
-      position: 'absolute',
-      bottom: -1 * theme.spacing(4),
-      width: '100%'
-    }
-  };
-};
-
 export default function Dialog(props) {
   const {
     animationType = ANIMATION_TYPE.SLIDE,
@@ -58,12 +17,13 @@ export default function Dialog(props) {
     fullScreen = false,
     hideBackdrop,
     onClose,
-    style = {},
+    style: styleProp,
+    size = 'medium',
     visible,
     topElement,
     ...otherProps
   } = props;
-  const styles = useStyles();
+  const styles = useDialogStyle(size, fullScreen);
   const {
     height: screenHeight
   } = useWindowDimensions();
@@ -134,8 +94,19 @@ export default function Dialog(props) {
   }, [animationType, fullScreen]);
   const initialOpacity = animationType === ANIMATION_TYPE.SLIDE && fullScreen ? 1 : undefined;
   const initialTranslateY = animationType === ANIMATION_TYPE.FADE ? 0 : undefined;
+  const paperStyle = css([styles.paper, styleProp]);
+  const contents = Children.map(children, child => {
+    // @ts-ignore
+    if (child.type === DialogMedia) {
+      return cloneElementSafely(child, {
+        style: styles.mediaWrapper
+      });
+    }
+
+    return child;
+  });
   return /*#__PURE__*/React.createElement(Modal, _extends({
-    animationStyle: fullScreen ? styles.animationFullScreen : styles.animation,
+    animationStyle: styles.container,
     closeAnimation: closeAnimation,
     hideBackdrop: hideBackdrop || animationType === ANIMATION_TYPE.FADE,
     initialOpacity: initialOpacity,
@@ -146,15 +117,15 @@ export default function Dialog(props) {
     visible: visible,
     style: styles.root
   }, otherProps), /*#__PURE__*/React.createElement(React.Fragment, null, topElement ? /*#__PURE__*/React.createElement(Column, {
-    style: fullScreen ? undefined : styles.topElementSize
+    style: fullScreen ? undefined : styles.topElementContainer
   }, /*#__PURE__*/React.createElement(Column, {
-    style: styles.topElementPosition,
+    style: styles.topElementContent,
     onLayout: handleTopElementLayout
   }, topElement)) : null, /*#__PURE__*/React.createElement(Paper, {
     elevation: 6,
     square: fullScreen,
-    style: css([fullScreen ? styles.paperFullScreen : styles.paper, style])
-  }, children)));
+    style: paperStyle
+  }, contents)));
 }
 ;
 //# sourceMappingURL=Dialog.js.map