npm - @os-design/upload - Versions diffs - 1.0.256 → 1.0.258 - Mend

@os-design/upload 1.0.256 → 1.0.258

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/cjs/ImageUpload/index.js +9 -9
package/dist/cjs/ImageUpload/index.js.map +1 -1
package/dist/cjs/ImageUploadSkeleton/index.js +3 -3
package/dist/cjs/ImageUploadSkeleton/index.js.map +1 -1
package/dist/esm/ImageUpload/index.js +1 -1
package/dist/esm/ImageUpload/index.js.map +1 -1
package/dist/esm/ImageUploadSkeleton/index.js +1 -1
package/dist/esm/ImageUploadSkeleton/index.js.map +1 -1
package/dist/types/ImageUpload/index.d.ts +2 -2
package/dist/types/ImageUpload/index.d.ts.map +1 -1
package/package.json +4 -4

package/dist/cjs/ImageUpload/index.js CHANGED Viewed

@@ -18,18 +18,18 @@ var _excluded = ["url", "accept", "locale", "value", "defaultValue", "onChange",
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 var overlayHasImageStyles = function overlayHasImageStyles(p) {
   return p.hasImage && (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    background-color: hsla(0, 0%, 0%, ", ");\n    color: hsl(0, 0%, 100%);\n  "])), p.theme.imageUploadOverlayOpacity);
 };

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

	@@ -1 +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","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","o","Symbol","iterator","constructor","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","minLen","_arrayLikeToArray","toString","slice","name","Array","from","test","len","arr2","l","f","next","done","push","value","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","_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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","ignoreList":[]}
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","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","o","Symbol","iterator","constructor","prototype","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_arrayLikeToArray","toString","slice","name","Array","from","test","l","f","next","done","push","value","isArray","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","s","includes","propertyIsEnumerable","_taggedTemplateLiteral","freeze","defineProperties","raw","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","source","URL","createObjectURL","renderImage","useCallback","createElement","src","onMouseDown","preventDefault","onKeyDown","key","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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","ignoreList":[]}

package/dist/cjs/ImageUploadSkeleton/index.js CHANGED Viewed

@@ -13,9 +13,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _templateObject;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 var StyledImageUploadSkeleton = (0, _styled["default"])(_core.Skeleton, (0, _utils.omitEmotionProps)('size'))(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  max-width: ", "em;\n  height: ", "em;\n  ", ";\n"])), function (p) {
   return p.theme.imageUploadMaxWidth;
 }, function (p) {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_core","_styles","_utils","_react","_interopRequireWildcard","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","~~obj","~~_extends","assign","bind","~~target","~~arguments","length","~~source","key","prototype","~~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,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAjB,~~uBAAA4B~~,~~GAAA~~,WAAAA,~~GAAA~~,IAAAA,~~GAAA~~,~~CAAAf~~,UAAA,~~GAAAe~~,~~GAAA~~,gBAAAA,~~GAAA~~;AAAA,~~SAAAC~~,SAAA,~~IAAAA~~,QAAA,~~GAAAT~~,MAAA,~~CAAAU~~,MAAA,~~GAAAV~~,MAAA,~~CAAAU~~,MAAA,CAAAC,IAAA,~~eAAAC~~,~~MAAA~~,~~aAAAN~~,CAAA,MAAAA,CAAA,~~GAAAO~~,SAAA,CAAAC,MAAA,~~EAAAR~~,CAAA,~~UAAAS~~,~~MAAA~~,~~GAAAF~~,SAAA,~~CAAAP~~,CAAA,~~YAAAU~~,~~GAAA~~,~~IAAAD~~,~~MAAA~~,~~QAAAf~~,~~MAAA,CAAAiB,SAAA,CAAAb,~~cAAA,CAAAC,IAAA,~~CAAAU~~,~~MAAA~~,~~EAAAC~~,~~GAAA~~,~~KAAAJ~~,~~MAAA~~,~~CAAAI~~,~~GAAA~~,~~IAAAD~~,~~MAAA~~,~~CAAAC~~,~~GAAA~~,~~gBAAAJ~~,~~MAAA~~,~~YAAAH~~,QAAA,~~CAAAS~~,KAAA,~~OAAAL~~,SAAA;AAAA,~~SAAAM~~,~~uBAAAC~~,~~OAAA~~,~~EAAAC~~,~~GAAA~~,~~SAAAA~~,~~GAAA~~,~~IAAAA~~,~~GAAA~~,~~GAAAD~~,~~OAAA~~,~~CAAAE~~,KAAA,~~cAAAtB~~,MAAA,~~CAAAuB~~,MAAA,~~CAAAvB~~,MAAA,~~CAAAwB~~,gBAAA,~~CAAAJ~~,~~OAAA~~,~~IAAAC~~,GAAA,~~IAAAI~~,KAAA,~~EAAAzB~~,MAAA,~~CAAAuB~~,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,~~EAAAjB~~,QAAA;~~IAAC+B~~,KAAK,EAAC;EAAM,GAAKH,KAAK;IAAEC,GAAG,EAAEA;EAAI,EAAE,CAAC;AAAA,CAChE,CAAC;AAEFH,mBAAmB,CAACM,WAAW,GAAG,qBAAqB;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEzCR,mBAAmB","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_core","_styles","_utils","_react","_interopRequireWildcard","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_taggedTemplateLiteral","slice","freeze","defineProperties","raw","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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","ignoreList":[]}

package/dist/esm/ImageUpload/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { Button, Image } from '@os-design/core';

package/dist/esm/ImageUpload/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["css","styled","Button","Image","Delete","Picture","resetFocusStyles","sizeStyles","transitionStyles","ThemeOverrider","clr","isTouchDevice","omitEmotionProps","useForwardedState","React","forwardRef","useCallback","useMemo","useDropzone","defaultLocale","overlayHasImageStyles","p","hasImage","theme","imageUploadOverlayOpacity","overlayHasImageHoverStyles","isDragActive","Overlay","imageUploadOverlayPadding","contentIsDragActiveStyles","Content","PictureIcon","Title","div","DeleteButtonContainer","hoverStyles","imageUploadNoImageHoverColorBorder","notHasImageStyles","imageUploadNoImageColorBg","imageUploadNoImageColorBorder","focusStyles","isDragActiveStyles","LocalImage","img","RemoteImage","Container","imageUploadMaxWidth","imageUploadMinHeight","borderRadius","colorText","ImageUpload","url","accept","locale","value","defaultValue","onChange","size","rest","ref","touchDevice","forwardedValue","setForwardedValue","getRootProps","getInputProps","multiple","onDrop","file","source","URL","createObjectURL","renderImage","createElement","src","_extends","onMouseDown","e","preventDefault","onKeyDown","key","touchTitle","dropTitle","overrides","buttonGhostColorText","buttonGhostColorBgHover","type","wide","onClick","stopPropagation","displayName"],"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":";AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,MAAM,MAAM,iBAAiB;AACpC,SAASC,MAAM,EAAEC,KAAK,QAAQ,iBAAiB;AAC/C,SAASC,MAAM,EAAEC,OAAO,QAAQ,kBAAkB;AAClD,SAEEC,gBAAgB,EAChBC,UAAU,EACVC,gBAAgB,QACX,mBAAmB;AAC1B,SAASC,cAAc,EAAEC,GAAG,QAAQ,oBAAoB;AACxD,SACEC,aAAa,EACbC,gBAAgB,EAChBC,iBAAiB,QACZ,kBAAkB;AACzB,OAAOC,KAAK,IAAIC,UAAU,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAC/D,SAAiBC,WAAW,QAAQ,gBAAgB;AACpD,OAAOC,aAAa,MAA6B,uBAAuB;AAuCxE,MAAMC,qBAAqB,GAAIC,CAAC,IAC9BA,CAAC,CAACC,QAAQ,IACVtB,GAAI;AACN,wCAAwCqB,CAAC,CAACE,KAAK,CAACC,yBAA0B;AAC1E;AACA,GAAG;AAEH,MAAMC,0BAA0B,GAAIJ,CAAC,IACnCA,CAAC,CAACC,QAAQ,IACV,CAACD,CAAC,CAACK,YAAY,IACf1B,GAAI;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AAMH,OAAO,MAAM2B,OAAO,GAAG1B,MAAM,CAC3B,KAAK,EACLW,gBAAgB,CAAC,cAAc,EAAE,UAAU,CAC7C,CAAgB;AAChB,IAAIN,gBAAiB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAce,CAAC,IAAKA,CAAC,CAACE,KAAK,CAACK,yBAA0B;AACtD;AACA,IAAIR,qBAAsB;AAC1B,IAAIK,0BAA2B;AAC/B,IAAIjB,gBAAgB,CAAC,SAAS,CAAE;AAChC,CAAC;AAED,MAAMqB,yBAAyB,GAAIR,CAAC,IAClCA,CAAC,CAACK,YAAY,IACd1B,GAAI;AACN;AACA,GAAG;AAGH,MAAM8B,OAAO,GAAG7B,MAAM,CAAC,KAAK,EAAEW,gBAAgB,CAAC,cAAc,CAAC,CAAgB;AAC9E,IAAIiB,yBAA0B;AAC9B,IAAIrB,gBAAgB,CAAC,WAAW,CAAE;AAClC,CAAC;AAED,MAAMuB,WAAW,GAAG9B,MAAM,CAACI,OAAO,CAAE;AACpC;AACA;AACA,CAAC;AAED,MAAM2B,KAAK,GAAG/B,MAAM,CAACgC,GAAI;AACzB;AACA,CAAC;AAED,MAAMC,qBAAqB,GAAGjC,MAAM,CAACgC,GAAI;AACzC;AACA;AACA;AACA,CAAC;AAED,MAAME,WAAW,GAAId,CAAC,IAAKrB,GAAI;AAC/B,kBAAkBU,GAAG,CAACW,CAAC,CAACE,KAAK,CAACa,kCAAkC,CAAE;AAClE,CAAC;AAED,MAAMC,iBAAiB,GAAIhB,CAAC,IAC1B,CAACA,CAAC,CAACC,QAAQ,IACXtB,GAAI;AACN,wBAAwBU,GAAG,CAACW,CAAC,CAACE,KAAK,CAACe,yBAAyB,CAAE;AAC/D,yBAAyB5B,GAAG,CAACW,CAAC,CAACE,KAAK,CAACgB,6BAA6B,CAAE;AACpE;AACA;AACA;AACA,UAAUJ,WAAW,CAACd,CAAC,CAAE;AACzB;AACA;AACA,GAAG;AAEH,MAAMmB,WAAW,GAAInB,CAAC,IAAKrB,GAAI;AAC/B;AACA;AACA;AACA;AACA,MAAMmC,WAAW,CAACd,CAAC,CAAE;AACrB;AACA,CAAC;AAED,MAAMoB,kBAAkB,GAAIpB,CAAC,IAC3BA,CAAC,CAACK,YAAY,IACd1B,GAAI;AACN,MAAMmC,WAAW,CAACd,CAAC,CAAE;AACrB,GAAG;AAEH,MAAMqB,UAAU,GAAGzC,MAAM,CAAC0C,GAAI;AAC9B;AACA;AACA,CAAC;AAED,MAAMC,WAAW,GAAG3C,MAAM,CAACE,KAAK,CAAE;AAClC;AACA,CAAC;AAOD,MAAM0C,SAAS,GAAG5C,MAAM,CACtB,KAAK,EACLW,gBAAgB,CAAC,cAAc,EAAE,UAAU,EAAE,MAAM,CACrD,CAAkB;AAClB;AACA;AACA;AACA;AACA;AACA,eAAgBS,CAAC,IAAKA,CAAC,CAACE,KAAK,CAACuB,mBAAoB;AAClD,gBAAiBzB,CAAC,IAAKA,CAAC,CAACE,KAAK,CAACwB,oBAAqB;AACpD,mBAAoB1B,CAAC,IAAKA,CAAC,CAACE,KAAK,CAACyB,YAAa;AAC/C,WAAY3B,CAAC,IAAKX,GAAG,CAACW,CAAC,CAACE,KAAK,CAAC0B,SAAS,CAAE;AACzC;AACA,IAAIZ,iBAAkB;AACtB,IAAIG,WAAY;AAChB,IAAIC,kBAAmB;AACvB,IAAIlC,UAAW;AACf,IAAIC,gBAAgB,CAAC,QAAQ,CAAE;AAC/B,CAAC;;AAED;AACA;AACA;AACA,MAAM0C,WAAW,gBAAGnC,UAAU,CAC5B,CACE;EACEoC,GAAG;EACHC,MAAM,GAAG;IAAE,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO;EAAE,CAAC;EAClDC,MAAM,GAAGlC,aAAa;EACtBmC,KAAK;EACLC,YAAY;EACZC,QAAQ;EACRC,IAAI;EACJ,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,WAAW,GAAG3C,OAAO,CAAC,MAAMN,aAAa,CAAC,CAAC,EAAE,EAAE,CAAC;EACtD,MAAM,CAACkD,cAAc,EAAEC,iBAAiB,CAAC,GAAGjD,iBAAiB,CAAC;IAC5DyC,KAAK;IACLC,YAAY;IACZC;EACF,CAAC,CAAC;EAEF,MAAM;IAAEO,YAAY;IAAEC,aAAa;IAAEtC;EAAa,CAAC,GAAGR,WAAW,CAAC;IAChEkC,MAAM;IACNa,QAAQ,EAAE,KAAK;IACfC,MAAM,EAAEA,CAAC,CAACC,IAAI,CAAC,KAAKL,iBAAiB,CAACK,IAAI;EAC5C,CAAC,CAAC;EAEF,MAAMC,MAAM,GAAGnD,OAAO,CAAC,MAAM;IAC3B,IAAI4C,cAAc,KAAK,IAAI,EAAE,OAAO,IAAI,CAAC,CAAC;IAC1C,IAAIA,cAAc,EAAE,OAAOQ,GAAG,CAACC,eAAe,CAACT,cAAc,CAAC,CAAC,CAAC;IAChE,IAAIV,GAAG,EAAE,OAAOA,GAAG;IACnB,OAAO,IAAI;EACb,CAAC,EAAE,CAACU,cAAc,EAAEV,GAAG,CAAC,CAAC;EAEzB,MAAM7B,QAAQ,GAAGL,OAAO,CAAC,MAAM,CAAC,CAACmD,MAAM,EAAE,CAACA,MAAM,CAAC,CAAC;EAElD,MAAMG,WAAW,GAAGvD,WAAW,CAAC,MAAM;IACpC,IAAI,CAACoD,MAAM,EAAE,OAAO,IAAI;IACxB,IAAI,OAAOP,cAAc,KAAK,QAAQ,IAAIA,cAAc,KAAK,IAAI,EAAE;MACjE,oBAAO/C,KAAA,CAAA0D,aAAA,CAAC9B,UAAU;QAAC+B,GAAG,EAAEL;MAAO,CAAE,CAAC;IACpC;IACA,oBAAOtD,KAAA,CAAA0D,aAAA,CAAC5B,WAAW;MAACO,GAAG,EAAEiB;IAAO,CAAE,CAAC;EACrC,CAAC,EAAE,CAACP,cAAc,EAAEO,MAAM,CAAC,CAAC;EAE5B,oBACEtD,KAAA,CAAA0D,aAAA,CAAC3B,SAAS,EAAA6B,QAAA;IACRhD,YAAY,EAAEA,YAAa;IAC3BJ,QAAQ,EAAEA,QAAS;IACnBmC,IAAI,EAAEA,IAAK;IACXkB,WAAW,EAAGC,CAAC,IAAKA,CAAC,CAACC,cAAc,CAAC;EAAE,GACnCnB,IAAI;IACRC,GAAG,EAAEA;EAAI,iBAET7C,KAAA,CAAA0D,aAAA,UAAWR,aAAa,CAAC,CAAI,CAAC,EAC7BO,WAAW,CAAC,CAAC,eAEdzD,KAAA,CAAA0D,aAAA,CAAC7C,OAAO,EAAA+C,QAAA;IACNhD,YAAY,EAAEA,YAAa;IAC3BJ,QAAQ,EAAEA;EAAS,GAEdyC,YAAY,CAAC;IACde,SAAS,EAAGF,CAAC,IAAK;MAChB,IAAIA,CAAC,CAACG,GAAG,KAAK,WAAW,EAAEjB,iBAAiB,CAAC,IAAI,CAAC;IACpD;EACF,CAAQ,CAAC,CAAC;EAAA,gBAGZhD,KAAA,CAAA0D,aAAA,CAAC1C,OAAO;IAACJ,YAAY,EAAEA;EAAa,gBAClCZ,KAAA,CAAA0D,aAAA,CAACzC,WAAW,MAAE,CAAC,eACfjB,KAAA,CAAA0D,aAAA,CAACxC,KAAK,QAAE4B,WAAW,GAAGP,MAAM,CAAC2B,UAAU,GAAG3B,MAAM,CAAC4B,SAAiB,CAC3D,CAAC,EAET3D,QAAQ,iBACPR,KAAA,CAAA0D,aAAA,CAAC/D,cAAc;IACbyE,SAAS,EAAE;MACTC,oBAAoB,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC;MACjCC,uBAAuB,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG;IAC1C;EAAE,gBAEFtE,KAAA,CAAA0D,aAAA,CAACtC,qBAAqB,qBACpBpB,KAAA,CAAA0D,aAAA,CAACtE,MAAM;IACLmF,IAAI,EAAC,OAAO;IACZC,IAAI,EAAC,OAAO;IACZC,OAAO,EAAGX,CAAC,IAAK;MACdd,iBAAiB,CAAC,IAAI,CAAC;MACvBc,CAAC,CAACY,eAAe,CAAC,CAAC;IACrB;EAAE,gBAEF1E,KAAA,CAAA0D,aAAA,CAACpE,MAAM,MAAE,CACH,CACa,CACT,CAEX,CACA,CAAC;AAEhB,CACF,CAAC;AAED8C,WAAW,CAACuC,WAAW,GAAG,aAAa;AAEvC,eAAevC,WAAW","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["css","styled","Button","Image","Delete","Picture","resetFocusStyles","sizeStyles","transitionStyles","ThemeOverrider","clr","isTouchDevice","omitEmotionProps","useForwardedState","React","forwardRef","useCallback","useMemo","useDropzone","defaultLocale","overlayHasImageStyles","p","hasImage","theme","imageUploadOverlayOpacity","overlayHasImageHoverStyles","isDragActive","Overlay","imageUploadOverlayPadding","contentIsDragActiveStyles","Content","PictureIcon","Title","div","DeleteButtonContainer","hoverStyles","imageUploadNoImageHoverColorBorder","notHasImageStyles","imageUploadNoImageColorBg","imageUploadNoImageColorBorder","focusStyles","isDragActiveStyles","LocalImage","img","RemoteImage","Container","imageUploadMaxWidth","imageUploadMinHeight","borderRadius","colorText","ImageUpload","url","accept","locale","value","defaultValue","onChange","size","rest","ref","touchDevice","forwardedValue","setForwardedValue","getRootProps","getInputProps","multiple","onDrop","file","source","URL","createObjectURL","renderImage","createElement","src","_extends","onMouseDown","e","preventDefault","onKeyDown","key","touchTitle","dropTitle","overrides","buttonGhostColorText","buttonGhostColorBgHover","type","wide","onClick","stopPropagation","displayName"],"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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","ignoreList":[]}

package/dist/esm/ImageUploadSkeleton/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import styled from '@emotion/styled';
 import { Skeleton } from '@os-design/core';
 import { sizeStyles } from '@os-design/styles';

package/dist/esm/ImageUploadSkeleton/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["styled","Skeleton","sizeStyles","omitEmotionProps","React","forwardRef","StyledImageUploadSkeleton","p","theme","imageUploadMaxWidth","imageUploadMinHeight","ImageUploadSkeleton","props","ref","createElement","_extends","width","displayName"],"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,OAAOA,MAAM,MAAM,iBAAiB;AACpC,SAASC,QAAQ,QAAuB,iBAAiB;AACzD,SAASC,UAAU,QAAkB,mBAAmB;AACxD,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAIzC,MAAMC,yBAAyB,GAAGN,MAAM,CACtCC,QAAQ,EACRE,gBAAgB,CAAC,MAAM,CACzB,~~CAAY~~;~~AACZ~~,eAAgBI,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACC,~~mBAAoB~~;~~AAClD~~,YAAaF,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACE,~~oBAAqB~~;~~AAChD~~,IAAIR,~~UAAW~~;~~AACf~~,CAAC;;AAED;AACA;AACA;AACA;AACA,MAAMS,mBAAmB,gBAAGN,UAAU,CAGpC,CAACO,KAAK,EAAEC,GAAG,kBACXT,KAAA,CAAAU,aAAA,CAACR,yBAAyB,EAAAS,QAAA;EAACC,KAAK,EAAC;AAAM,GAAKJ,KAAK;EAAEC,GAAG,EAAEA;AAAI,EAAE,CAC/D,CAAC;AAEFF,mBAAmB,CAACM,WAAW,GAAG,qBAAqB;AAEvD,eAAeN,mBAAmB","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["styled","Skeleton","sizeStyles","omitEmotionProps","React","forwardRef","StyledImageUploadSkeleton","p","theme","imageUploadMaxWidth","imageUploadMinHeight","ImageUploadSkeleton","props","ref","createElement","_extends","width","displayName"],"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,OAAOA,MAAM,MAAM,iBAAiB;AACpC,SAASC,QAAQ,QAAuB,iBAAiB;AACzD,SAASC,UAAU,QAAkB,mBAAmB;AACxD,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAIzC,MAAMC,yBAAyB,GAAGN,MAAM,CACtCC,QAAQ,EACRE,gBAAgB,CAAC,MAAM,CACzB,CAAW;AACX,eAAgBI,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACC,mBAAmB;AACjD,YAAaF,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACE,oBAAoB;AAC/C,IAAIR,UAAU;AACd,CAAC;;AAED;AACA;AACA;AACA;AACA,MAAMS,mBAAmB,gBAAGN,UAAU,CAGpC,CAACO,KAAK,EAAEC,GAAG,kBACXT,KAAA,CAAAU,aAAA,CAACR,yBAAyB,EAAAS,QAAA;EAACC,KAAK,EAAC;AAAM,GAAKJ,KAAK;EAAEC,GAAG,EAAEA;AAAI,EAAE,CAC/D,CAAC;AAEFF,mBAAmB,CAACM,WAAW,GAAG,qBAAqB;AAEvD,eAAeN,mBAAmB","ignoreList":[]}

package/dist/types/ImageUpload/index.d.ts CHANGED Viewed

@@ -16,8 +16,8 @@ interface OverlayProps {
     hasImage: boolean;
 }
 export declare const Overlay: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & OverlayProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const ImageUpload: React.ForwardRefExoticComponent<ImageUploadProps & React.RefAttributes<HTMLDivElement>>;
 export default ImageUpload;

package/dist/types/ImageUpload/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ImageUpload/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,QAAQ,EAIT,MAAM,mBAAmB,CAAC;AAO3B,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,MAAM,EAAe,MAAM,gBAAgB,CAAC;AACrD,OAAsB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAEzE,KAAK,WAAW,GAAG,IAAI,CACrB,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B,cAAc,GAAG,UAAU,GAAG,KAAK,CACpC,CAAC;AACF,MAAM,WAAW,gBAAiB,SAAQ,WAAW,EAAE,QAAQ;IAK7D,GAAG,CAAC,EAAE,MAAM,CAAC;IAKb,MAAM,CAAC,EAAE,MAAM,CAAC;IAKhB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAK3B,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAKpB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAK3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CACzC;AAsBD,UAAU,YAAY;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;CACnB;AACD,eAAO,MAAM,OAAO~~;;;oGAsBnB~~,CAAC;AAmGF,QAAA,MAAM,WAAW,yFAiGhB,CAAC;AAIF,eAAe,WAAW,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ImageUpload/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,QAAQ,EAIT,MAAM,mBAAmB,CAAC;AAO3B,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,MAAM,EAAe,MAAM,gBAAgB,CAAC;AACrD,OAAsB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAEzE,KAAK,WAAW,GAAG,IAAI,CACrB,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B,cAAc,GAAG,UAAU,GAAG,KAAK,CACpC,CAAC;AACF,MAAM,WAAW,gBAAiB,SAAQ,WAAW,EAAE,QAAQ;IAK7D,GAAG,CAAC,EAAE,MAAM,CAAC;IAKb,MAAM,CAAC,EAAE,MAAM,CAAC;IAKhB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAK3B,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAKpB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAK3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CACzC;AAsBD,UAAU,YAAY;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;CACnB;AACD,eAAO,MAAM,OAAO;;SAiKd,MAAA,WACG;oGA5IR,CAAC;AAmGF,QAAA,MAAM,WAAW,yFAiGhB,CAAC;AAIF,eAAe,WAAW,CAAC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/upload",
-  "version": "1.0.256",
+  "version": "1.0.258",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "main": "dist/cjs/index.js",
@@ -30,12 +30,12 @@
     "access": "public"
   },
   "dependencies": {
-    "@os-design/core": "^1.0.253",
+    "@os-design/core": "^1.0.255",
     "@os-design/icons": "^1.0.59",
     "@os-design/styles": "^1.0.56",
     "@os-design/theming": "^1.0.52",
     "@os-design/utils": "^1.0.76",
-    "react-dropzone": "^14.2.3"
+    "react-dropzone": "^14.3.5"
   },
   "devDependencies": {
     "@emotion/react": ">=11",
@@ -47,5 +47,5 @@
     "react": ">=18",
     "react-dom": ">=18"
   },
-  "gitHead": "1ead821d3a115d3d625e11fc2e5898e1017bd458"
+  "gitHead": "0ee69cf3308f3a647c4e10defca576538b815139"
 }