@os-design-mobile/image-upload 1.0.38 → 1.0.41

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["overlayHasImageStyles","p","hasImage","backgroundColor","theme","imageUploadOverlayOpacity","borderRadius","fontSize","Overlay","View","position","top","right","bottom","left","justifyContent","alignItems","padding","imageUploadOverlayPadding","StyledRectButton","RectButton","width","maxWidth","imageUploadMaxWidth","minHeight","imageUploadMinHeight","notHasImageStyles","imageUploadNoImageColorBg","borderWidth","borderColor","imageUploadNoImageColorBorder","borderStyle","Container","Content","styled","flex","Title","Text","marginTop","textAlign","StyledImage","Image","resizeMode","aspectRatio","DeleteButtonContainer","ImageUpload","ref","url","locale","defaultLocale","imageLibraryOptions","cameraOptions","value","defaultValue","onChange","onPress","rest","forwardedValue","setForwardedValue","modalVisible","setModalVisible","chooseFromPhotoLibraryHandler","Promise","resolve","mediaType","assets","e","takePhotoHandler","source","uri","colorText","imageUploadNoImageBgHighlight","imageUploadNoImageBgRipple","t","title","buttonGhostColorText","buttonGhostColorBgHighlight","chooseFromLibrary","takePhoto","displayName"],"sources":["../src/index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState } from 'react';\nimport { View, ViewProps } from 'react-native';\nimport { RectButton, RectButtonProps } from 'react-native-gesture-handler';\nimport ActionMenu, { MenuItem } from '@os-design-mobile/action-menu';\nimport { Picture, Camera, Delete } from '@os-design-mobile/icons';\nimport {\n  launchImageLibrary,\n  launchCamera,\n  Asset,\n  ImagePickerResponse,\n} from 'react-native-image-picker';\nimport Text from '@os-design-mobile/text';\nimport Image from '@os-design-mobile/image';\nimport useForwardedState from '@os-design/use-forwarded-state';\nimport styled from '@emotion/native';\nimport omitEmotionProps from '@os-design/omit-emotion-props';\nimport { clr, ThemeOverrider, useTheme } from '@os-design-mobile/theming';\nimport Button from '@os-design-mobile/button';\nimport {\n  CameraOptions,\n  ImageLibraryOptions,\n} from 'react-native-image-picker/src/types';\nimport defaultLocale, { ImageUploadLocale } from './utils/defaultLocale';\n\nexport interface ImageUploadProps extends RectButtonProps {\n  /**\n   * The url of the image.\n   * @default undefined\n   */\n  url?: string;\n  /**\n   * The locale of the component.\n   * @default undefined\n   */\n  locale?: ImageUploadLocale;\n  /**\n   * The image library options.\n   * @default undefined\n   */\n  imageLibraryOptions?: Pick<\n    ImageLibraryOptions,\n    'maxWidth' | 'maxHeight' | 'quality'\n  >;\n  /**\n   * The camera options.\n   * @default undefined\n   */\n  cameraOptions?: Pick<\n    CameraOptions,\n    'maxWidth' | 'maxHeight' | 'quality' | 'saveToPhotos' | 'cameraType'\n  >;\n  /**\n   * The selected local file, or null if the image is marked as deleted.\n   * @default undefined\n   */\n  value?: Asset | null;\n  /**\n   * The default value.\n   * @default undefined\n   */\n  defaultValue?: Asset | null;\n  /**\n   * The change event handler.\n   * @default undefined\n   */\n  onChange?: (value: Asset | null) => void;\n}\n\nconst overlayHasImageStyles = (p) =>\n  p.hasImage\n    ? {\n        backgroundColor: clr([0, 0, 0, p.theme.imageUploadOverlayOpacity]),\n        borderRadius: p.theme.borderRadius * p.theme.fontSize,\n      }\n    : {};\n\ninterface OverlayProps {\n  hasImage: boolean;\n}\nconst Overlay = styled(\n  View,\n  omitEmotionProps('hasImage')\n)<OverlayProps>((p) => ({\n  position: 'absolute',\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0,\n  justifyContent: 'center',\n  alignItems: 'center',\n  padding: p.theme.imageUploadOverlayPadding * p.theme.fontSize,\n  ...overlayHasImageStyles(p),\n}));\n\nconst StyledRectButton = styled(RectButton)((p) => ({\n  width: '100%',\n  maxWidth: p.theme.imageUploadMaxWidth * p.theme.fontSize,\n  minHeight: p.theme.imageUploadMinHeight * p.theme.fontSize,\n  borderRadius: p.theme.borderRadius * p.theme.fontSize,\n}));\n\nconst notHasImageStyles = (p): Partial<ViewProps> =>\n  !p.hasImage\n    ? ({\n        backgroundColor: clr(p.theme.imageUploadNoImageColorBg),\n        borderWidth: 2,\n        borderColor: clr(p.theme.imageUploadNoImageColorBorder),\n        borderStyle: 'dashed',\n      } as Partial<ViewProps>)\n    : {};\n\ninterface ContainerProps {\n  hasImage: boolean;\n}\n\nconst Container = styled(\n  View,\n  omitEmotionProps('hasImage')\n)<ContainerProps>((p) => ({\n  minHeight: p.theme.imageUploadMinHeight * p.theme.fontSize,\n  borderRadius: p.theme.borderRadius * p.theme.fontSize,\n  ...notHasImageStyles(p),\n}));\n\nconst Content = styled.View({\n  flex: 1,\n  justifyContent: 'center',\n  alignItems: 'center',\n});\n\nconst Title = styled(Text)((p) => ({\n  marginTop: 0.5 * p.theme.fontSize,\n  textAlign: 'center',\n}));\n\nconst StyledImage = styled(Image)({\n  resizeMode: 'cover',\n  aspectRatio: 1,\n});\n\nconst DeleteButtonContainer = styled.View((p) => ({\n  position: 'absolute',\n  top: 0.5 * p.theme.fontSize,\n  right: 0.5 * p.theme.fontSize,\n}));\n\n/**\n * The component to upload an image.\n */\nconst ImageUpload = forwardRef<RectButton, ImageUploadProps>(\n  (\n    {\n      url,\n      locale = defaultLocale,\n      imageLibraryOptions = {},\n      cameraOptions = {},\n      value,\n      defaultValue,\n      onChange,\n      onPress = () => {},\n      ...rest\n    },\n    ref\n  ) => {\n    const [forwardedValue, setForwardedValue] = useForwardedState({\n      value,\n      defaultValue,\n      onChange,\n    });\n\n    const [modalVisible, setModalVisible] = useState(false);\n    const { theme } = useTheme();\n\n    const chooseFromPhotoLibraryHandler = useCallback(async () => {\n      try {\n        const { assets } = await new Promise<ImagePickerResponse>((resolve) => {\n          launchImageLibrary(\n            {\n              mediaType: 'photo',\n              ...imageLibraryOptions,\n            },\n            resolve\n          );\n        });\n        setModalVisible(false);\n        if (assets) setForwardedValue(assets[0]);\n      } catch (e) {} // eslint-disable-line no-empty\n    }, [imageLibraryOptions, setForwardedValue]);\n\n    const takePhotoHandler = useCallback(async () => {\n      try {\n        const { assets } = await new Promise<ImagePickerResponse>((resolve) => {\n          launchCamera(\n            {\n              mediaType: 'photo',\n              ...cameraOptions,\n            },\n            resolve\n          );\n        });\n        setModalVisible(false);\n        if (assets) setForwardedValue(assets[0]);\n      } catch (e) {} // eslint-disable-line no-empty\n    }, [cameraOptions, setForwardedValue]);\n\n    const source = useMemo(() => {\n      if (forwardedValue === null) return null;\n      if (forwardedValue) return forwardedValue.uri; // If the user select an image\n      if (url) return url; // If the image already exists\n      return null;\n    }, [forwardedValue, url]);\n\n    const hasImage = useMemo(() => !!source, [source]);\n\n    return (\n      <>\n        <ThemeOverrider overrides={hasImage ? { colorText: [0, 0, 100] } : {}}>\n          <StyledRectButton\n            onPress={(e) => {\n              setModalVisible(true);\n              onPress(e);\n            }}\n            underlayColor={\n              hasImage\n                ? clr([0, 0, 100])\n                : clr(theme.imageUploadNoImageBgHighlight)\n            }\n            rippleColor={\n              hasImage\n                ? clr([0, 0, 100])\n                : clr(theme.imageUploadNoImageBgRipple)\n            }\n            activeOpacity={hasImage ? 0.8 : 1}\n            {...rest}\n            ref={ref}\n          >\n            <Container\n              hasImage={hasImage}\n              accessible\n              accessibilityRole='imagebutton'\n            >\n              {source && <StyledImage source={{ uri: source }} />}\n\n              <Overlay hasImage={hasImage}>\n                <Content>\n                  <ThemeOverrider\n                    overrides={(t) => ({ fontSize: 2.5 * t.fontSize })}\n                  >\n                    <Picture />\n                  </ThemeOverrider>\n                  <Title>{locale?.title}</Title>\n                </Content>\n\n                {hasImage && (\n                  <ThemeOverrider\n                    overrides={{\n                      buttonGhostColorText: [0, 0, 100],\n                      buttonGhostColorBgHighlight: [0, 0, 100, 0.1],\n                    }}\n                  >\n                    <DeleteButtonContainer>\n                      <Button\n                        type='ghost'\n                        onPress={() => setForwardedValue(null)}\n                      >\n                        <Delete />\n                      </Button>\n                    </DeleteButtonContainer>\n                  </ThemeOverrider>\n                )}\n              </Overlay>\n            </Container>\n          </StyledRectButton>\n        </ThemeOverrider>\n\n        <ActionMenu\n          visible={modalVisible}\n          onClose={() => setModalVisible(false)}\n        >\n          <MenuItem left={<Picture />} onPress={chooseFromPhotoLibraryHandler}>\n            {locale?.chooseFromLibrary}\n          </MenuItem>\n          <MenuItem left={<Camera />} onPress={takePhotoHandler}>\n            {locale?.takePhoto}\n          </MenuItem>\n        </ActionMenu>\n      </>\n    );\n  }\n);\n\nImageUpload.displayName = 'ImageUpload';\n\nexport default ImageUpload;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["overlayHasImageStyles","p","hasImage","backgroundColor","clr","theme","imageUploadOverlayOpacity","borderRadius","fontSize","Overlay","styled","View","omitEmotionProps","position","top","right","bottom","left","justifyContent","alignItems","padding","imageUploadOverlayPadding","StyledRectButton","RectButton","width","maxWidth","imageUploadMaxWidth","minHeight","imageUploadMinHeight","notHasImageStyles","imageUploadNoImageColorBg","borderWidth","borderColor","imageUploadNoImageColorBorder","borderStyle","Container","Content","flex","Title","Text","marginTop","textAlign","StyledImage","Image","resizeMode","aspectRatio","DeleteButtonContainer","ImageUpload","forwardRef","ref","url","locale","defaultLocale","imageLibraryOptions","cameraOptions","value","defaultValue","onChange","onPress","rest","useForwardedState","forwardedValue","setForwardedValue","useState","modalVisible","setModalVisible","useTheme","chooseFromPhotoLibraryHandler","useCallback","Promise","resolve","launchImageLibrary","mediaType","assets","e","takePhotoHandler","launchCamera","source","useMemo","uri","colorText","imageUploadNoImageBgHighlight","imageUploadNoImageBgRipple","t","title","buttonGhostColorText","buttonGhostColorBgHighlight","chooseFromLibrary","takePhoto","displayName"],"sources":["../src/index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState } from 'react';\nimport { View, ViewProps } from 'react-native';\nimport { RectButton, RectButtonProps } from 'react-native-gesture-handler';\nimport ActionMenu, { MenuItem } from '@os-design-mobile/action-menu';\nimport { Picture, Camera, Delete } from '@os-design-mobile/icons';\nimport {\n  launchImageLibrary,\n  launchCamera,\n  Asset,\n  ImagePickerResponse,\n} from 'react-native-image-picker';\nimport Text from '@os-design-mobile/text';\nimport Image from '@os-design-mobile/image';\nimport useForwardedState from '@os-design/use-forwarded-state';\nimport styled from '@emotion/native';\nimport omitEmotionProps from '@os-design/omit-emotion-props';\nimport { clr, ThemeOverrider, useTheme } from '@os-design-mobile/theming';\nimport Button from '@os-design-mobile/button';\nimport {\n  CameraOptions,\n  ImageLibraryOptions,\n} from 'react-native-image-picker/src/types';\nimport defaultLocale, { ImageUploadLocale } from './utils/defaultLocale';\n\nexport interface ImageUploadProps extends RectButtonProps {\n  /**\n   * The url of the image.\n   * @default undefined\n   */\n  url?: string;\n  /**\n   * The locale of the component.\n   * @default undefined\n   */\n  locale?: ImageUploadLocale;\n  /**\n   * The image library options.\n   * @default undefined\n   */\n  imageLibraryOptions?: Pick<\n    ImageLibraryOptions,\n    'maxWidth' | 'maxHeight' | 'quality'\n  >;\n  /**\n   * The camera options.\n   * @default undefined\n   */\n  cameraOptions?: Pick<\n    CameraOptions,\n    'maxWidth' | 'maxHeight' | 'quality' | 'saveToPhotos' | 'cameraType'\n  >;\n  /**\n   * The selected local file, or null if the image is marked as deleted.\n   * @default undefined\n   */\n  value?: Asset | null;\n  /**\n   * The default value.\n   * @default undefined\n   */\n  defaultValue?: Asset | null;\n  /**\n   * The change event handler.\n   * @default undefined\n   */\n  onChange?: (value: Asset | null) => void;\n}\n\nconst overlayHasImageStyles = (p) =>\n  p.hasImage\n    ? {\n        backgroundColor: clr([0, 0, 0, p.theme.imageUploadOverlayOpacity]),\n        borderRadius: p.theme.borderRadius * p.theme.fontSize,\n      }\n    : {};\n\ninterface OverlayProps {\n  hasImage: boolean;\n}\nconst Overlay = styled(\n  View,\n  omitEmotionProps('hasImage')\n)<OverlayProps>((p) => ({\n  position: 'absolute',\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0,\n  justifyContent: 'center',\n  alignItems: 'center',\n  padding: p.theme.imageUploadOverlayPadding * p.theme.fontSize,\n  ...overlayHasImageStyles(p),\n}));\n\nconst StyledRectButton = styled(RectButton)((p) => ({\n  width: '100%',\n  maxWidth: p.theme.imageUploadMaxWidth * p.theme.fontSize,\n  minHeight: p.theme.imageUploadMinHeight * p.theme.fontSize,\n  borderRadius: p.theme.borderRadius * p.theme.fontSize,\n}));\n\nconst notHasImageStyles = (p): Partial<ViewProps> =>\n  !p.hasImage\n    ? ({\n        backgroundColor: clr(p.theme.imageUploadNoImageColorBg),\n        borderWidth: 2,\n        borderColor: clr(p.theme.imageUploadNoImageColorBorder),\n        borderStyle: 'dashed',\n      } as Partial<ViewProps>)\n    : {};\n\ninterface ContainerProps {\n  hasImage: boolean;\n}\n\nconst Container = styled(\n  View,\n  omitEmotionProps('hasImage')\n)<ContainerProps>((p) => ({\n  minHeight: p.theme.imageUploadMinHeight * p.theme.fontSize,\n  borderRadius: p.theme.borderRadius * p.theme.fontSize,\n  ...notHasImageStyles(p),\n}));\n\nconst Content = styled.View({\n  flex: 1,\n  justifyContent: 'center',\n  alignItems: 'center',\n});\n\nconst Title = styled(Text)((p) => ({\n  marginTop: 0.5 * p.theme.fontSize,\n  textAlign: 'center',\n}));\n\nconst StyledImage = styled(Image)({\n  resizeMode: 'cover',\n  aspectRatio: 1,\n});\n\nconst DeleteButtonContainer = styled.View((p) => ({\n  position: 'absolute',\n  top: 0.5 * p.theme.fontSize,\n  right: 0.5 * p.theme.fontSize,\n}));\n\n/**\n * The component to upload an image.\n */\nconst ImageUpload = forwardRef<RectButton, ImageUploadProps>(\n  (\n    {\n      url,\n      locale = defaultLocale,\n      imageLibraryOptions = {},\n      cameraOptions = {},\n      value,\n      defaultValue,\n      onChange,\n      onPress = () => {},\n      ...rest\n    },\n    ref\n  ) => {\n    const [forwardedValue, setForwardedValue] = useForwardedState({\n      value,\n      defaultValue,\n      onChange,\n    });\n\n    const [modalVisible, setModalVisible] = useState(false);\n    const { theme } = useTheme();\n\n    const chooseFromPhotoLibraryHandler = useCallback(async () => {\n      try {\n        const { assets } = await new Promise<ImagePickerResponse>((resolve) => {\n          launchImageLibrary(\n            {\n              mediaType: 'photo',\n              ...imageLibraryOptions,\n            },\n            resolve\n          );\n        });\n        setModalVisible(false);\n        if (assets) setForwardedValue(assets[0]);\n      } catch (e) {} // eslint-disable-line no-empty\n    }, [imageLibraryOptions, setForwardedValue]);\n\n    const takePhotoHandler = useCallback(async () => {\n      try {\n        const { assets } = await new Promise<ImagePickerResponse>((resolve) => {\n          launchCamera(\n            {\n              mediaType: 'photo',\n              ...cameraOptions,\n            },\n            resolve\n          );\n        });\n        setModalVisible(false);\n        if (assets) setForwardedValue(assets[0]);\n      } catch (e) {} // eslint-disable-line no-empty\n    }, [cameraOptions, setForwardedValue]);\n\n    const source = useMemo(() => {\n      if (forwardedValue === null) return null;\n      if (forwardedValue) return forwardedValue.uri; // If the user select an image\n      if (url) return url; // If the image already exists\n      return null;\n    }, [forwardedValue, url]);\n\n    const hasImage = useMemo(() => !!source, [source]);\n\n    return (\n      <>\n        <ThemeOverrider overrides={hasImage ? { colorText: [0, 0, 100] } : {}}>\n          <StyledRectButton\n            onPress={(e) => {\n              setModalVisible(true);\n              onPress(e);\n            }}\n            underlayColor={\n              hasImage\n                ? clr([0, 0, 100])\n                : clr(theme.imageUploadNoImageBgHighlight)\n            }\n            rippleColor={\n              hasImage\n                ? clr([0, 0, 100])\n                : clr(theme.imageUploadNoImageBgRipple)\n            }\n            activeOpacity={hasImage ? 0.8 : 1}\n            {...rest}\n            ref={ref}\n          >\n            <Container\n              hasImage={hasImage}\n              accessible\n              accessibilityRole='imagebutton'\n            >\n              {source && <StyledImage source={{ uri: source }} />}\n\n              <Overlay hasImage={hasImage}>\n                <Content>\n                  <ThemeOverrider\n                    overrides={(t) => ({ fontSize: 2.5 * t.fontSize })}\n                  >\n                    <Picture />\n                  </ThemeOverrider>\n                  <Title>{locale?.title}</Title>\n                </Content>\n\n                {hasImage && (\n                  <ThemeOverrider\n                    overrides={{\n                      buttonGhostColorText: [0, 0, 100],\n                      buttonGhostColorBgHighlight: [0, 0, 100, 0.1],\n                    }}\n                  >\n                    <DeleteButtonContainer>\n                      <Button\n                        type='ghost'\n                        onPress={() => setForwardedValue(null)}\n                      >\n                        <Delete />\n                      </Button>\n                    </DeleteButtonContainer>\n                  </ThemeOverrider>\n                )}\n              </Overlay>\n            </Container>\n          </StyledRectButton>\n        </ThemeOverrider>\n\n        <ActionMenu\n          visible={modalVisible}\n          onClose={() => setModalVisible(false)}\n        >\n          <MenuItem left={<Picture />} onPress={chooseFromPhotoLibraryHandler}>\n            {locale?.chooseFromLibrary}\n          </MenuItem>\n          <MenuItem left={<Camera />} onPress={takePhotoHandler}>\n            {locale?.takePhoto}\n          </MenuItem>\n        </ActionMenu>\n      </>\n    );\n  }\n);\n\nImageUpload.displayName = 'ImageUpload';\n\nexport default ImageUpload;\n"],"mappings":"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"}

package/dist/utils/defaultLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultLocale.js","names":["defaultLocale","title","chooseFromLibrary","takePhoto"],"sources":["../../src/utils/defaultLocale.ts"],"sourcesContent":["export interface ImageUploadLocale {\n  title: string;\n  chooseFromLibrary: string;\n  takePhoto: string;\n}\n\nconst defaultLocale: ImageUploadLocale = {\n  title: 'Click here to choose an image',\n  chooseFromLibrary: 'Choose from Library',\n  takePhoto: 'Take a Photo',\n};\n\nexport default defaultLocale;\n"],"mappings":"gFAMA,GAAMA,CAAAA,aAAgC,CAAG,CACvCC,KAAK,CAAE,+BADgC,CAEvCC,iBAAiB,CAAE,qBAFoB,CAGvCC,SAAS,CAAE,cAH4B,CAAzC,C,aAMeH,a"}
+{"version":3,"file":"defaultLocale.js","names":["defaultLocale","title","chooseFromLibrary","takePhoto"],"sources":["../../src/utils/defaultLocale.ts"],"sourcesContent":["export interface ImageUploadLocale {\n  title: string;\n  chooseFromLibrary: string;\n  takePhoto: string;\n}\n\nconst defaultLocale: ImageUploadLocale = {\n  title: 'Click here to choose an image',\n  chooseFromLibrary: 'Choose from Library',\n  takePhoto: 'Take a Photo',\n};\n\nexport default defaultLocale;\n"],"mappings":"gFAMA,GAAMA,cAAgC,CAAG,CACvCC,KAAK,CAAE,+BADgC,CAEvCC,iBAAiB,CAAE,qBAFoB,CAGvCC,SAAS,CAAE,cAH4B,CAAzC,C,aAMeH,a"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design-mobile/image-upload",
-  "version": "1.0.38",
+  "version": "1.0.41",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design-mobile.git",
   "main": "dist/index.js",
@@ -19,12 +19,12 @@
     "access": "public"
   },
   "dependencies": {
-    "@os-design-mobile/action-menu": "^1.0.37",
-    "@os-design-mobile/button": "^1.0.34",
-    "@os-design-mobile/icons": "^1.0.33",
-    "@os-design-mobile/image": "^1.0.19",
-    "@os-design-mobile/text": "^1.0.30",
-    "@os-design-mobile/theming": "^1.0.24",
+    "@os-design-mobile/action-menu": "^1.0.40",
+    "@os-design-mobile/button": "^1.0.36",
+    "@os-design-mobile/icons": "^1.0.35",
+    "@os-design-mobile/image": "^1.0.21",
+    "@os-design-mobile/text": "^1.0.32",
+    "@os-design-mobile/theming": "^1.0.25",
     "@os-design/omit-emotion-props": "^1.0.3",
     "@os-design/use-forwarded-state": "^1.0.5"
   },
@@ -32,12 +32,12 @@
     "@emotion/native": ">=11",
     "@emotion/react": ">=11",
     "@react-native-async-storage/async-storage": ">=1",
-    "react": "17.0.2",
-    "react-native": "0.68.1",
+    "react": "18.0.0",
+    "react-native": "0.69.1",
     "react-native-gesture-handler": ">=2",
     "react-native-image-picker": ">=4",
     "react-native-safe-area-context": ">=3",
     "react-native-svg": ">=12"
   },
-  "gitHead": "8bee47b3c58f623c2e757e0305a432fa0674e4bf"
+  "gitHead": "3a2359be329eb5512bd5645ca30c72d4a242f7c9"
 }