@pingux/astro 1.17.0-alpha.0 → 1.17.0-alpha.3

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

@@ -1,176 +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.WithSkeletonLoadTimeout = exports.WithSkeletonLoadSuccess = exports.UpdatingImageSrc = exports.FallbackImage = exports.Disabled = exports.Default = exports.CustomSizeAndRadius = exports.Avatar = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _isChromatic = _interopRequireDefault(require("chromatic/isChromatic"));
-
-var _ = _interopRequireDefault(require("."));
-
-var _imageConstants = require("./imageConstants");
-
-var _htmlElements = require("../../utils/devUtils/constants/htmlElements");
-
-var _index = require("../../index");
-
-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: 'Image',
-  component: _["default"],
-  argTypes: {
-    isDisabled: {},
-    variant: {
-      control: {
-        type: 'none'
-      }
-    },
-    as: {
-      control: {
-        type: 'none',
-        options: _htmlElements.htmlElements
-      },
-      defaultValue: 'img'
-    },
-    src: {
-      control: {
-        type: 'none'
-      },
-      defaultValue: _imageConstants.pingImg
-    }
-  }
-};
-exports["default"] = _default;
-
-var Default = function Default(_ref) {
-  var args = (0, _extends2["default"])({}, _ref);
-  return (0, _react2.jsx)(_["default"], args);
-};
-
-exports.Default = Default;
-
-var Avatar = function Avatar() {
-  return (0, _react2.jsx)(_["default"], {
-    src: _imageConstants.pingImg,
-    variant: "images.avatar"
-  });
-};
-
-exports.Avatar = Avatar;
-
-var CustomSizeAndRadius = function CustomSizeAndRadius() {
-  return (0, _react2.jsx)(_["default"], {
-    src: _imageConstants.chiefIdentityChampions,
-    sx: {
-      width: '70px',
-      height: '70px',
-      borderRadius: 8,
-      bg: 'neutral.90'
-    }
-  });
-};
-
-exports.CustomSizeAndRadius = CustomSizeAndRadius;
-
-var Disabled = function Disabled() {
-  return (0, _react2.jsx)(_["default"], {
-    src: _imageConstants.pingImg,
-    isDisabled: true
-  });
-};
-
-exports.Disabled = Disabled;
-
-var FallbackImage = function FallbackImage() {
-  return (0, _react2.jsx)(_["default"], {
-    fallbackImage: _imageConstants.pingImg,
-    src: "https://deelay.me/7000/https://picsum.photos/150/150",
-    sx: {
-      width: '150px',
-      height: '150px'
-    }
-  });
-};
-
-exports.FallbackImage = FallbackImage;
-
-var WithSkeletonLoadSuccess = function WithSkeletonLoadSuccess(_ref2) {
-  var useLocalSrc = _ref2.useLocalSrc;
-  var imageSrc = useLocalSrc ? _imageConstants.pingImg : 'https://deelay.me/3000/https://picsum.photos/150/150';
-  return (0, _react2.jsx)(_["default"], {
-    src: imageSrc,
-    sx: {
-      width: '150px',
-      height: '150px'
-    }
-  });
-};
-
-exports.WithSkeletonLoadSuccess = WithSkeletonLoadSuccess;
-WithSkeletonLoadSuccess.args = {
-  useLocalSrc: (0, _isChromatic["default"])()
-};
-
-var WithSkeletonLoadTimeout = function WithSkeletonLoadTimeout() {
-  return (0, _react2.jsx)(_["default"], {
-    src: "https://deelay.me/7000/https://picsum.photos/150/150",
-    sx: {
-      width: '150px',
-      height: '150px'
-    }
-  });
-};
-
-exports.WithSkeletonLoadTimeout = WithSkeletonLoadTimeout;
-
-var UpdatingImageSrc = function UpdatingImageSrc() {
-  var _useState = (0, _react.useState)(_imageConstants.chiefIdentityChampions),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      image = _useState2[0],
-      setImage = _useState2[1];
-
-  var handleButtonPress = function handleButtonPress() {
-    var src = image === _imageConstants.pingImg ? _imageConstants.chiefIdentityChampions : _imageConstants.pingImg;
-    setImage(src);
-  };
-
-  return (0, _react2.jsx)(_index.Box, {
-    sx: {
-      width: '200px'
-    }
-  }, (0, _react2.jsx)(_index.Button, {
-    onPress: handleButtonPress
-  }, "Change Image"), (0, _react2.jsx)(_["default"], {
-    src: image,
-    sx: {
-      width: '200px',
-      height: '200px',
-      mt: '25px'
-    }
-  }));
-};
-
-exports.UpdatingImageSrc = UpdatingImageSrc;

package/lib/cjs/components/Image/Image.test.js

@@ -1,199 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
-
-var _testWrapper = require("../../utils/testUtils/testWrapper");
-
-var _ = _interopRequireDefault(require("."));
-
-var _react3 = require("@emotion/react");
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var testSrc = 'test-src';
-var testFallbackSrc = 'test-fallback-src';
-var skeletonImageId = 'skeleton-image';
-var defaultProps = {
-  src: testSrc,
-  fallbackImage: testFallbackSrc
-};
-
-var getComponent = function getComponent() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      _ref$renderFn = _ref.renderFn,
-      renderFn = _ref$renderFn === void 0 ? _testWrapper.render : _ref$renderFn;
-
-  return renderFn((0, _react3.jsx)(_["default"], (0, _extends2["default"])({}, defaultProps, props)));
-}; // Need to be added to each test file to test accessibility using axe.
-
-
-(0, _testAxe["default"])(getComponent);
-var fallbackImageObj = null;
-jest.mock('../../hooks/useFallbackImage', function () {
-  return function (props) {
-    fallbackImageObj = _objectSpread({}, props);
-    return [];
-  };
-});
-test('an image is rendered', function () {
-  getComponent();
-  (0, _react2.act)(function () {
-    fallbackImageObj.onImageLoad();
-  });
-
-  var img = _testWrapper.screen.getByRole('img');
-
-  expect(img).toBeInstanceOf(HTMLImageElement);
-  expect(img).toBeInTheDocument();
-});
-test('an image is rendered with no fallback', function () {
-  getComponent({
-    fallbackImage: null
-  });
-  (0, _react2.act)(function () {
-    fallbackImageObj.onImageLoad();
-  });
-
-  var img = _testWrapper.screen.getByRole('img');
-
-  expect(img).toBeInstanceOf(HTMLImageElement);
-  expect(img).toBeInTheDocument();
-});
-test('image shows disabled status', function () {
-  getComponent({
-    isDisabled: true
-  });
-  (0, _react2.act)(function () {
-    fallbackImageObj.onImageLoad();
-  });
-
-  var img = _testWrapper.screen.getByRole('img');
-
-  expect(img).toHaveClass('is-disabled');
-});
-test('image source is able to be changed', function () {
-  var src2 = 'second-src';
-
-  var _getComponent = getComponent(),
-      rerender = _getComponent.rerender;
-
-  (0, _react2.act)(function () {
-    fallbackImageObj.onImageLoad();
-  });
-  expect(_testWrapper.screen.getByRole('img')).toHaveAttribute('src', testSrc);
-  getComponent({
-    src: src2
-  }, {
-    renderFn: rerender
-  });
-  (0, _react2.act)(function () {
-    fallbackImageObj.onImageLoad();
-  });
-  expect(_testWrapper.screen.getByRole('img')).toHaveAttribute('src', src2);
-});
-describe('test Image component with useFallbackImage hook', function () {
-  test('image component will use src if loaded correctly', function () {
-    getComponent();
-    (0, _react2.act)(function () {
-      fallbackImageObj.onImageLoad();
-    });
-    expect(_testWrapper.screen.getByRole('img')).toHaveAttribute('src', testSrc);
-  });
-  test('image component will use fallbackImg if src loaded with error', function () {
-    getComponent();
-    (0, _react2.act)(function () {
-      fallbackImageObj.onImageError();
-    });
-
-    var img = _testWrapper.screen.getByRole('img');
-
-    expect(img).toHaveAttribute('src', testFallbackSrc);
-  });
-  test('image component will use fallbackImg if src timed out', function () {
-    getComponent();
-    (0, _react2.act)(function () {
-      fallbackImageObj.onFallbackTimeout();
-    });
-
-    var img = _testWrapper.screen.getByRole('img');
-
-    expect(img).toHaveAttribute('src', testFallbackSrc);
-  });
-  test('if image loads after timeout src still be the fallback', function () {
-    getComponent();
-    (0, _react2.act)(function () {
-      fallbackImageObj.onFallbackTimeout();
-      fallbackImageObj.onImageLoad();
-    });
-
-    var img = _testWrapper.screen.getByRole('img');
-
-    expect(img).toHaveAttribute('src', testFallbackSrc);
-  });
-  test('if image loads before timeout src still be the the origin one', function () {
-    getComponent();
-    (0, _react2.act)(function () {
-      fallbackImageObj.onImageLoad();
-      fallbackImageObj.onFallbackTimeout();
-    });
-    expect(_testWrapper.screen.getByRole('img')).toHaveAttribute('src', testSrc);
-  });
-  test('the skeleton loading will appear if no fallback image is given', function () {
-    getComponent({
-      fallbackImage: null
-    });
-    expect(_testWrapper.screen.getByTestId(skeletonImageId)).toBeInTheDocument();
-    (0, _react2.act)(function () {
-      fallbackImageObj.onImageLoad();
-    });
-    expect(_testWrapper.screen.getByRole('img')).toHaveAttribute('src', testSrc);
-  });
-  test('the skeleton will be shown instead of img if no fallback image is given and image load failed', function () {
-    getComponent({
-      fallbackImage: null
-    });
-    (0, _react2.act)(function () {
-      fallbackImageObj.onImageError();
-    });
-    expect(_testWrapper.screen.getByTestId(skeletonImageId)).toBeInTheDocument();
-  });
-  test('the skeleton will be shown instead of img if no fallback image is given and image load timed out', function () {
-    getComponent({
-      fallbackImage: null
-    });
-    (0, _react2.act)(function () {
-      fallbackImageObj.onFallbackTimeout();
-    });
-    expect(_testWrapper.screen.getByTestId(skeletonImageId)).toBeInTheDocument();
-  });
-});

package/lib/cjs/components/Image/imageConstants.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.pingImg = exports.chiefIdentityChampions = void 0;
-var pingImg = 'data:image/png;base64,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';
-exports.pingImg = pingImg;
-var chiefIdentityChampions = 'https://images.pingidentity.com/image/upload/f_auto,q_auto,w_auto,c_scale/ping_dam/content/dam/ping-6-2-assets/images/company/our-company/chief-identity-champions.png';
-exports.chiefIdentityChampions = chiefIdentityChampions;

package/lib/cjs/components/Image/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-_Object$defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _Image["default"];
-  }
-});
-
-var _Image = _interopRequireDefault(require("./Image"));

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

@@ -1,146 +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 _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _ImageFilterHdrIcon = _interopRequireDefault(require("mdi-react/ImageFilterHdrIcon"));
-
-var _CameraAltIcon = _interopRequireDefault(require("mdi-react/CameraAltIcon"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _utils = require("@react-aria/utils");
-
-var _interactions = require("@react-aria/interactions");
-
-var _focus = require("@react-aria/focus");
-
-var _index = require("../../index");
-
-var _Loader = _interopRequireDefault(require("../Loader"));
-
-var _react2 = require("@emotion/react");
-
-var _excluded = ["defaultPreviewImage", "defaultPreviewNode", "isImageType", "isLoading", "loaderSize", "isMenuOpen", "previewImage", "previewWidth", "widthHeightSx"];
-
-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 ImagePreviewButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var defaultPreviewImage = props.defaultPreviewImage,
-      defaultPreviewNode = props.defaultPreviewNode,
-      isImageType = props.isImageType,
-      isLoading = props.isLoading,
-      loaderSize = props.loaderSize,
-      isMenuOpen = props.isMenuOpen,
-      previewImage = props.previewImage,
-      previewWidth = props.previewWidth,
-      widthHeightSx = props.widthHeightSx,
-      others = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var buttonRef = (0, _react.useRef)();
-  /* istanbul ignore next */
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return buttonRef.current;
-  });
-
-  var _useFocusRing = (0, _focus.useFocusRing)(),
-      focusProps = _useFocusRing.focusProps,
-      isFocusVisible = _useFocusRing.isFocusVisible;
-
-  var _useHover = (0, _interactions.useHover)(props),
-      hoverProps = _useHover.hoverProps,
-      isHovered = _useHover.isHovered;
-
-  var noImagePreview = defaultPreviewNode || (0, _react2.jsx)(_index.Icon, {
-    icon: _ImageFilterHdrIcon["default"],
-    color: "neutral.60",
-    size: 24,
-    "data-testid": "image-upload-no-image-preview"
-  });
-  var imagePreview = (0, _react2.jsx)(_index.Image, {
-    src: previewImage,
-    sx: {
-      width: previewWidth,
-      height: 'auto',
-      maxHeight: '100%'
-    },
-    alt: "uploaded file preview",
-    "data-testid": "image-upload-image-preview"
-  });
-  var loadingPreview = (0, _react2.jsx)(_index.Box, {
-    variant: "imageUpload.hoveredPreview.wrapper",
-    sx: widthHeightSx,
-    "data-testid": "image-upload-hovered-preview"
-  }, (0, _react2.jsx)(_Loader["default"], {
-    color: isFocusVisible || isMenuOpen ? 'active' : 'white',
-    size: loaderSize,
-    sx: {
-      zIndex: 1
-    },
-    "data-testid": "image-preview-button__loader"
-  }), (previewImage || previewImage === defaultPreviewImage || !isImageType) && (0, _react2.jsx)(_index.Box, {
-    variant: "imageUpload.hoveredPreview.shaded"
-  }));
-  var hoveredPreview = (0, _react2.jsx)(_index.Box, {
-    variant: "imageUpload.hoveredPreview.wrapper",
-    sx: widthHeightSx,
-    "data-testid": "image-upload-hovered-preview"
-  }, (0, _react2.jsx)(_index.Icon, {
-    icon: _CameraAltIcon["default"],
-    color: isFocusVisible || isMenuOpen ? 'active' : 'white',
-    size: 24,
-    sx: {
-      zIndex: 1
-    }
-  }), (previewImage || previewImage === defaultPreviewImage || !isImageType) && (0, _react2.jsx)(_index.Box, {
-    variant: "imageUpload.hoveredPreview.shaded"
-  }));
-  return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
-    tabindex: 0,
-    sx: widthHeightSx
-  }, hoverProps), (0, _react2.jsx)(_index.Button, (0, _extends2["default"])({
-    ref: buttonRef,
-    variant: "imageUpload",
-    sx: widthHeightSx,
-    "data-testid": "image-preview-button",
-    "aria-label": "Image preview"
-  }, (0, _utils.mergeProps)(focusProps, others)), previewImage && isImageType ? imagePreview : noImagePreview, isLoading && loadingPreview, (isHovered || isFocusVisible) && !isLoading && hoveredPreview));
-});
-ImagePreviewButton.propTypes = {
-  defaultPreviewImage: _propTypes["default"].string,
-  defaultPreviewNode: _propTypes["default"].node,
-  isImageType: _propTypes["default"].bool,
-  isLoading: _propTypes["default"].bool,
-  isMenuOpen: _propTypes["default"].bool,
-  loaderSize: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  previewImage: _propTypes["default"].string,
-  previewWidth: _propTypes["default"].number,
-  widthHeightSx: _propTypes["default"].shape({
-    height: _propTypes["default"].number,
-    width: _propTypes["default"].number
-  })
-};
-ImagePreviewButton.displayName = 'ImagePreviewButton';
-var _default = ImagePreviewButton;
-exports["default"] = _default;