@pingux/astro 2.133.0-alpha.1 → 2.133.0-alpha.3

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

@@ -114,17 +114,23 @@ var Default = function Default(args) {
   );
 };
 exports.Default = Default;
-var CustomDefaultImage = function CustomDefaultImage(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, (0, _extends2["default"])({}, args, {
+var CustomDefaultImage = {
+  // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
+  // readers when an overlay opens.
+  parameters: {
+    chromatic: {
+      disableSnapshot: true // Disable snapshots for this specific story
+    }
+  },
+
+  render: function render(args) {
+    return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ImageUploadField, (0, _extends2["default"])({}, args, {
       label: "Upload Image",
       defaultPreviewImage: "https://picsum.photos/id/1056/200/300",
       previewHeight: 150,
       previewWidth: 150
-    })))
-  );
+    })));
+  }
 };
 exports.CustomDefaultImage = CustomDefaultImage;
 var CustomItemText = function CustomItemText(args) {
@@ -157,82 +163,93 @@ var ComponentAsDefaultImage = function ComponentAsDefaultImage(args) {
   );
 };
 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];
+var ExistingImage = {
+  parameters: {
+    chromatic: {
+      disableSnapshot: true // Disable snapshots for this specific story
+    }
+  },
 
-  // When controlling the previewImage yourself, it's important to handle updating the state
-  var handleChange = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
-      var _e$target;
-      var files, reader;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            // Clear errors
-            setError(undefined);
-            // Turn on loading indicator
-            setIsLoading(true);
+  render: function render() {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    var _useState = (0, _react.useState)('https://picsum.photos/id/1025/200/300'),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      previewImage = _useState2[0],
+      setPreviewImage = _useState2[1];
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    var _useState3 = (0, _react.useState)(null),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      error = _useState4[0],
+      setError = _useState4[1];
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    var _useState5 = (0, _react.useState)(false),
+      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+      isLoading = _useState6[0],
+      setIsLoading = _useState6[1];
 
-            // 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
-    }))
-  );
+    // When controlling the previewImage yourself, it's important to handle updating the state
+    var handleChange = /*#__PURE__*/function () {
+      var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
+        var _e$target;
+        var files, reader;
+        return _regeneratorRuntime().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() {

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

@@ -101,17 +101,23 @@ export var Default = function Default(args) {
     ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(ImageUploadField, args))
   );
 };
-export var CustomDefaultImage = function CustomDefaultImage(args) {
-  return (
-    // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
-    // readers when an overlay opens.
-    ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(ImageUploadField, _extends({}, args, {
+export var CustomDefaultImage = {
+  // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
+  // readers when an overlay opens.
+  parameters: {
+    chromatic: {
+      disableSnapshot: true // Disable snapshots for this specific story
+    }
+  },
+
+  render: function render(args) {
+    return ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(ImageUploadField, _extends({}, args, {
       label: "Upload Image",
       defaultPreviewImage: "https://picsum.photos/id/1056/200/300",
       previewHeight: 150,
       previewWidth: 150
-    })))
-  );
+    })));
+  }
 };
 export var CustomItemText = function CustomItemText(args) {
   return (
@@ -141,82 +147,93 @@ export var ComponentAsDefaultImage = function ComponentAsDefaultImage(args) {
     })))
   );
 };
-export var ExistingImage = function ExistingImage() {
-  var _useState = useState('https://picsum.photos/id/1025/200/300'),
-    _useState2 = _slicedToArray(_useState, 2),
-    previewImage = _useState2[0],
-    setPreviewImage = _useState2[1];
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    error = _useState4[0],
-    setError = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isLoading = _useState6[0],
-    setIsLoading = _useState6[1];
+export var ExistingImage = {
+  parameters: {
+    chromatic: {
+      disableSnapshot: true // Disable snapshots for this specific story
+    }
+  },
 
-  // When controlling the previewImage yourself, it's important to handle updating the state
-  var handleChange = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
-      var _e$target;
-      var files, reader;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            // Clear errors
-            setError(undefined);
-            // Turn on loading indicator
-            setIsLoading(true);
+  render: function render() {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    var _useState = useState('https://picsum.photos/id/1025/200/300'),
+      _useState2 = _slicedToArray(_useState, 2),
+      previewImage = _useState2[0],
+      setPreviewImage = _useState2[1];
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    var _useState3 = useState(null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      error = _useState4[0],
+      setError = _useState4[1];
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isLoading = _useState6[0],
+      setIsLoading = _useState6[1];
 
-            // 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(function (resolve) {
-              return _setTimeout(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.
-    ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(ImageUploadField, {
-      label: "Upload Image",
-      isLoading: isLoading,
-      onChange: handleChange,
-      previewImage: previewImage,
-      previewHeight: 150,
-      previewWidth: 150,
-      status: error ? 'error' : 'default',
-      helperText: error
-    }))
-  );
+    // When controlling the previewImage yourself, it's important to handle updating the state
+    var handleChange = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
+        var _e$target;
+        var files, reader;
+        return _regeneratorRuntime().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(function (resolve) {
+                return _setTimeout(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.
+      ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(ImageUploadField, {
+        label: "Upload Image",
+        isLoading: isLoading,
+        onChange: handleChange,
+        previewImage: previewImage,
+        previewHeight: 150,
+        previewWidth: 150,
+        status: error ? 'error' : 'default',
+        helperText: error
+      }))
+    );
+  }
 };
 export var ErrorOnUpload = function ErrorOnUpload() {
   var _useState7 = useState(true),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.133.0-alpha.1",
+  "version": "2.133.0-alpha.3",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",