@pingux/astro 1.27.0-alpha.20 → 1.27.0-alpha.22

package/lib/cjs/components/ImageUploadField/ImageUploadField.js

@@ -1,168 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = void 0;
-
-var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _ImageUploadFieldBase = _interopRequireDefault(require("./ImageUploadFieldBase"));
-
-var _index = require("../../index");
-
-var _useImageUploadState = require("../../hooks/useImageUploadState");
-
-var _ImagePreviewButton = _interopRequireDefault(require("./ImagePreviewButton"));
-
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-
-var _react2 = require("@emotion/react");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-/**
- * The Image Upload Field component gives users the ability to upload a file (image by default).
- */
-var ImageUploadField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var isLoading = props.isLoading,
-      loaderSize = props.loaderSize,
-      onRemove = props.onRemove,
-      removeItemText = props.removeItemText,
-      uploadItemText = props.uploadItemText;
-  var inputRef = (0, _react.useRef)();
-  var state = (0, _useImageUploadState.useImageUploadState)(props, inputRef);
-  /* istanbul ignore next */
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return inputRef.current;
-  });
-  var onAction = (0, _react.useCallback)(function (action) {
-    // eslint-disable-next-line default-case
-    switch (action) {
-      case 'upload':
-        {
-          state.showFileDialog();
-          break;
-        }
-
-      case 'remove':
-        {
-          state.removePreview();
-
-          if (onRemove && typeof onRemove === 'function') {
-            onRemove();
-          }
-
-          break;
-        }
-    }
-  }, [state.showFileDialog, props === null || props === void 0 ? void 0 : props.onRemove, state.removePreview]);
-  return (0, _react2.jsx)(_ImageUploadFieldBase["default"], (0, _extends2["default"])({
-    fileName: state.fileName,
-    handleInputChange: state.handleInputChange,
-    handleLabelClick: state.handleLabelClick,
-    handleOpenMenuChange: state.handleOpenMenuChange,
-    isImageType: state.isImageType,
-    isMenuOpen: state.isMenuOpen,
-    ref: inputRef,
-    widthHeightSx: state.widthHeightSx
-  }, props), (0, _react2.jsx)(_ImagePreviewButton["default"], {
-    isLoading: isLoading,
-    loaderSize: loaderSize,
-    previewImage: state.previewImage,
-    defaultPreviewImage: state.defaultPreviewImage,
-    defaultPreviewNode: state.defaultPreviewNode,
-    isImageType: state.isImageType,
-    onPress: state.pressPreviewButton,
-    previewHeight: props === null || props === void 0 ? void 0 : props.previewHeight,
-    previewWidth: props === null || props === void 0 ? void 0 : props.previewWidth,
-    widthHeightSx: state.widthHeightSx
-  }), (0, _react2.jsx)(_index.Menu, {
-    onAction: onAction
-  }, (0, _react2.jsx)(_index.Item, {
-    key: "upload"
-  }, uploadItemText), (0, _react2.jsx)(_index.Item, {
-    key: "remove"
-  }, removeItemText)));
-});
-ImageUploadField.propTypes = {
-  /** Image preview (controlled), used to represent the current image state. */
-  previewImage: _propTypes["default"].string,
-
-  /** Text that renders in the upload menu item. */
-  uploadItemText: _propTypes["default"].string,
-
-  /** Text that renders in the remove menu item. */
-  removeItemText: _propTypes["default"].string,
-
-  /** Default image preview (uncontrolled), used when no previewImage is present. */
-  defaultPreviewImage: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-
-  /** An array of accepted file types.
-   * (according to the https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types#types ) */
-  fileTypes: _propTypes["default"].arrayOf(_propTypes["default"].oneOf(['application', 'audio', 'example', 'application', 'image', 'model', 'text', 'video'])),
-
-  /** Text to display after the radio group label. Useful for errors or other info. */
-  helperText: _propTypes["default"].node,
-
-  /** Determines whether the loading indicator is shown. */
-  isLoading: _propTypes["default"].bool,
-
-  /** Defines a string value that labels the current element. */
-  label: _propTypes["default"].string,
-
-  /** The handler that is called when the input file is added.
-   *
-   * `(event: InputEvent) => void`
-   * */
-  onChange: _propTypes["default"].func,
-
-  /** Loading indicator size */
-  loaderSize: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-
-  /** The handler that is called when the file is removed.
-   *
-   * `(event: InputEvent) => void`
-   * */
-  onRemove: _propTypes["default"].func,
-
-  /** Define component height */
-  previewHeight: _propTypes["default"].number,
-
-  /** Define component height */
-  previewWidth: _propTypes["default"].number,
-
-  /** Determines the helper text styling. */
-  status: _propTypes["default"].oneOf((0, _values["default"])(_statuses["default"]))
-};
-ImageUploadField.defaultProps = {
-  fileTypes: ['image'],
-  loaderSize: 10,
-  previewHeight: 50,
-  previewWidth: 50,
-  uploadItemText: 'Upload New Image',
-  removeItemText: 'Remove Image'
-};
-ImageUploadField.displayName = 'ImageUploadField';
-var _default = ImageUploadField;
-exports["default"] = _default;

package/lib/cjs/components/ImageUploadField/ImageUploadField.stories.js

@@ -1,356 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = exports.ExistingImage = exports.ErrorOnUpload = exports.Default = exports.CustomItemText = exports.CustomDefaultImage = exports.ComponentAsDefaultImage = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime-corejs3/regenerator"));
-
-var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
-
-var _promise = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/promise"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _index = require("../../index");
-
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-
-var _react2 = require("@emotion/react");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var _default = {
-  title: 'Form/ImageUploadField',
-  component: _index.ImageUploadField,
-  parameters: {
-    docs: {
-      source: {
-        type: 'code'
-      }
-    }
-  },
-  argTypes: {
-    previewImage: {
-      control: {
-        type: 'text'
-      }
-    },
-    defaultPreviewImage: {
-      control: {
-        type: 'text'
-      }
-    },
-    fileTypes: {
-      control: {
-        type: 'array'
-      },
-      defaultValue: ['image']
-    },
-    helperText: {
-      control: {
-        type: 'text'
-      }
-    },
-    label: {
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'Upload Image'
-    },
-    onChange: {
-      control: {
-        type: 'none'
-      }
-    },
-    onRemove: {
-      control: {
-        type: 'none'
-      }
-    },
-    previewHeight: {
-      control: {
-        type: 'number'
-      },
-      defaultValue: 50
-    },
-    previewWidth: {
-      control: {
-        type: 'number'
-      },
-      defaultValue: 50
-    },
-    status: {
-      control: {
-        type: 'select',
-        options: _statuses["default"]
-      },
-      defaultValue: _statuses["default"].DEFAULT
-    }
-  }
-};
-exports["default"] = _default;
-
-var Default = function Default(args) {
-  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
-    // readers when an overlay opens.
-    (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ImageUploadField, args))
-  );
-};
-
-exports.Default = Default;
-
-var CustomDefaultImage = function CustomDefaultImage() {
-  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
-    // readers when an overlay opens.
-    (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ImageUploadField, {
-      label: "Upload Image",
-      defaultPreviewImage: "https://picsum.photos/id/1056/200/300",
-      previewHeight: 150,
-      previewWidth: 150
-    }))
-  );
-};
-
-exports.CustomDefaultImage = CustomDefaultImage;
-
-var CustomItemText = function CustomItemText() {
-  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
-    // readers when an overlay opens.
-    (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ImageUploadField, {
-      label: "Upload Image",
-      previewHeight: 150,
-      previewWidth: 150,
-      uploadItemText: "Custom Upload String",
-      removeItemText: "Custom Remove String"
-    }))
-  );
-};
-
-exports.CustomItemText = CustomItemText;
-
-var ComponentAsDefaultImage = function ComponentAsDefaultImage() {
-  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
-    // readers when an overlay opens.
-    (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ImageUploadField, {
-      label: "Upload Image with component as default image",
-      previewHeight: 150,
-      previewWidth: 150,
-      defaultPreviewImage: (0, _react2.jsx)(_index.Image, {
-        src: "data:image/png;base64,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"
-      })
-    }))
-  );
-};
-
-exports.ComponentAsDefaultImage = ComponentAsDefaultImage;
-
-var ExistingImage = function ExistingImage() {
-  var _useState = (0, _react.useState)('https://picsum.photos/id/1025/200/300'),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      previewImage = _useState2[0],
-      setPreviewImage = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(null),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      error = _useState4[0],
-      setError = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      isLoading = _useState6[0],
-      setIsLoading = _useState6[1]; // When controlling the previewImage yourself, it's important to handle updating the state
-
-
-  var handleChange = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(e) {
-      var _e$target;
-
-      var files, reader;
-      return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              // Clear errors
-              setError(undefined); // Turn on loading indicator
-
-              setIsLoading(true); // Handle setting the preview image
-
-              files = (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.files[0];
-              reader = new FileReader();
-
-              reader.onload = function (_ref2) {
-                var result = _ref2.target.result;
-                setPreviewImage(result);
-              };
-
-              _context.prev = 5;
-              _context.next = 8;
-              return new _promise["default"](function (resolve) {
-                return (0, _setTimeout2["default"])(resolve, 3000);
-              });
-
-            case 8:
-              // Trigger the preview image callback
-              reader.readAsDataURL(files);
-              _context.next = 15;
-              break;
-
-            case 11:
-              _context.prev = 11;
-              _context.t0 = _context["catch"](5);
-              setPreviewImage(undefined);
-              setError('There was an error...');
-
-            case 15:
-              // Unset loading indicator
-              setIsLoading(false);
-
-            case 16:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[5, 11]]);
-    }));
-
-    return function handleChange(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
-    // readers when an overlay opens.
-    (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ImageUploadField, {
-      label: "Upload Image",
-      isLoading: isLoading,
-      onChange: handleChange,
-      previewImage: previewImage,
-      previewHeight: 150,
-      previewWidth: 150,
-      status: error ? 'error' : 'default',
-      helperText: error
-    }))
-  );
-};
-
-exports.ExistingImage = ExistingImage;
-
-var ErrorOnUpload = function ErrorOnUpload() {
-  var _useState7 = (0, _react.useState)(true),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      shouldError = _useState8[0],
-      setShouldError = _useState8[1];
-
-  var _useState9 = (0, _react.useState)(null),
-      _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-      previewImage = _useState10[0],
-      setPreviewImage = _useState10[1];
-
-  var _useState11 = (0, _react.useState)(null),
-      _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
-      error = _useState12[0],
-      setError = _useState12[1];
-
-  var _useState13 = (0, _react.useState)(false),
-      _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
-      isLoading = _useState14[0],
-      setIsLoading = _useState14[1];
-
-  var errorRef = (0, _react.useRef)(shouldError); // When controlling the previewImage yourself, it's important to handle updating the state
-
-  var handler = /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(e) {
-      var _e$target2;
-
-      var files, reader;
-      return _regenerator["default"].wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              // Clear errors
-              setError(undefined); // Turn on loading indicator
-
-              setIsLoading(true); // Handle setting the preview image
-
-              files = (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.files[0];
-              reader = new FileReader();
-
-              reader.onload = function (_ref4) {
-                var result = _ref4.target.result;
-                setPreviewImage(result);
-              };
-
-              _context2.prev = 5;
-              _context2.next = 8;
-              return new _promise["default"](function (resolve, reject) {
-                return (0, _setTimeout2["default"])(errorRef.current ? reject : resolve, 3000);
-              });
-
-            case 8:
-              // Trigger the preview image callback
-              reader.readAsDataURL(files);
-              _context2.next = 15;
-              break;
-
-            case 11:
-              _context2.prev = 11;
-              _context2.t0 = _context2["catch"](5);
-              setPreviewImage(null);
-              setError('There was an error...');
-
-            case 15:
-              // Unset loading indicator
-              setIsLoading(false);
-              errorRef.current = !shouldError;
-              setShouldError(function (current) {
-                return !current;
-              });
-
-            case 18:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2, null, [[5, 11]]);
-    }));
-
-    return function handler(_x2) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-
-  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
-    // readers when an overlay opens.
-    (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ImageUploadField, {
-      label: "Upload Image",
-      isLoading: isLoading,
-      onChange: handler,
-      previewImage: previewImage,
-      previewHeight: 150,
-      previewWidth: 150,
-      status: error ? 'error' : 'default',
-      helperText: error
-    }))
-  );
-};
-
-exports.ErrorOnUpload = ErrorOnUpload;