@os-design/upload 1.0.258 → 1.0.259

package/dist/@types/emotion.d.js

@@ -0,0 +1 @@
+import '@emotion/react';

package/dist/ImageUpload/index.d.ts

@@ -0,0 +1,50 @@
+import { type WithSize } from '@os-design/styles';
+import { type Accept } from 'react-dropzone';
+import { type ImageUploadLocale } from './utils/defaultLocale';
+type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'defaultValue' | 'onChange' | 'ref'>;
+export interface ImageUploadProps extends JsxDivProps, WithSize {
+    /**
+     * The url of the image.
+     * @default undefined
+     */
+    url?: string;
+    /**
+     * Allowed image formats.
+     * @default undefined
+     */
+    accept?: Accept;
+    /**
+     * The locale of the component.
+     * @default undefined
+     */
+    locale?: ImageUploadLocale;
+    /**
+     * The selected local file, or null if the image is marked as deleted.
+     * @default undefined
+     */
+    value?: File | null;
+    /**
+     * The default value.
+     * @default undefined
+     */
+    defaultValue?: File | null;
+    /**
+     * The change event handler.
+     * @default undefined
+     */
+    onChange?: (value: File | null) => void;
+}
+interface OverlayProps {
+    isDragActive: boolean;
+    hasImage: boolean;
+}
+export declare const Overlay: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & OverlayProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * The component to upload an image.
+ */
+declare const ImageUpload: import("react").ForwardRefExoticComponent<ImageUploadProps & import("react").RefAttributes<HTMLDivElement>>;
+export default ImageUpload;
+//# sourceMappingURL=index.d.ts.map

package/dist/ImageUpload/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ImageUpload/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,QAAQ,EAId,MAAM,mBAAmB,CAAC;AAQ3B,OAAO,EAAE,KAAK,MAAM,EAAe,MAAM,gBAAgB,CAAC;AAC1D,OAAsB,EAAE,KAAK,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE9E,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;IAC7D;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B;;;OAGG;IACH,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;;SAsKX,MACD,WAAE;wHAjJT,CAAC;AAgGF;;GAEG;AACH,QAAA,MAAM,WAAW,6GAiGhB,CAAC;AAIF,eAAe,WAAW,CAAC"}

package/dist/{esm/ImageUpload → ImageUpload}/index.js

@@ -1,4 +1,3 @@
-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';
@@ -6,9 +5,10 @@ import { Delete, Picture } from '@os-design/icons';
 import { resetFocusStyles, sizeStyles, transitionStyles } from '@os-design/styles';
 import { ThemeOverrider, clr } from '@os-design/theming';
 import { isTouchDevice, omitEmotionProps, useForwardedState } from '@os-design/utils';
-import React, { forwardRef, useCallback, useMemo } from 'react';
+import { forwardRef, useCallback, useMemo } from 'react';
 import { useDropzone } from 'react-dropzone';
 import defaultLocale from './utils/defaultLocale';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const overlayHasImageStyles = p => p.hasImage && css`
     background-color: hsla(0, 0%, 0%, ${p.theme.imageUploadOverlayOpacity});
     color: hsl(0, 0%, 100%);
@@ -150,45 +150,56 @@ const ImageUpload = /*#__PURE__*/forwardRef(({
   const renderImage = useCallback(() => {
     if (!source) return null;
     if (typeof forwardedValue === 'object' && forwardedValue !== null) {
-      return /*#__PURE__*/React.createElement(LocalImage, {
+      return /*#__PURE__*/_jsx(LocalImage, {
         src: source
       });
     }
-    return /*#__PURE__*/React.createElement(RemoteImage, {
+    return /*#__PURE__*/_jsx(RemoteImage, {
       url: source
     });
   }, [forwardedValue, source]);
-  return /*#__PURE__*/React.createElement(Container, _extends({
+  return /*#__PURE__*/_jsxs(Container, {
     isDragActive: isDragActive,
     hasImage: hasImage,
     size: size,
-    onMouseDown: e => e.preventDefault()
-  }, rest, {
-    ref: ref
-  }), /*#__PURE__*/React.createElement("input", getInputProps()), renderImage(), /*#__PURE__*/React.createElement(Overlay, _extends({
-    isDragActive: isDragActive,
-    hasImage: hasImage
-  }, getRootProps({
-    onKeyDown: e => {
-      if (e.key === 'Backspace') setForwardedValue(null);
-    }
-  }) // eslint-disable-line @typescript-eslint/no-explicit-any
-  ), /*#__PURE__*/React.createElement(Content, {
-    isDragActive: isDragActive
-  }, /*#__PURE__*/React.createElement(PictureIcon, null), /*#__PURE__*/React.createElement(Title, null, touchDevice ? locale.touchTitle : locale.dropTitle)), hasImage && /*#__PURE__*/React.createElement(ThemeOverrider, {
-    overrides: {
-      buttonGhostColorText: [0, 0, 100],
-      buttonGhostColorBgHover: [0, 0, 100, 0.1]
-    }
-  }, /*#__PURE__*/React.createElement(DeleteButtonContainer, null, /*#__PURE__*/React.createElement(Button, {
-    type: "ghost",
-    wide: "never",
-    onClick: e => {
-      setForwardedValue(null);
-      e.stopPropagation();
-    }
-  }, /*#__PURE__*/React.createElement(Delete, null))))));
+    onMouseDown: e => e.preventDefault(),
+    ...rest,
+    ref: ref,
+    children: [/*#__PURE__*/_jsx("input", {
+      ...getInputProps()
+    }), renderImage(), /*#__PURE__*/_jsxs(Overlay, {
+      isDragActive: isDragActive,
+      hasImage: hasImage,
+      ...getRootProps({
+        onKeyDown: e => {
+          if (e.key === 'Backspace') setForwardedValue(null);
+        }
+      }) // eslint-disable-line @typescript-eslint/no-explicit-any
+      ,
+      children: [/*#__PURE__*/_jsxs(Content, {
+        isDragActive: isDragActive,
+        children: [/*#__PURE__*/_jsx(PictureIcon, {}), /*#__PURE__*/_jsx(Title, {
+          children: touchDevice ? locale.touchTitle : locale.dropTitle
+        })]
+      }), hasImage && /*#__PURE__*/_jsx(ThemeOverrider, {
+        overrides: {
+          buttonGhostColorText: [0, 0, 100],
+          buttonGhostColorBgHover: [0, 0, 100, 0.1]
+        },
+        children: /*#__PURE__*/_jsx(DeleteButtonContainer, {
+          children: /*#__PURE__*/_jsx(Button, {
+            type: "ghost",
+            wide: "never",
+            onClick: e => {
+              setForwardedValue(null);
+              e.stopPropagation();
+            },
+            children: /*#__PURE__*/_jsx(Delete, {})
+          })
+        })
+      })]
+    })]
+  });
 });
 ImageUpload.displayName = 'ImageUpload';
-export default ImageUpload;
-//# sourceMappingURL=index.js.map
+export default ImageUpload;

package/dist/ImageUpload/utils/defaultLocale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultLocale.d.ts","sourceRoot":"","sources":["../../../src/ImageUpload/utils/defaultLocale.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,aAAa,EAAE,iBAGpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/{esm/ImageUpload → ImageUpload}/utils/defaultLocale.js

@@ -2,5 +2,4 @@ const defaultLocale = {
   touchTitle: 'Click here to choose an image',
   dropTitle: 'Drop an image here or click to choose it'
 };
-export default defaultLocale;
-//# sourceMappingURL=defaultLocale.js.map
+export default defaultLocale;

package/dist/ImageUploadSkeleton/index.d.ts

@@ -0,0 +1,10 @@
+import { type SkeletonProps } from '@os-design/core';
+import { type WithSize } from '@os-design/styles';
+export type ImageUploadSkeletonProps = Omit<SkeletonProps, 'width'> & WithSize;
+/**
+ * Provides an image upload placeholder while a user waits for
+ * the content to load.
+ */
+declare const ImageUploadSkeleton: import("react").ForwardRefExoticComponent<Omit<SkeletonProps, "width"> & WithSize & import("react").RefAttributes<HTMLDivElement>>;
+export default ImageUploadSkeleton;
+//# sourceMappingURL=index.d.ts.map

package/dist/ImageUploadSkeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ImageUploadSkeleton/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAI9D,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC;AAW/E;;;GAGG;AACH,QAAA,MAAM,mBAAmB,oIAKvB,CAAC;AAIH,eAAe,mBAAmB,CAAC"}

package/dist/{esm/ImageUploadSkeleton → ImageUploadSkeleton}/index.js

@@ -1,9 +1,9 @@
-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';
 import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 const StyledImageUploadSkeleton = styled(Skeleton, omitEmotionProps('size'))`
   max-width: ${p => p.theme.imageUploadMaxWidth}em;
   height: ${p => p.theme.imageUploadMinHeight}em;
@@ -14,11 +14,10 @@ const StyledImageUploadSkeleton = styled(Skeleton, omitEmotionProps('size'))`
  * Provides an image upload placeholder while a user waits for
  * the content to load.
  */
-const ImageUploadSkeleton = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/React.createElement(StyledImageUploadSkeleton, _extends({
-  width: "100%"
-}, props, {
+const ImageUploadSkeleton = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/_jsx(StyledImageUploadSkeleton, {
+  width: "100%",
+  ...props,
   ref: ref
-})));
+}));
 ImageUploadSkeleton.displayName = 'ImageUploadSkeleton';
-export default ImageUploadSkeleton;
-//# sourceMappingURL=index.js.map
+export default ImageUploadSkeleton;

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/{esm/index.js → index.js}

@@ -1,5 +1,4 @@
 export * from './ImageUpload';
 export { default as ImageUpload } from './ImageUpload';
 export * from './ImageUploadSkeleton';
-export { default as ImageUploadSkeleton } from './ImageUploadSkeleton';
-//# sourceMappingURL=index.js.map
+export { default as ImageUploadSkeleton } from './ImageUploadSkeleton';

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@os-design/upload",
-  "version": "1.0.258",
+  "version": "1.0.259",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist",
     "src",
@@ -20,9 +20,8 @@
   "sideEffects": false,
   "scripts": {
     "clean": "rimraf dist",
-    "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx --out-dir dist/esm --source-maps",
-    "build:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx --out-dir dist/cjs --source-maps",
-    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir dist/types",
+    "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx --out-dir dist",
+    "build:types": "tsc -p tsconfig.build.json --emitDeclarationOnly --declaration --declarationDir dist",
     "build": "yarn clean && npm-run-all 'build:*'",
     "ncu": "ncu -u"
   },
@@ -30,11 +29,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@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",
+    "@os-design/core": "^1.0.256",
+    "@os-design/icons": "^1.0.60",
+    "@os-design/styles": "^1.0.57",
+    "@os-design/theming": "^1.0.53",
+    "@os-design/utils": "^1.0.77",
     "react-dropzone": "^14.3.5"
   },
   "devDependencies": {
@@ -47,5 +46,5 @@
     "react": ">=18",
     "react-dom": ">=18"
   },
-  "gitHead": "0ee69cf3308f3a647c4e10defca576538b815139"
+  "gitHead": "86a83e87297a07afe132782ca2c95023b7139276"
 }

package/src/@types/emotion.d.ts

@@ -2,6 +2,6 @@ import '@emotion/react';
 import { Theme as BaseTheme } from '@os-design/theming';
 
 declare module '@emotion/react' {
-  // eslint-disable-next-line @typescript-eslint/no-empty-interface
+  // eslint-disable-next-line @typescript-eslint/no-empty-object-type
   export interface Theme extends BaseTheme {}
 }

package/src/ImageUpload/index.tsx

@@ -3,7 +3,7 @@ import styled from '@emotion/styled';
 import { Button, Image } from '@os-design/core';
 import { Delete, Picture } from '@os-design/icons';
 import {
-  WithSize,
+  type WithSize,
   resetFocusStyles,
   sizeStyles,
   transitionStyles,
@@ -14,9 +14,9 @@ import {
   omitEmotionProps,
   useForwardedState,
 } from '@os-design/utils';
-import React, { forwardRef, useCallback, useMemo } from 'react';
-import { Accept, useDropzone } from 'react-dropzone';
-import defaultLocale, { ImageUploadLocale } from './utils/defaultLocale';
+import { forwardRef, useCallback, useMemo } from 'react';
+import { type Accept, useDropzone } from 'react-dropzone';
+import defaultLocale, { type ImageUploadLocale } from './utils/defaultLocale';
 
 type JsxDivProps = Omit<
   JSX.IntrinsicElements['div'],

package/src/ImageUploadSkeleton/index.tsx

@@ -1,8 +1,8 @@
 import styled from '@emotion/styled';
-import { Skeleton, SkeletonProps } from '@os-design/core';
-import { sizeStyles, WithSize } from '@os-design/styles';
+import { Skeleton, type SkeletonProps } from '@os-design/core';
+import { sizeStyles, type WithSize } from '@os-design/styles';
 import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 
 export type ImageUploadSkeletonProps = Omit<SkeletonProps, 'width'> & WithSize;
 

package/dist/cjs/@types/emotion.d.js

@@ -1,4 +0,0 @@
-"use strict";
-
-require("@emotion/react");
-//# sourceMappingURL=emotion.d.js.map

package/dist/cjs/@types/emotion.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"emotion.d.js","names":["require"],"sources":["../../../src/@types/emotion.d.ts"],"sourcesContent":["import '@emotion/react';\nimport { Theme as BaseTheme } from '@os-design/theming';\n\ndeclare module '@emotion/react' {\n  // eslint-disable-next-line @typescript-eslint/no-empty-interface\n  export interface Theme extends BaseTheme {}\n}\n"],"mappings":";;AAAAA,OAAA","ignoreList":[]}

package/dist/cjs/ImageUpload/index.js

@@ -1,167 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Overlay = void 0;
-var _react = require("@emotion/react");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _core = require("@os-design/core");
-var _icons = require("@os-design/icons");
-var _styles = require("@os-design/styles");
-var _theming = require("@os-design/theming");
-var _utils = require("@os-design/utils");
-var _react2 = _interopRequireWildcard(require("react"));
-var _reactDropzone = require("react-dropzone");
-var _defaultLocale = _interopRequireDefault(require("./utils/defaultLocale"));
-var _excluded = ["url", "accept", "locale", "value", "defaultValue", "onChange", "size"];
-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(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(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(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(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);
-};
-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 = 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'));
-var contentIsDragActiveStyles = function contentIsDragActiveStyles(p) {
-  return p.isDragActive && (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    transform: scale(0.92);\n  "])));
-};
-var Content = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('isDragActive'))(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n"])), contentIsDragActiveStyles, (0, _styles.transitionStyles)('transform'));
-var PictureIcon = (0, _styled["default"])(_icons.Picture)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  opacity: 0.8;\n  font-size: 2.5em;\n"])));
-var Title = _styled["default"].div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  opacity: 0.8;\n"])));
-var DeleteButtonContainer = _styled["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0.5em;\n  right: 0.5em;\n"])));
-var hoverStyles = function hoverStyles(p) {
-  return (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  border-color: ", ";\n"])), (0, _theming.clr)(p.theme.imageUploadNoImageHoverColorBorder));
-};
-var notHasImageStyles = function notHasImageStyles(p) {
-  return !p.hasImage && (0, _react.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    background-color: ", ";\n    border: 2px dashed ", ";\n\n    @media (hover: hover) {\n      &:hover {\n        ", ";\n      }\n    }\n  "])), (0, _theming.clr)(p.theme.imageUploadNoImageColorBg), (0, _theming.clr)(p.theme.imageUploadNoImageColorBorder), hoverStyles(p));
-};
-var focusStyles = function focusStyles(p) {
-  return (0, _react.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  &:focus-within {\n    & > div {\n      opacity: 1;\n    }\n    ", ";\n  }\n"])), hoverStyles(p));
-};
-var isDragActiveStyles = function isDragActiveStyles(p) {
-  return p.isDragActive && (0, _react.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    ", ";\n  "])), hoverStyles(p));
-};
-var LocalImage = _styled["default"].img(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  width: 100%;\n  vertical-align: top;\n"])));
-var RemoteImage = (0, _styled["default"])(_core.Image)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  vertical-align: top;\n"])));
-var Container = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('isDragActive', 'hasImage', 'size'))(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  position: relative;\n  cursor: pointer;\n  overflow: hidden;\n  box-sizing: border-box;\n\n  max-width: ", "em;\n  min-height: ", "em;\n  border-radius: ", "em;\n  color: ", ";\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n"])), function (p) {
-  return p.theme.imageUploadMaxWidth;
-}, function (p) {
-  return p.theme.imageUploadMinHeight;
-}, function (p) {
-  return p.theme.borderRadius;
-}, function (p) {
-  return (0, _theming.clr)(p.theme.colorText);
-}, notHasImageStyles, focusStyles, isDragActiveStyles, _styles.sizeStyles, (0, _styles.transitionStyles)('border'));
-
-/**
- * The component to upload an image.
- */
-var ImageUpload = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
-  var url = _ref.url,
-    _ref$accept = _ref.accept,
-    accept = _ref$accept === void 0 ? {
-      'image/*': ['.jpeg', '.png', '.webp']
-    } : _ref$accept,
-    _ref$locale = _ref.locale,
-    locale = _ref$locale === void 0 ? _defaultLocale["default"] : _ref$locale,
-    value = _ref.value,
-    defaultValue = _ref.defaultValue,
-    onChange = _ref.onChange,
-    size = _ref.size,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var touchDevice = (0, _react2.useMemo)(function () {
-    return (0, _utils.isTouchDevice)();
-  }, []);
-  var _useForwardedState = (0, _utils.useForwardedState)({
-      value: value,
-      defaultValue: defaultValue,
-      onChange: onChange
-    }),
-    _useForwardedState2 = _slicedToArray(_useForwardedState, 2),
-    forwardedValue = _useForwardedState2[0],
-    setForwardedValue = _useForwardedState2[1];
-  var _useDropzone = (0, _reactDropzone.useDropzone)({
-      accept: accept,
-      multiple: false,
-      onDrop: function onDrop(_ref2) {
-        var _ref3 = _slicedToArray(_ref2, 1),
-          file = _ref3[0];
-        return setForwardedValue(file);
-      }
-    }),
-    getRootProps = _useDropzone.getRootProps,
-    getInputProps = _useDropzone.getInputProps,
-    isDragActive = _useDropzone.isDragActive;
-  var source = (0, _react2.useMemo)(function () {
-    if (forwardedValue === null) return null; // If the user select an image
-    if (forwardedValue) return URL.createObjectURL(forwardedValue); // If the image already exists
-    if (url) return url;
-    return null;
-  }, [forwardedValue, url]);
-  var hasImage = (0, _react2.useMemo)(function () {
-    return !!source;
-  }, [source]);
-  var renderImage = (0, _react2.useCallback)(function () {
-    if (!source) return null;
-    if (_typeof(forwardedValue) === 'object' && forwardedValue !== null) {
-      return /*#__PURE__*/_react2["default"].createElement(LocalImage, {
-        src: source
-      });
-    }
-    return /*#__PURE__*/_react2["default"].createElement(RemoteImage, {
-      url: source
-    });
-  }, [forwardedValue, source]);
-  return /*#__PURE__*/_react2["default"].createElement(Container, _extends({
-    isDragActive: isDragActive,
-    hasImage: hasImage,
-    size: size,
-    onMouseDown: function onMouseDown(e) {
-      return e.preventDefault();
-    }
-  }, rest, {
-    ref: ref
-  }), /*#__PURE__*/_react2["default"].createElement("input", getInputProps()), renderImage(), /*#__PURE__*/_react2["default"].createElement(Overlay, _extends({
-    isDragActive: isDragActive,
-    hasImage: hasImage
-  }, getRootProps({
-    onKeyDown: function onKeyDown(e) {
-      if (e.key === 'Backspace') setForwardedValue(null);
-    }
-  }) // eslint-disable-line @typescript-eslint/no-explicit-any
-  ), /*#__PURE__*/_react2["default"].createElement(Content, {
-    isDragActive: isDragActive
-  }, /*#__PURE__*/_react2["default"].createElement(PictureIcon, null), /*#__PURE__*/_react2["default"].createElement(Title, null, touchDevice ? locale.touchTitle : locale.dropTitle)), hasImage && /*#__PURE__*/_react2["default"].createElement(_theming.ThemeOverrider, {
-    overrides: {
-      buttonGhostColorText: [0, 0, 100],
-      buttonGhostColorBgHover: [0, 0, 100, 0.1]
-    }
-  }, /*#__PURE__*/_react2["default"].createElement(DeleteButtonContainer, null, /*#__PURE__*/_react2["default"].createElement(_core.Button, {
-    type: "ghost",
-    wide: "never",
-    onClick: function onClick(e) {
-      setForwardedValue(null);
-      e.stopPropagation();
-    }
-  }, /*#__PURE__*/_react2["default"].createElement(_icons.Delete, null))))));
-});
-ImageUpload.displayName = 'ImageUpload';
-var _default = exports["default"] = ImageUpload;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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/ImageUpload/utils/defaultLocale.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var defaultLocale = {
-  touchTitle: 'Click here to choose an image',
-  dropTitle: 'Drop an image here or click to choose it'
-};
-var _default = exports["default"] = defaultLocale;
-//# sourceMappingURL=defaultLocale.js.map

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

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

package/dist/cjs/ImageUploadSkeleton/index.js

@@ -1,38 +0,0 @@
-"use strict";
-
-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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _core = require("@os-design/core");
-var _styles = require("@os-design/styles");
-var _utils = require("@os-design/utils");
-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(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) {
-  return p.theme.imageUploadMinHeight;
-}, _styles.sizeStyles);
-
-/**
- * Provides an image upload placeholder while a user waits for
- * the content to load.
- */
-var ImageUploadSkeleton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  return /*#__PURE__*/_react["default"].createElement(StyledImageUploadSkeleton, _extends({
-    width: "100%"
-  }, props, {
-    ref: ref
-  }));
-});
-ImageUploadSkeleton.displayName = 'ImageUploadSkeleton';
-var _default = exports["default"] = ImageUploadSkeleton;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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/cjs/index.js

@@ -1,49 +0,0 @@
-"use strict";
-
-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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  ImageUpload: true,
-  ImageUploadSkeleton: true
-};
-Object.defineProperty(exports, "ImageUpload", {
-  enumerable: true,
-  get: function get() {
-    return _ImageUpload["default"];
-  }
-});
-Object.defineProperty(exports, "ImageUploadSkeleton", {
-  enumerable: true,
-  get: function get() {
-    return _ImageUploadSkeleton["default"];
-  }
-});
-var _ImageUpload = _interopRequireWildcard(require("./ImageUpload"));
-Object.keys(_ImageUpload).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ImageUpload[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ImageUpload[key];
-    }
-  });
-});
-var _ImageUploadSkeleton = _interopRequireWildcard(require("./ImageUploadSkeleton"));
-Object.keys(_ImageUploadSkeleton).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ImageUploadSkeleton[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ImageUploadSkeleton[key];
-    }
-  });
-});
-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; }
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_ImageUpload","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_ImageUploadSkeleton","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sources":["../../src/index.ts"],"sourcesContent":["export * from './ImageUpload';\nexport { default as ImageUpload } from './ImageUpload';\nexport * from './ImageUploadSkeleton';\nexport { default as ImageUploadSkeleton } from './ImageUploadSkeleton';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAJ,YAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,YAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAd,YAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,oBAAA,GAAAd,uBAAA,CAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,oBAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,oBAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,oBAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AAAsC,SAAAU,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,SAAAhB,wBAAAgB,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,CAAAN,GAAA,CAAAG,CAAA,OAAAO,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAAC,CAAA,IAAAX,CAAA,oBAAAW,CAAA,OAAApB,cAAA,CAAAC,IAAA,CAAAQ,CAAA,EAAAW,CAAA,SAAAC,CAAA,GAAAH,CAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAV,CAAA,EAAAW,CAAA,UAAAC,CAAA,KAAAA,CAAA,CAAAf,GAAA,IAAAe,CAAA,CAAAC,GAAA,IAAA3B,MAAA,CAAAS,cAAA,CAAAY,CAAA,EAAAI,CAAA,EAAAC,CAAA,IAAAL,CAAA,CAAAI,CAAA,IAAAX,CAAA,CAAAW,CAAA,YAAAJ,CAAA,cAAAP,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAU,GAAA,CAAAb,CAAA,EAAAO,CAAA,GAAAA,CAAA","ignoreList":[]}

package/dist/esm/@types/emotion.d.js

@@ -1,2 +0,0 @@
-import '@emotion/react';
-//# sourceMappingURL=emotion.d.js.map

package/dist/esm/@types/emotion.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"emotion.d.js","names":[],"sources":["../../../src/@types/emotion.d.ts"],"sourcesContent":["import '@emotion/react';\nimport { Theme as BaseTheme } from '@os-design/theming';\n\ndeclare module '@emotion/react' {\n  // eslint-disable-next-line @typescript-eslint/no-empty-interface\n  export interface Theme extends BaseTheme {}\n}\n"],"mappings":"AAAA,OAAO,gBAAgB","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"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/ImageUpload/utils/defaultLocale.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultLocale.js","names":["defaultLocale","touchTitle","dropTitle"],"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,MAAMA,aAAgC,GAAG;EACvCC,UAAU,EAAE,+BAA+B;EAC3CC,SAAS,EAAE;AACb,CAAC;AAED,eAAeF,aAAa","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"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/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default","ImageUpload","ImageUploadSkeleton"],"sources":["../../src/index.ts"],"sourcesContent":["export * from './ImageUpload';\nexport { default as ImageUpload } from './ImageUpload';\nexport * from './ImageUploadSkeleton';\nexport { default as ImageUploadSkeleton } from './ImageUploadSkeleton';\n"],"mappings":"AAAA,cAAc,eAAe;AAC7B,SAASA,OAAO,IAAIC,WAAW,QAAQ,eAAe;AACtD,cAAc,uBAAuB;AACrC,SAASD,OAAO,IAAIE,mBAAmB,QAAQ,uBAAuB","ignoreList":[]}

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

@@ -1,24 +0,0 @@
-import { WithSize } from '@os-design/styles';
-import React from 'react';
-import { Accept } from 'react-dropzone';
-import { ImageUploadLocale } from './utils/defaultLocale';
-type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'defaultValue' | 'onChange' | 'ref'>;
-export interface ImageUploadProps extends JsxDivProps, WithSize {
-    url?: string;
-    accept?: Accept;
-    locale?: ImageUploadLocale;
-    value?: File | null;
-    defaultValue?: File | null;
-    onChange?: (value: File | null) => void;
-}
-interface OverlayProps {
-    isDragActive: boolean;
-    hasImage: boolean;
-}
-export declare const Overlay: import("@emotion/styled").StyledComponent<{
-    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;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"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/dist/types/ImageUpload/utils/defaultLocale.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultLocale.d.ts","sourceRoot":"","sources":["../../../../src/ImageUpload/utils/defaultLocale.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,aAAa,EAAE,iBAGpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/types/ImageUploadSkeleton/index.d.ts

@@ -1,7 +0,0 @@
-import { SkeletonProps } from '@os-design/core';
-import { WithSize } from '@os-design/styles';
-import React from 'react';
-export type ImageUploadSkeletonProps = Omit<SkeletonProps, 'width'> & WithSize;
-declare const ImageUploadSkeleton: React.ForwardRefExoticComponent<Omit<SkeletonProps, "width"> & WithSize & React.RefAttributes<HTMLDivElement>>;
-export default ImageUploadSkeleton;
-//# sourceMappingURL=index.d.ts.map

package/dist/types/ImageUploadSkeleton/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ImageUploadSkeleton/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAc,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAEzD,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC;AAe/E,QAAA,MAAM,mBAAmB,gHAKvB,CAAC;AAIH,eAAe,mBAAmB,CAAC"}

package/dist/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}