@os-design/upload 1.0.221 → 1.0.223

package/dist/cjs/ImageUpload/index.js

@@ -36,10 +36,9 @@ var overlayHasImageStyles = function overlayHasImageStyles(p) {
 var overlayHasImageHoverStyles = function overlayHasImageHoverStyles(p) {
   return p.hasImage && !p.isDragActive && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    @media (hover: hover) {\n      opacity: 0;\n\n      &:hover {\n        opacity: 1;\n      }\n    }\n  "])));
 };
-var Overlay = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('isDragActive', 'hasImage'))(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", ";\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n\n  text-align: center;\n  padding: ", "em;\n\n  ", ";\n  ", "\n  ", ";\n"])), _styles.resetFocusStyles, function (p) {
+var Overlay = exports.Overlay = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('isDragActive', 'hasImage'))(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", ";\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n\n  text-align: center;\n  padding: ", "em;\n\n  ", ";\n  ", "\n  ", ";\n"])), _styles.resetFocusStyles, function (p) {
   return p.theme.imageUploadOverlayPadding;
 }, overlayHasImageStyles, overlayHasImageHoverStyles, (0, _styles.transitionStyles)('opacity'));
-exports.Overlay = Overlay;
 var contentIsDragActiveStyles = function contentIsDragActiveStyles(p) {
   return p.isDragActive && (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    transform: scale(0.92);\n  "])));
 };
@@ -164,6 +163,5 @@ var ImageUpload = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
   }, /*#__PURE__*/_react2["default"].createElement(_icons.Delete, null))))));
 });
 ImageUpload.displayName = 'ImageUpload';
-var _default = ImageUpload;
-exports["default"] = _default;
+var _default = exports["default"] = ImageUpload;
 //# sourceMappingURL=index.js.map

package/dist/cjs/ImageUpload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_core","_icons","_styles","_theming","_utils","_react2","_interopRequireWildcard","_reactDropzone","_defaultLocale","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","o","Symbol","iterator","constructor","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","minLen","_arrayLikeToArray","n","toString","slice","name","Array","from","test","len","arr2","r","l","t","e","u","a","f","next","done","push","value","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","freeze","defineProperties","overlayHasImageStyles","p","hasImage","css","theme","imageUploadOverlayOpacity","overlayHasImageHoverStyles","isDragActive","Overlay","styled","omitEmotionProps","resetFocusStyles","imageUploadOverlayPadding","transitionStyles","exports","contentIsDragActiveStyles","Content","PictureIcon","Picture","Title","div","DeleteButtonContainer","hoverStyles","clr","imageUploadNoImageHoverColorBorder","notHasImageStyles","imageUploadNoImageColorBg","imageUploadNoImageColorBorder","focusStyles","isDragActiveStyles","LocalImage","img","RemoteImage","Image","Container","imageUploadMaxWidth","imageUploadMinHeight","borderRadius","colorText","sizeStyles","ImageUpload","forwardRef","_ref","ref","url","_ref$accept","accept","_ref$locale","locale","defaultLocale","defaultValue","onChange","size","rest","touchDevice","useMemo","isTouchDevice","_useForwardedState","useForwardedState","_useForwardedState2","forwardedValue","setForwardedValue","_useDropzone","useDropzone","multiple","onDrop","_ref2","_ref3","file","getRootProps","getInputProps","URL","createObjectURL","renderImage","useCallback","createElement","src","onMouseDown","preventDefault","onKeyDown","touchTitle","dropTitle","ThemeOverrider","overrides","buttonGhostColorText","buttonGhostColorBgHover","Button","type","wide","onClick","stopPropagation","Delete","displayName","_default"],"sources":["../../../src/ImageUpload/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { Button, Image } from '@os-design/core';\nimport { Delete, Picture } from '@os-design/icons';\nimport {\n  WithSize,\n  resetFocusStyles,\n  sizeStyles,\n  transitionStyles,\n} from '@os-design/styles';\nimport { ThemeOverrider, clr } from '@os-design/theming';\nimport {\n  isTouchDevice,\n  omitEmotionProps,\n  useForwardedState,\n} from '@os-design/utils';\nimport React, { forwardRef, useCallback, useMemo } from 'react';\nimport { Accept, useDropzone } from 'react-dropzone';\nimport defaultLocale, { ImageUploadLocale } from './utils/defaultLocale';\n\ntype JsxDivProps = Omit<\n  JSX.IntrinsicElements['div'],\n  'defaultValue' | 'onChange' | 'ref'\n>;\nexport interface ImageUploadProps extends JsxDivProps, WithSize {\n  /**\n   * The url of the image.\n   * @default undefined\n   */\n  url?: string;\n  /**\n   * Allowed image formats.\n   * @default undefined\n   */\n  accept?: Accept;\n  /**\n   * The locale of the component.\n   * @default undefined\n   */\n  locale?: ImageUploadLocale;\n  /**\n   * The selected local file, or null if the image is marked as deleted.\n   * @default undefined\n   */\n  value?: File | null;\n  /**\n   * The default value.\n   * @default undefined\n   */\n  defaultValue?: File | null;\n  /**\n   * The change event handler.\n   * @default undefined\n   */\n  onChange?: (value: File | null) => void;\n}\n\nconst overlayHasImageStyles = (p) =>\n  p.hasImage &&\n  css`\n    background-color: hsla(0, 0%, 0%, ${p.theme.imageUploadOverlayOpacity});\n    color: hsl(0, 0%, 100%);\n  `;\n\nconst overlayHasImageHoverStyles = (p) =>\n  p.hasImage &&\n  !p.isDragActive &&\n  css`\n    @media (hover: hover) {\n      opacity: 0;\n\n      &:hover {\n        opacity: 1;\n      }\n    }\n  `;\n\ninterface OverlayProps {\n  isDragActive: boolean;\n  hasImage: boolean;\n}\nexport const Overlay = styled(\n  'div',\n  omitEmotionProps('isDragActive', 'hasImage')\n)<OverlayProps>`\n  ${resetFocusStyles};\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n\n  text-align: center;\n  padding: ${(p) => p.theme.imageUploadOverlayPadding}em;\n\n  ${overlayHasImageStyles};\n  ${overlayHasImageHoverStyles}\n  ${transitionStyles('opacity')};\n`;\n\nconst contentIsDragActiveStyles = (p) =>\n  p.isDragActive &&\n  css`\n    transform: scale(0.92);\n  `;\n\ntype ContentProps = Pick<OverlayProps, 'isDragActive'>;\nconst Content = styled('div', omitEmotionProps('isDragActive'))<ContentProps>`\n  ${contentIsDragActiveStyles};\n  ${transitionStyles('transform')};\n`;\n\nconst PictureIcon = styled(Picture)`\n  opacity: 0.8;\n  font-size: 2.5em;\n`;\n\nconst Title = styled.div`\n  opacity: 0.8;\n`;\n\nconst DeleteButtonContainer = styled.div`\n  position: absolute;\n  top: 0.5em;\n  right: 0.5em;\n`;\n\nconst hoverStyles = (p) => css`\n  border-color: ${clr(p.theme.imageUploadNoImageHoverColorBorder)};\n`;\n\nconst notHasImageStyles = (p) =>\n  !p.hasImage &&\n  css`\n    background-color: ${clr(p.theme.imageUploadNoImageColorBg)};\n    border: 2px dashed ${clr(p.theme.imageUploadNoImageColorBorder)};\n\n    @media (hover: hover) {\n      &:hover {\n        ${hoverStyles(p)};\n      }\n    }\n  `;\n\nconst focusStyles = (p) => css`\n  &:focus-within {\n    & > div {\n      opacity: 1;\n    }\n    ${hoverStyles(p)};\n  }\n`;\n\nconst isDragActiveStyles = (p) =>\n  p.isDragActive &&\n  css`\n    ${hoverStyles(p)};\n  `;\n\nconst LocalImage = styled.img`\n  width: 100%;\n  vertical-align: top;\n`;\n\nconst RemoteImage = styled(Image)`\n  vertical-align: top;\n`;\n\ninterface ContainerProps extends WithSize {\n  isDragActive: boolean;\n  hasImage: boolean;\n}\n\nconst Container = styled(\n  'div',\n  omitEmotionProps('isDragActive', 'hasImage', 'size')\n)<ContainerProps>`\n  position: relative;\n  cursor: pointer;\n  overflow: hidden;\n  box-sizing: border-box;\n\n  max-width: ${(p) => p.theme.imageUploadMaxWidth}em;\n  min-height: ${(p) => p.theme.imageUploadMinHeight}em;\n  border-radius: ${(p) => p.theme.borderRadius}em;\n  color: ${(p) => clr(p.theme.colorText)};\n\n  ${notHasImageStyles};\n  ${focusStyles};\n  ${isDragActiveStyles};\n  ${sizeStyles};\n  ${transitionStyles('border')};\n`;\n\n/**\n * The component to upload an image.\n */\nconst ImageUpload = forwardRef<HTMLDivElement, ImageUploadProps>(\n  (\n    {\n      url,\n      accept = { 'image/*': ['.jpeg', '.png', '.webp'] },\n      locale = defaultLocale,\n      value,\n      defaultValue,\n      onChange,\n      size,\n      ...rest\n    },\n    ref\n  ) => {\n    const touchDevice = useMemo(() => isTouchDevice(), []);\n    const [forwardedValue, setForwardedValue] = useForwardedState({\n      value,\n      defaultValue,\n      onChange,\n    });\n\n    const { getRootProps, getInputProps, isDragActive } = useDropzone({\n      accept,\n      multiple: false,\n      onDrop: ([file]) => setForwardedValue(file),\n    });\n\n    const source = useMemo(() => {\n      if (forwardedValue === null) return null; // If the user select an image\n      if (forwardedValue) return URL.createObjectURL(forwardedValue); // If the image already exists\n      if (url) return url;\n      return null;\n    }, [forwardedValue, url]);\n\n    const hasImage = useMemo(() => !!source, [source]);\n\n    const renderImage = useCallback(() => {\n      if (!source) return null;\n      if (typeof forwardedValue === 'object' && forwardedValue !== null) {\n        return <LocalImage src={source} />;\n      }\n      return <RemoteImage url={source} />;\n    }, [forwardedValue, source]);\n\n    return (\n      <Container\n        isDragActive={isDragActive}\n        hasImage={hasImage}\n        size={size}\n        onMouseDown={(e) => e.preventDefault()}\n        {...rest}\n        ref={ref}\n      >\n        <input {...getInputProps()} />\n        {renderImage()}\n\n        <Overlay\n          isDragActive={isDragActive}\n          hasImage={hasImage}\n          {\n            ...getRootProps({\n              onKeyDown: (e) => {\n                if (e.key === 'Backspace') setForwardedValue(null);\n              },\n            } as any) // eslint-disable-line @typescript-eslint/no-explicit-any\n          }\n        >\n          <Content isDragActive={isDragActive}>\n            <PictureIcon />\n            <Title>{touchDevice ? locale.touchTitle : locale.dropTitle}</Title>\n          </Content>\n\n          {hasImage && (\n            <ThemeOverrider\n              overrides={{\n                buttonGhostColorText: [0, 0, 100],\n                buttonGhostColorBgHover: [0, 0, 100, 0.1],\n              }}\n            >\n              <DeleteButtonContainer>\n                <Button\n                  type='ghost'\n                  wide='never'\n                  onClick={(e) => {\n                    setForwardedValue(null);\n                    e.stopPropagation();\n                  }}\n                >\n                  <Delete />\n                </Button>\n              </DeleteButtonContainer>\n            </ThemeOverrider>\n          )}\n        </Overlay>\n      </Container>\n    );\n  }\n);\n\nImageUpload.displayName = 'ImageUpload';\n\nexport default ImageUpload;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_core","_icons","_styles","_theming","_utils","_react2","_interopRequireWildcard","_reactDropzone","_defaultLocale","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","o","Symbol","iterator","constructor","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","minLen","_arrayLikeToArray","n","toString","slice","name","Array","from","test","len","arr2","r","l","t","e","u","a","f","next","done","push","value","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","freeze","defineProperties","overlayHasImageStyles","p","hasImage","css","theme","imageUploadOverlayOpacity","overlayHasImageHoverStyles","isDragActive","Overlay","exports","styled","omitEmotionProps","resetFocusStyles","imageUploadOverlayPadding","transitionStyles","contentIsDragActiveStyles","Content","PictureIcon","Picture","Title","div","DeleteButtonContainer","hoverStyles","clr","imageUploadNoImageHoverColorBorder","notHasImageStyles","imageUploadNoImageColorBg","imageUploadNoImageColorBorder","focusStyles","isDragActiveStyles","LocalImage","img","RemoteImage","Image","Container","imageUploadMaxWidth","imageUploadMinHeight","borderRadius","colorText","sizeStyles","ImageUpload","forwardRef","_ref","ref","url","_ref$accept","accept","_ref$locale","locale","defaultLocale","defaultValue","onChange","size","rest","touchDevice","useMemo","isTouchDevice","_useForwardedState","useForwardedState","_useForwardedState2","forwardedValue","setForwardedValue","_useDropzone","useDropzone","multiple","onDrop","_ref2","_ref3","file","getRootProps","getInputProps","URL","createObjectURL","renderImage","useCallback","createElement","src","onMouseDown","preventDefault","onKeyDown","touchTitle","dropTitle","ThemeOverrider","overrides","buttonGhostColorText","buttonGhostColorBgHover","Button","type","wide","onClick","stopPropagation","Delete","displayName","_default"],"sources":["../../../src/ImageUpload/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { Button, Image } from '@os-design/core';\nimport { Delete, Picture } from '@os-design/icons';\nimport {\n  WithSize,\n  resetFocusStyles,\n  sizeStyles,\n  transitionStyles,\n} from '@os-design/styles';\nimport { ThemeOverrider, clr } from '@os-design/theming';\nimport {\n  isTouchDevice,\n  omitEmotionProps,\n  useForwardedState,\n} from '@os-design/utils';\nimport React, { forwardRef, useCallback, useMemo } from 'react';\nimport { Accept, useDropzone } from 'react-dropzone';\nimport defaultLocale, { ImageUploadLocale } from './utils/defaultLocale';\n\ntype JsxDivProps = Omit<\n  JSX.IntrinsicElements['div'],\n  'defaultValue' | 'onChange' | 'ref'\n>;\nexport interface ImageUploadProps extends JsxDivProps, WithSize {\n  /**\n   * The url of the image.\n   * @default undefined\n   */\n  url?: string;\n  /**\n   * Allowed image formats.\n   * @default undefined\n   */\n  accept?: Accept;\n  /**\n   * The locale of the component.\n   * @default undefined\n   */\n  locale?: ImageUploadLocale;\n  /**\n   * The selected local file, or null if the image is marked as deleted.\n   * @default undefined\n   */\n  value?: File | null;\n  /**\n   * The default value.\n   * @default undefined\n   */\n  defaultValue?: File | null;\n  /**\n   * The change event handler.\n   * @default undefined\n   */\n  onChange?: (value: File | null) => void;\n}\n\nconst overlayHasImageStyles = (p) =>\n  p.hasImage &&\n  css`\n    background-color: hsla(0, 0%, 0%, ${p.theme.imageUploadOverlayOpacity});\n    color: hsl(0, 0%, 100%);\n  `;\n\nconst overlayHasImageHoverStyles = (p) =>\n  p.hasImage &&\n  !p.isDragActive &&\n  css`\n    @media (hover: hover) {\n      opacity: 0;\n\n      &:hover {\n        opacity: 1;\n      }\n    }\n  `;\n\ninterface OverlayProps {\n  isDragActive: boolean;\n  hasImage: boolean;\n}\nexport const Overlay = styled(\n  'div',\n  omitEmotionProps('isDragActive', 'hasImage')\n)<OverlayProps>`\n  ${resetFocusStyles};\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n\n  text-align: center;\n  padding: ${(p) => p.theme.imageUploadOverlayPadding}em;\n\n  ${overlayHasImageStyles};\n  ${overlayHasImageHoverStyles}\n  ${transitionStyles('opacity')};\n`;\n\nconst contentIsDragActiveStyles = (p) =>\n  p.isDragActive &&\n  css`\n    transform: scale(0.92);\n  `;\n\ntype ContentProps = Pick<OverlayProps, 'isDragActive'>;\nconst Content = styled('div', omitEmotionProps('isDragActive'))<ContentProps>`\n  ${contentIsDragActiveStyles};\n  ${transitionStyles('transform')};\n`;\n\nconst PictureIcon = styled(Picture)`\n  opacity: 0.8;\n  font-size: 2.5em;\n`;\n\nconst Title = styled.div`\n  opacity: 0.8;\n`;\n\nconst DeleteButtonContainer = styled.div`\n  position: absolute;\n  top: 0.5em;\n  right: 0.5em;\n`;\n\nconst hoverStyles = (p) => css`\n  border-color: ${clr(p.theme.imageUploadNoImageHoverColorBorder)};\n`;\n\nconst notHasImageStyles = (p) =>\n  !p.hasImage &&\n  css`\n    background-color: ${clr(p.theme.imageUploadNoImageColorBg)};\n    border: 2px dashed ${clr(p.theme.imageUploadNoImageColorBorder)};\n\n    @media (hover: hover) {\n      &:hover {\n        ${hoverStyles(p)};\n      }\n    }\n  `;\n\nconst focusStyles = (p) => css`\n  &:focus-within {\n    & > div {\n      opacity: 1;\n    }\n    ${hoverStyles(p)};\n  }\n`;\n\nconst isDragActiveStyles = (p) =>\n  p.isDragActive &&\n  css`\n    ${hoverStyles(p)};\n  `;\n\nconst LocalImage = styled.img`\n  width: 100%;\n  vertical-align: top;\n`;\n\nconst RemoteImage = styled(Image)`\n  vertical-align: top;\n`;\n\ninterface ContainerProps extends WithSize {\n  isDragActive: boolean;\n  hasImage: boolean;\n}\n\nconst Container = styled(\n  'div',\n  omitEmotionProps('isDragActive', 'hasImage', 'size')\n)<ContainerProps>`\n  position: relative;\n  cursor: pointer;\n  overflow: hidden;\n  box-sizing: border-box;\n\n  max-width: ${(p) => p.theme.imageUploadMaxWidth}em;\n  min-height: ${(p) => p.theme.imageUploadMinHeight}em;\n  border-radius: ${(p) => p.theme.borderRadius}em;\n  color: ${(p) => clr(p.theme.colorText)};\n\n  ${notHasImageStyles};\n  ${focusStyles};\n  ${isDragActiveStyles};\n  ${sizeStyles};\n  ${transitionStyles('border')};\n`;\n\n/**\n * The component to upload an image.\n */\nconst ImageUpload = forwardRef<HTMLDivElement, ImageUploadProps>(\n  (\n    {\n      url,\n      accept = { 'image/*': ['.jpeg', '.png', '.webp'] },\n      locale = defaultLocale,\n      value,\n      defaultValue,\n      onChange,\n      size,\n      ...rest\n    },\n    ref\n  ) => {\n    const touchDevice = useMemo(() => isTouchDevice(), []);\n    const [forwardedValue, setForwardedValue] = useForwardedState({\n      value,\n      defaultValue,\n      onChange,\n    });\n\n    const { getRootProps, getInputProps, isDragActive } = useDropzone({\n      accept,\n      multiple: false,\n      onDrop: ([file]) => setForwardedValue(file),\n    });\n\n    const source = useMemo(() => {\n      if (forwardedValue === null) return null; // If the user select an image\n      if (forwardedValue) return URL.createObjectURL(forwardedValue); // If the image already exists\n      if (url) return url;\n      return null;\n    }, [forwardedValue, url]);\n\n    const hasImage = useMemo(() => !!source, [source]);\n\n    const renderImage = useCallback(() => {\n      if (!source) return null;\n      if (typeof forwardedValue === 'object' && forwardedValue !== null) {\n        return <LocalImage src={source} />;\n      }\n      return <RemoteImage url={source} />;\n    }, [forwardedValue, source]);\n\n    return (\n      <Container\n        isDragActive={isDragActive}\n        hasImage={hasImage}\n        size={size}\n        onMouseDown={(e) => e.preventDefault()}\n        {...rest}\n        ref={ref}\n      >\n        <input {...getInputProps()} />\n        {renderImage()}\n\n        <Overlay\n          isDragActive={isDragActive}\n          hasImage={hasImage}\n          {\n            ...getRootProps({\n              onKeyDown: (e) => {\n                if (e.key === 'Backspace') setForwardedValue(null);\n              },\n            } as any) // eslint-disable-line @typescript-eslint/no-explicit-any\n          }\n        >\n          <Content isDragActive={isDragActive}>\n            <PictureIcon />\n            <Title>{touchDevice ? locale.touchTitle : locale.dropTitle}</Title>\n          </Content>\n\n          {hasImage && (\n            <ThemeOverrider\n              overrides={{\n                buttonGhostColorText: [0, 0, 100],\n                buttonGhostColorBgHover: [0, 0, 100, 0.1],\n              }}\n            >\n              <DeleteButtonContainer>\n                <Button\n                  type='ghost'\n                  wide='never'\n                  onClick={(e) => {\n                    setForwardedValue(null);\n                    e.stopPropagation();\n                  }}\n                >\n                  <Delete />\n                </Button>\n              </DeleteButtonContainer>\n            </ThemeOverrider>\n          )}\n        </Overlay>\n      </Container>\n    );\n  }\n);\n\nImageUpload.displayName = 'ImageUpload';\n\nexport default ImageUpload;\n"],"mappings":"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"}

package/dist/cjs/ImageUpload/utils/defaultLocale.js

@@ -8,6 +8,5 @@ var defaultLocale = {
   touchTitle: 'Click here to choose an image',
   dropTitle: 'Drop an image here or click to choose it'
 };
-var _default = defaultLocale;
-exports["default"] = _default;
+var _default = exports["default"] = defaultLocale;
 //# sourceMappingURL=defaultLocale.js.map

package/dist/cjs/ImageUpload/utils/defaultLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultLocale.js","names":["defaultLocale","touchTitle","dropTitle","_default","exports"],"sources":["../../../../src/ImageUpload/utils/defaultLocale.ts"],"sourcesContent":["export interface ImageUploadLocale {\n  touchTitle: string;\n  dropTitle: string;\n}\n\nconst defaultLocale: ImageUploadLocale = {\n  touchTitle: 'Click here to choose an image',\n  dropTitle: 'Drop an image here or click to choose it',\n};\n\nexport default defaultLocale;\n"],"mappings":";;;;;;AAKA,IAAMA,aAAgC,GAAG;EACvCC,UAAU,EAAE,+BAA+B;EAC3CC,SAAS,EAAE;AACb,CAAC;AAAC,IAAAC,QAAA,GAEaH,aAAa;AAAAI,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"defaultLocale.js","names":["defaultLocale","touchTitle","dropTitle","_default","exports"],"sources":["../../../../src/ImageUpload/utils/defaultLocale.ts"],"sourcesContent":["export interface ImageUploadLocale {\n  touchTitle: string;\n  dropTitle: string;\n}\n\nconst defaultLocale: ImageUploadLocale = {\n  touchTitle: 'Click here to choose an image',\n  dropTitle: 'Drop an image here or click to choose it',\n};\n\nexport default defaultLocale;\n"],"mappings":";;;;;;AAKA,IAAMA,aAAgC,GAAG;EACvCC,UAAU,EAAE,+BAA+B;EAC3CC,SAAS,EAAE;AACb,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaJ,aAAa"}

package/dist/cjs/ImageUploadSkeleton/index.js

@@ -34,6 +34,5 @@ var ImageUploadSkeleton = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
   }));
 });
 ImageUploadSkeleton.displayName = 'ImageUploadSkeleton';
-var _default = ImageUploadSkeleton;
-exports["default"] = _default;
+var _default = exports["default"] = ImageUploadSkeleton;
 //# sourceMappingURL=index.js.map

package/dist/cjs/ImageUploadSkeleton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_core","_styles","_utils","_react","_interopRequireWildcard","_templateObject","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","StyledImageUploadSkeleton","styled","Skeleton","omitEmotionProps","p","theme","imageUploadMaxWidth","imageUploadMinHeight","sizeStyles","ImageUploadSkeleton","forwardRef","props","ref","createElement","width","displayName","_default","exports"],"sources":["../../../src/ImageUploadSkeleton/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Skeleton, SkeletonProps } from '@os-design/core';\nimport { sizeStyles, WithSize } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\n\nexport type ImageUploadSkeletonProps = Omit<SkeletonProps, 'width'> & WithSize;\n\nconst StyledImageUploadSkeleton = styled(\n  Skeleton,\n  omitEmotionProps('size')\n)<WithSize>`\n  max-width: ${(p) => p.theme.imageUploadMaxWidth}em;\n  height: ${(p) => p.theme.imageUploadMinHeight}em;\n  ${sizeStyles};\n`;\n\n/**\n * Provides an image upload placeholder while a user waits for\n * the content to load.\n */\nconst ImageUploadSkeleton = forwardRef<\n  HTMLDivElement,\n  ImageUploadSkeletonProps\n>((props, ref) => (\n  <StyledImageUploadSkeleton width='100%' {...props} ref={ref} />\n));\n\nImageUploadSkeleton.displayName = 'ImageUploadSkeleton';\n\nexport default ImageUploadSkeleton;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAC,uBAAA,CAAAL,OAAA;AAA0C,IAAAM,eAAA;AAAA,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAH,wBAAAO,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,cAAAN,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAnB,uBAAAa,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAiB,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,uBAAAC,OAAA,EAAAC,GAAA,SAAAA,GAAA,IAAAA,GAAA,GAAAD,OAAA,CAAAE,KAAA,cAAArB,MAAA,CAAAsB,MAAA,CAAAtB,MAAA,CAAAuB,gBAAA,CAAAJ,OAAA,IAAAC,GAAA,IAAAI,KAAA,EAAAxB,MAAA,CAAAsB,MAAA,CAAAF,GAAA;AAI1C,IAAMK,yBAAyB,GAAG,IAAAC,kBAAM,EACtCC,cAAQ,EACR,IAAAC,uBAAgB,EAAC,MAAM,CACzB,CAAC,CAAA1C,eAAA,KAAAA,eAAA,GAAAgC,sBAAA,6DACc,UAACW,CAAC;EAAA,OAAKA,CAAC,CAACC,KAAK,CAACC,mBAAmB;AAAA,GACrC,UAACF,CAAC;EAAA,OAAKA,CAAC,CAACC,KAAK,CAACE,oBAAoB;AAAA,GAC3CC,kBAAU,CACb;;AAED;AACA;AACA;AACA;AACA,IAAMC,mBAAmB,gBAAG,IAAAC,iBAAU,EAGpC,UAACC,KAAK,EAAEC,GAAG;EAAA,oBACXrD,MAAA,YAAAsD,aAAA,CAACb,yBAAyB,EAAAhB,QAAA;IAAC8B,KAAK,EAAC;EAAM,GAAKH,KAAK;IAAEC,GAAG,EAAEA;EAAI,EAAE,CAAC;AAAA,CAChE,CAAC;AAEFH,mBAAmB,CAACM,WAAW,GAAG,qBAAqB;AAAC,IAAAC,QAAA,GAEzCP,mBAAmB;AAAAQ,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_core","_styles","_utils","_react","_interopRequireWildcard","_templateObject","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","StyledImageUploadSkeleton","styled","Skeleton","omitEmotionProps","p","theme","imageUploadMaxWidth","imageUploadMinHeight","sizeStyles","ImageUploadSkeleton","forwardRef","props","ref","createElement","width","displayName","_default","exports"],"sources":["../../../src/ImageUploadSkeleton/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Skeleton, SkeletonProps } from '@os-design/core';\nimport { sizeStyles, WithSize } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\n\nexport type ImageUploadSkeletonProps = Omit<SkeletonProps, 'width'> & WithSize;\n\nconst StyledImageUploadSkeleton = styled(\n  Skeleton,\n  omitEmotionProps('size')\n)<WithSize>`\n  max-width: ${(p) => p.theme.imageUploadMaxWidth}em;\n  height: ${(p) => p.theme.imageUploadMinHeight}em;\n  ${sizeStyles};\n`;\n\n/**\n * Provides an image upload placeholder while a user waits for\n * the content to load.\n */\nconst ImageUploadSkeleton = forwardRef<\n  HTMLDivElement,\n  ImageUploadSkeletonProps\n>((props, ref) => (\n  <StyledImageUploadSkeleton width='100%' {...props} ref={ref} />\n));\n\nImageUploadSkeleton.displayName = 'ImageUploadSkeleton';\n\nexport default ImageUploadSkeleton;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/upload",
-  "version": "1.0.221",
+  "version": "1.0.223",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "main": "dist/cjs/index.js",
@@ -30,7 +30,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@os-design/core": "^1.0.218",
+    "@os-design/core": "^1.0.220",
     "@os-design/icons": "^1.0.55",
     "@os-design/styles": "^1.0.52",
     "@os-design/theming": "^1.0.49",
@@ -47,5 +47,5 @@
     "react": ">=18",
     "react-dom": ">=18"
   },
-  "gitHead": "c4b954a1d3ac18613a4fc0d2af8f541dd7335405"
+  "gitHead": "be725abf9ac3cb9a455d42c8d3c31d7f7f015e11"
 }