glints-aries 4.1.0 → 4.1.3

package/lib/Display/Gallery/Gallery.js

@@ -1,109 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.imageSizeMapping = exports["default"] = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _Modal = _interopRequireDefault(require("../../Display/Modal"));
-var _Slider = _interopRequireDefault(require("../../Display/Slider"));
-var _GalleryStyle = require("./GalleryStyle");
-var _imageSizeMapping;
-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 imageGallerySize = ['small', 'regular', 'large'];
-var imageSizeMapping = (_imageSizeMapping = {}, _imageSizeMapping['small'] = '5em', _imageSizeMapping['regular'] = '10em', _imageSizeMapping['large'] = '15em', _imageSizeMapping);
-exports.imageSizeMapping = imageSizeMapping;
-var isValidSize = function isValidSize(str) {
-  return imageGallerySize.includes(str);
-};
-var Gallery = function Gallery(_ref) {
-  var _ref$initialVisibilit = _ref.initialVisibility,
-    initialVisibility = _ref$initialVisibilit === void 0 ? false : _ref$initialVisibilit,
-    children = _ref.children,
-    _ref$imagesDisplayed = _ref.imagesDisplayed,
-    imagesDisplayed = _ref$imagesDisplayed === void 0 ? 8 : _ref$imagesDisplayed,
-    _ref$imageSize = _ref.imageSize,
-    imageSize = _ref$imageSize === void 0 ? imageGallerySize[0] : _ref$imageSize;
-  var sliderRef = React.useRef();
-  var _React$useState = React.useState(initialVisibility),
-    visible = _React$useState[0],
-    setVisible = _React$useState[1];
-  var _React$useState2 = React.useState(0),
-    currentIndex = _React$useState2[0],
-    setCurrentIndex = _React$useState2[1];
-  var _React$useState3 = React.useState(0),
-    imageLeft = _React$useState3[0],
-    setImageLeft = _React$useState3[1];
-  var closeModal = function closeModal() {
-    return setVisible(false);
-  };
-  var handleClick = function handleClick(index) {
-    setVisible(true);
-    setCurrentIndex(index);
-  };
-  var handleClickThumbs = function handleClickThumbs(index) {
-    return setCurrentIndex(index);
-  };
-  var getCurrentIndex = function getCurrentIndex(index) {
-    return setCurrentIndex(index - 1);
-  };
-  React.useEffect(function componentDidMount() {
-    if (React.Children.count(children) > imagesDisplayed) setImageLeft(React.Children.count(children) - imagesDisplayed);
-    // Disabling this warning because we want to preserver some legacy
-    // behaviour here.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  React.useEffect(function autoFocus() {
-    if (visible && sliderRef.current) sliderRef.current.focus();
-  }, [visible]);
-  if (!isValidSize(imageSize)) {
-    console.warn("Size: " + imageSize + " is not of type ImageSize | undefined. \ntype size " + imageGallerySize);
-  }
-  return /*#__PURE__*/React.createElement(_GalleryStyle.GalleryContainer, {
-    className: "aries-gallery"
-  }, /*#__PURE__*/React.createElement(_GalleryStyle.GalleryItemWrapper, {
-    className: "gallery-wrapper",
-    size: imageSize
-  }, React.Children.toArray(children).slice(0, imagesDisplayed).map(function (data, index) {
-    return /*#__PURE__*/React.createElement(_GalleryStyle.GalleryItem, {
-      className: "gallery-item",
-      key: data.props.src + "_" + index,
-      imageLeft: imageLeft,
-      onClick: function onClick() {
-        return handleClick(index);
-      }
-    }, /*#__PURE__*/React.cloneElement(data, {
-      alt: index.toString(10)
-    }));
-  })), /*#__PURE__*/React.createElement(_Modal["default"], {
-    isVisible: visible,
-    onClose: closeModal,
-    hideContentArea: true,
-    removeAnimation: true
-  }, /*#__PURE__*/React.createElement(_Slider["default"], {
-    initialItem: currentIndex + 1,
-    arrowWhite: true,
-    removeDots: true,
-    afterChange: getCurrentIndex,
-    containerRef: sliderRef
-  }, React.Children.map(children, function (data, index) {
-    return /*#__PURE__*/React.createElement(_Slider["default"].Item, {
-      key: data.props.src + "_" + index
-    }, /*#__PURE__*/React.createElement(_GalleryStyle.GalleryImageWrapper, {
-      role: "banner",
-      tabIndex: 0
-    }, data));
-  })), /*#__PURE__*/React.createElement(_GalleryStyle.GalleryThumbnailWrapper, null, React.Children.map(children, function (data, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: data.props.src + "_" + index,
-      onClick: function onClick() {
-        return handleClickThumbs(index);
-      }
-    }, /*#__PURE__*/React.cloneElement(data, {
-      className: index === currentIndex ? 'active' : null,
-      'data-testid': 'gallery_thumbnail'
-    }));
-  }))));
-};
-var _default = Gallery;
-exports["default"] = _default;

package/lib/Display/Gallery/Gallery.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const Interactive: any;
-export declare const ImagesDisplayed: any;

package/lib/Display/Gallery/Gallery.test.d.ts

@@ -1,2 +0,0 @@
-import 'jest-styled-components';
-import '@testing-library/jest-dom/extend-expect';

package/lib/Display/Gallery/GalleryStyle.d.ts

@@ -1,12 +0,0 @@
-import { Size } from './Gallery';
-export declare const GalleryContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const GalleryItemWrapper: import("styled-components").StyledComponent<"div", any, {
-    size?: Size;
-}, never>;
-export declare const GalleryItem: import("styled-components").StyledComponent<"div", any, GalleryItemProps, never>;
-interface GalleryItemProps {
-    imageLeft: number;
-}
-export declare const GalleryImageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const GalleryThumbnailWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export {};

package/lib/Display/Gallery/GalleryStyle.js

@@ -1,46 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.GalleryThumbnailWrapper = exports.GalleryItemWrapper = exports.GalleryItem = exports.GalleryImageWrapper = exports.GalleryContainer = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Colors = require("../../Utils/Colors");
-var _Gallery = require("./Gallery");
-var GalleryContainer = _styledComponents["default"].div.withConfig({
-  displayName: "GalleryStyle__GalleryContainer",
-  componentId: "sc-mrr504-0"
-})(["position:relative;.modal-content{width:95vw;.modal-header{border-bottom:none;}}"]);
-exports.GalleryContainer = GalleryContainer;
-var GalleryItemWrapper = _styledComponents["default"].div.withConfig({
-  displayName: "GalleryStyle__GalleryItemWrapper",
-  componentId: "sc-mrr504-1"
-})(["display:flex;flex-wrap:wrap;img{height:", ";width:", ";object-fit:cover;cursor:pointer;}"], function (_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'small' : _ref$size;
-  return _Gallery.imageSizeMapping[size];
-}, function (_ref2) {
-  var _ref2$size = _ref2.size,
-    size = _ref2$size === void 0 ? 'small' : _ref2$size;
-  return _Gallery.imageSizeMapping[size];
-});
-exports.GalleryItemWrapper = GalleryItemWrapper;
-var GalleryItem = _styledComponents["default"].div.withConfig({
-  displayName: "GalleryStyle__GalleryItem",
-  componentId: "sc-mrr504-2"
-})(["position:relative;margin:5px;", ""], function (_ref3) {
-  var imageLeft = _ref3.imageLeft;
-  if (imageLeft !== 0) {
-    return "\n        &:last-child:after {\n          content: '+" + imageLeft + "';\n          position: absolute;\n          top: 0;\n          left: 0;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          color: #0869C2;\n          height: 100%;\n          width: 100%;\n          font-size: 18px;\n          background: rgba(255, 255, 255, 0.75);\n          cursor: pointer;\n        }\n      ";
-  }
-});
-exports.GalleryItem = GalleryItem;
-var GalleryImageWrapper = _styledComponents["default"].div.withConfig({
-  displayName: "GalleryStyle__GalleryImageWrapper",
-  componentId: "sc-mrr504-3"
-})(["position:relative;display:flex;justify-content:center;align-items:center;img{height:50vh;width:100%;object-fit:contain;}"]);
-exports.GalleryImageWrapper = GalleryImageWrapper;
-var GalleryThumbnailWrapper = _styledComponents["default"].div.withConfig({
-  displayName: "GalleryStyle__GalleryThumbnailWrapper",
-  componentId: "sc-mrr504-4"
-})(["position:relative;display:flex;align-items:center;justify-content:center;img{height:4em;width:4em;object-fit:cover;cursor:pointer;margin:0.3em;&.active{border:1px solid ", ";}}"], _Colors.Greyscale.white);
-exports.GalleryThumbnailWrapper = GalleryThumbnailWrapper;

package/lib/Display/Gallery/index.d.ts

@@ -1,3 +0,0 @@
-import Gallery from './Gallery';
-export { Gallery };
-export default Gallery;

package/lib/Display/Gallery/index.js

@@ -1,9 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = void 0;
-var _Gallery = _interopRequireDefault(require("./Gallery"));
-exports.Gallery = _Gallery["default"];
-var _default = _Gallery["default"];
-exports["default"] = _default;

package/lib/Display/Modal/Modal.d.ts

@@ -1,28 +0,0 @@
-import { HTMLAttributes, FC, ReactNode, ReactElement } from 'react';
-export declare const Modal: FC<Props>;
-export declare type sizeType = 's' | 'm' | 'l' | 'xl';
-export interface Props extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
-    /** Sets title of Modal. */
-    title?: ReactNode;
-    /** Sets the visibility of Modal. */
-    isVisible: boolean;
-    /** Sets to close Modal. */
-    onClose?(): void;
-    /** An array containing 0-2 elements. */
-    footer?: ReactElement[];
-    /** Centering Modal. */
-    centering?: boolean;
-    /** Make modal cover the user viewport */
-    fullscreen?: boolean;
-    /** Removes animation when opening and closing the modal. */
-    removeAnimation?: boolean;
-    /** Sets size of Modal. */
-    size?: sizeType;
-    /** Hides header area. */
-    hideHeader?: boolean;
-    /** Hides content area. */
-    hideContentArea?: boolean;
-    /** Whether to keep the child in the DOM when the modal is close */
-    keepChildrenMountedOnClose?: boolean;
-}
-export default Modal;

package/lib/Display/Modal/Modal.js

@@ -1,169 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.Modal = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _lodash = require("lodash");
-var _bodyScrollLock = require("body-scroll-lock");
-var _components = require("../../General/Icon/components");
-var _DomUtils = require("../../Utils/DomUtils");
-var _utils = require("./utils");
-var _ModalStyle = require("./ModalStyle");
-var _excluded = ["isVisible", "title", "onClose", "children", "className", "hideContentArea", "centering", "fullscreen", "removeAnimation", "footer", "size", "hideHeader", "keepChildrenMountedOnClose"];
-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 Modal = function Modal(_ref) {
-  var isVisible = _ref.isVisible,
-    title = _ref.title,
-    onClose = _ref.onClose,
-    children = _ref.children,
-    className = _ref.className,
-    hideContentArea = _ref.hideContentArea,
-    centering = _ref.centering,
-    fullscreen = _ref.fullscreen,
-    removeAnimation = _ref.removeAnimation,
-    footer = _ref.footer,
-    size = _ref.size,
-    hideHeader = _ref.hideHeader,
-    keepChildrenMountedOnClose = _ref.keepChildrenMountedOnClose,
-    restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
-  var modalContentAreaRef = (0, _react.useRef)(null);
-  var modalContainerRef = (0, _react.useRef)(null);
-  var modalBodyRef = (0, _react.useRef)(null);
-  var modalFooterRef = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)(false),
-    isFooterChildrenInMultiLines = _useState[0],
-    setIsFooterChildrenInMultiLines = _useState[1];
-  var handleClose = _react["default"].useCallback(function () {
-    if (typeof onClose === 'function') {
-      onClose();
-    }
-  }, [onClose]);
-  (0, _react.useLayoutEffect)(function () {
-    var scrollableTarget = centering ? modalBodyRef.current : modalContainerRef.current;
-    if (!scrollableTarget) return;
-
-    /**
-     * this tricks mobile safari into thinking the overlay is scrollable, thus
-     * intercepting the touch event from the body to prevent background scrolling
-     */
-    scrollableTarget.style['-webkit-overflow-scrolling'] = 'touch';
-    if (isVisible) {
-      // On modal open
-      modalContentAreaRef.current.focus();
-      (0, _bodyScrollLock.disableBodyScroll)(scrollableTarget);
-    } else {
-      // On modal close
-      (0, _bodyScrollLock.enableBodyScroll)(scrollableTarget);
-    }
-    return function () {
-      (0, _bodyScrollLock.clearAllBodyScrollLocks)();
-    };
-  }, [isVisible, centering, modalContainerRef]);
-  (0, _react.useEffect)(function () {
-    var escapeKeyEventListener = (0, _DomUtils.escEvent)(function () {
-      if (isVisible) handleClose();
-    });
-    document.addEventListener('keydown', escapeKeyEventListener, false);
-
-    // This function will be called on unmount and _before_ this effect is
-    // re-executed because its dependencies changed. This gives us the chance
-    // to clean up the existing escape key event listener.
-    return function () {
-      return document.removeEventListener('keydown', escapeKeyEventListener, false);
-    };
-  }, [isVisible, handleClose]);
-  (0, _react.useLayoutEffect)(function checkFooterResponsiveStyleOnMountAndOnWindowResize() {
-    var checkIsFooterChildrenInMultiLines = function checkIsFooterChildrenInMultiLines() {
-      var isChildrenInMultiLines = (0, _utils.checkIsChildrenInMultiLines)(modalFooterRef);
-      setIsFooterChildrenInMultiLines(isChildrenInMultiLines);
-    };
-    var debouncedCheckFooter = (0, _lodash.debounce)(checkIsFooterChildrenInMultiLines, 500);
-    debouncedCheckFooter();
-    window.addEventListener('resize', debouncedCheckFooter);
-    return function () {
-      return window.removeEventListener('resize', debouncedCheckFooter);
-    };
-  }, []);
-
-  // To prevent the modal from closing
-  // when a mousedown event occurs inside the ModalContentArea
-  // but the subsequent mouseup event occurs outside
-  var mouseDownTarget = (0, _react.useRef)(null);
-  var handleMouseDown = (0, _react.useCallback)(function (e) {
-    var element = e.target;
-    mouseDownTarget.current = element;
-  }, [mouseDownTarget]);
-  var handleClick = (0, _react.useCallback)(function (e) {
-    var element = e.target;
-    if (mouseDownTarget.current === element) {
-      handleClose();
-    }
-  }, [mouseDownTarget, handleClose]);
-  var shouldMountChildren = isVisible || keepChildrenMountedOnClose;
-  return /*#__PURE__*/_react["default"].createElement(_ModalStyle.ModalContainer, {
-    "data-testid": "modal-container",
-    className: (0, _classnames["default"])('aries-modal', className),
-    centering: centering,
-    isOpen: isVisible,
-    removeAnimation: removeAnimation,
-    onMouseDown: handleMouseDown,
-    onClick: handleClick,
-    ref: modalContainerRef
-  }, /*#__PURE__*/_react["default"].createElement(_ModalStyle.ModalDialog, {
-    className: "modal-dialog"
-  }, /*#__PURE__*/_react["default"].createElement(_ModalStyle.ModalContentArea, (0, _extends2["default"])({
-    className: "modal-content",
-    "data-testid": "dialog",
-    role: "dialog",
-    "aria-modal": "true",
-    hideContentArea: hideContentArea,
-    centering: centering,
-    fullscreen: fullscreen,
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    },
-    tabIndex: 0,
-    isOpen: isVisible,
-    removeAnimation: removeAnimation,
-    size: size,
-    ref: modalContentAreaRef
-  }, restProps), !hideHeader && /*#__PURE__*/_react["default"].createElement(_ModalStyle.ModalHeader, {
-    className: "modal-header"
-  }, /*#__PURE__*/_react["default"].createElement("h3", null, title), /*#__PURE__*/_react["default"].createElement("button", {
-    "aria-label": "Close button",
-    "data-testid": "close-button",
-    type: "button",
-    onClick: handleClose
-  }, /*#__PURE__*/_react["default"].createElement(_components.CloseIcon, {
-    color: hideContentArea ? 'white' : 'grey'
-  }))), /*#__PURE__*/_react["default"].createElement(_ModalStyle.ModalBody, {
-    className: "modal-body",
-    hideContentArea: hideContentArea,
-    centering: centering,
-    ref: modalBodyRef
-  }, shouldMountChildren && children), footer !== undefined && /*#__PURE__*/_react["default"].createElement(_ModalStyle.ModalFooter, {
-    ref: modalFooterRef,
-    className: "modal-footer",
-    isChildrenInMultiLines: isFooterChildrenInMultiLines
-  }, footer))));
-};
-exports.Modal = Modal;
-Modal.defaultProps = {
-  onClose: function onClose() {
-    return undefined;
-  },
-  size: 'm',
-  hideContentArea: false,
-  hideHeader: false,
-  removeAnimation: false,
-  centering: false,
-  fullscreen: false,
-  keepChildrenMountedOnClose: false
-};
-var _default = Modal;
-exports["default"] = _default;

package/lib/Display/Modal/Modal.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const Interactive: any;
-export declare const ScreenCentered: any;
-export declare const FullScreen: any;
-export declare const ScreenCenteredWithALotOfContent: any;
-export declare const FooterResponsiveness: any;

package/lib/Display/Modal/Modal.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';

package/lib/Display/Modal/ModalStyle.d.ts

@@ -1,20 +0,0 @@
-import { Props } from './Modal';
-export declare const SIZES: {
-    [s: string]: number;
-};
-interface InnerProps extends Omit<Props, 'isVisible'> {
-    isOpen: boolean;
-}
-export declare const ModalContainer: import("styled-components").StyledComponent<"div", any, InnerProps, never>;
-export declare const ModalDialog: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ModalHeader: import("styled-components").StyledComponent<"header", any, {}, never>;
-export declare const ModalBody: import("styled-components").StyledComponent<"section", any, ModalBodyProps, never>;
-interface ModalBodyProps {
-    hideContentArea: boolean;
-    centering: boolean;
-}
-export declare const ModalFooter: import("styled-components").StyledComponent<"footer", any, {
-    isChildrenInMultiLines: boolean;
-}, never>;
-export declare const ModalContentArea: import("styled-components").StyledComponent<"div", any, InnerProps, never>;
-export {};

package/lib/Display/Modal/ModalStyle.js

@@ -1,108 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.SIZES = exports.ModalHeader = exports.ModalFooter = exports.ModalDialog = exports.ModalContentArea = exports.ModalContainer = exports.ModalBody = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _StyleConfig = require("../../Utils/StyleConfig");
-var _Colors = require("../../Utils/Colors");
-var SIZES = {
-  s: 300,
-  m: 500,
-  l: 800,
-  xl: 920,
-  "default": 500
-};
-exports.SIZES = SIZES;
-var ModalContainer = _styledComponents["default"].div.withConfig({
-  displayName: "ModalStyle__ModalContainer",
-  componentId: "sc-bg1vyz-0"
-})(["visibility:", ";position:fixed;display:flex;justify-content:center;align-items:", ";top:0;right:0;bottom:0;left:0;z-index:1001;background:rgba(0,0,0,0.65);overflow:auto;", ""], function (_ref) {
-  var isOpen = _ref.isOpen;
-  return isOpen ? 'visible' : 'hidden';
-}, function (_ref2) {
-  var centering = _ref2.centering;
-  return centering && 'center';
-}, function (_ref3) {
-  var removeAnimation = _ref3.removeAnimation,
-    isOpen = _ref3.isOpen;
-  if (!removeAnimation) {
-    return "\n        opacity: " + (isOpen ? '1' : '0') + ";\n        transform: " + (isOpen ? 'scale(1)' : 'scale(0.98)') + ";\n        transform-origin: center;\n        transition: " + (isOpen ? 'all .2s ease-in' : 'all .15s ease-out') + ";\n      ";
-  }
-});
-exports.ModalContainer = ModalContainer;
-var ModalDialog = _styledComponents["default"].div.withConfig({
-  displayName: "ModalStyle__ModalDialog",
-  componentId: "sc-bg1vyz-1"
-})(["position:relative;"]);
-exports.ModalDialog = ModalDialog;
-var ModalHeader = _styledComponents["default"].header.withConfig({
-  displayName: "ModalStyle__ModalHeader",
-  componentId: "sc-bg1vyz-2"
-})(["display:flex;justify-content:space-between;align-items:center;align-content:center;font-size:1.6em;border-bottom:1px solid ", ";padding:16px;h3{font-size:0.8em;text-transform:uppercase;margin:0;margin-right:36px;}button{display:flex;background:transparent;border:none;cursor:pointer;padding:0;width:15px;}"], _Colors.Greyscale.lightgrey);
-exports.ModalHeader = ModalHeader;
-var ModalBody = _styledComponents["default"].section.withConfig({
-  displayName: "ModalStyle__ModalBody",
-  componentId: "sc-bg1vyz-3"
-})(["position:relative;", " padding:", ";@media ", "{padding:", ";}"], function (_ref4) {
-  var centering = _ref4.centering;
-  if (centering) {
-    return "\n        max-height: 300px;\n        overflow: auto;\n      ";
-  }
-}, function (_ref5) {
-  var hideContentArea = _ref5.hideContentArea;
-  return hideContentArea ? '0' : '20px 30px';
-}, _StyleConfig.Device.mobileM, function (_ref6) {
-  var hideContentArea = _ref6.hideContentArea;
-  return hideContentArea ? '0' : '20px 16px';
-});
-exports.ModalBody = ModalBody;
-var ModalFooter = _styledComponents["default"].footer.withConfig({
-  displayName: "ModalStyle__ModalFooter",
-  componentId: "sc-bg1vyz-4"
-})(["position:relative;display:flex;flex-direction:row;flex-wrap:wrap;padding:16px 30px;justify-content:flex-end;border-top:1px solid ", ";@media ", "{padding:16px;}", ""], _Colors.Greyscale.lightgrey, _StyleConfig.Device.mobileM, function (_ref7) {
-  var isChildrenInMultiLines = _ref7.isChildrenInMultiLines;
-  if (isChildrenInMultiLines) {
-    return "\n        flex-direction: column-reverse;\n\n        > * {\n          flex-grow: 1;\n\n          &:nth-child(2) {\n            margin-bottom: 10px; \n          }\n\n          button {\n            width: 100%;\n          }\n        }\n      ";
-  }
-  return "\n      > *:nth-child(2) {\n        margin-left: 10px;\n      }\n    ";
-});
-exports.ModalFooter = ModalFooter;
-var ModalContentArea = _styledComponents["default"].div.withConfig({
-  displayName: "ModalStyle__ModalContentArea",
-  componentId: "sc-bg1vyz-5"
-})(["position:relative;background:", ";margin:120px auto;max-width:95vw;outline:none;", " ", " ", " @media ", "{width:95vw;}", ""], function (_ref8) {
-  var hideContentArea = _ref8.hideContentArea;
-  return hideContentArea ? 'transparent' : "" + _Colors.Greyscale.white;
-}, function (_ref9) {
-  var size = _ref9.size;
-  switch (size) {
-    case 's':
-      return "\n          width: " + SIZES.s + "px;\n        ";
-    case 'm':
-      return "\n          width: " + SIZES.m + "px;\n        ";
-    case 'l':
-      return "\n          width: " + SIZES.l + "px;\n        ";
-    case 'xl':
-      return "\n          width: " + SIZES.xl + "px;\n        ";
-    default:
-      return "\n          width: " + SIZES["default"] + "px;\n        ";
-  }
-}, function (_ref10) {
-  var centering = _ref10.centering;
-  if (centering) {
-    return "\n        display: flex;\n        flex-direction: column;\n        max-height: 85vh;\n      ";
-  }
-}, function (_ref11) {
-  var fullscreen = _ref11.fullscreen;
-  if (fullscreen) {
-    return "\n        display: flex;\n        flex-direction: column;\n        max-width: none;\n        max-height: none;\n        min-width: 100vw;\n        min-height: 100vh;\n        margin: 0;\n\n        " + ModalBody + " {\n          overflow: auto;\n        }\n\n        " + ModalFooter + " {\n          margin-top: auto;\n        }\n      ";
-  }
-}, _StyleConfig.Device.mobileM, function (_ref12) {
-  var removeAnimation = _ref12.removeAnimation,
-    isOpen = _ref12.isOpen;
-  if (!removeAnimation) {
-    return "\n        opacity: " + (isOpen ? '1' : '0') + ";\n        transform: " + (isOpen ? 'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)' : 'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 30, 0, 1)') + ";\n        transition: " + (isOpen ? 'all .25s ease-in' : 'all .25s ease-out') + ";\n      ";
-  }
-});
-exports.ModalContentArea = ModalContentArea;

package/lib/Display/Modal/index.d.ts

@@ -1,2 +0,0 @@
-import Modal from './Modal';
-export default Modal;

package/lib/Display/Modal/index.js

@@ -1,8 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = void 0;
-var _Modal = _interopRequireDefault(require("./Modal"));
-var _default = _Modal["default"];
-exports["default"] = _default;

package/lib/Display/Modal/utils.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const checkIsChildrenInMultiLines: (ref: React.RefObject<HTMLDivElement>) => boolean;

package/lib/Display/Modal/utils.js

@@ -1,22 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.checkIsChildrenInMultiLines = void 0;
-/*
- * This hook is used to detect if element's children are displayed in multi-lines.
- * Currently, we use it to detect ModalFooter's buttons with "flex-wrap: wrap"
- * to responsively change style.
- */
-var checkIsChildrenInMultiLines = function checkIsChildrenInMultiLines(ref) {
-  if (!ref.current) {
-    return false;
-  }
-  var childNodes = ref.current.childNodes;
-  if (childNodes.length < 2) {
-    return false;
-  }
-  var firstElement = childNodes[0];
-  var secondElement = childNodes[1];
-  return firstElement.offsetTop !== secondElement.offsetTop;
-};
-exports.checkIsChildrenInMultiLines = checkIsChildrenInMultiLines;

package/lib/Display/PointingModal/PointingModal.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { PointingModalContainer } from './PointingModalStyle';
-import PointingModalHeader from './PointingModalHeader';
-import PointingModalBody from './PointingModalBody';
-import PointingModalItem from './PointingModalItem';
-import PointingModalFooter from './PointingModalFooter';
-declare const PointingModal: PointingModal;
-declare type PointingModal = React.FunctionComponent<Props> & {
-    Header: typeof PointingModalHeader;
-    Body: typeof PointingModalBody;
-    Item: typeof PointingModalItem;
-    Footer: typeof PointingModalFooter;
-};
-export declare type Props = React.ComponentPropsWithoutRef<typeof PointingModalContainer> & {
-    children: React.ReactNode;
-};
-export default PointingModal;

package/lib/Display/PointingModal/PointingModal.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _PointingModalStyle = require("./PointingModalStyle");
-var _PointingModalHeader = _interopRequireDefault(require("./PointingModalHeader"));
-var _PointingModalBody = _interopRequireDefault(require("./PointingModalBody"));
-var _PointingModalItem = _interopRequireDefault(require("./PointingModalItem"));
-var _PointingModalFooter = _interopRequireDefault(require("./PointingModalFooter"));
-var _excluded = ["children", "className"];
-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 PointingModal = function PointingModal(props) {
-  var children = props.children,
-    className = props.className,
-    defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
-  return /*#__PURE__*/React.createElement(_PointingModalStyle.PointingModalContainer, (0, _extends2["default"])({
-    className: (0, _classnames["default"])('aries-pointingmodal', className),
-    role: "dialog",
-    "aria-modal": "true"
-  }, defaultProps), /*#__PURE__*/React.createElement(_PointingModalStyle.PointingModalHeaderArrow, {
-    role: "presentation"
-  }), children);
-};
-PointingModal.Header = _PointingModalHeader["default"];
-PointingModal.Header.displayName = 'PointingModal.Header';
-PointingModal.Body = _PointingModalBody["default"];
-PointingModal.Body.displayName = 'PointingModal.Body';
-PointingModal.Item = _PointingModalItem["default"];
-PointingModal.Item.displayName = 'PointingModal.Item';
-PointingModal.Footer = _PointingModalFooter["default"];
-PointingModal.Footer.displayName = 'PointingModal.Footer';
-var _default = PointingModal;
-exports["default"] = _default;

package/lib/Display/PointingModal/PointingModal.stories.d.ts

@@ -1,4 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const Interactive: any;

package/lib/Display/PointingModal/PointingModal.test.d.ts

@@ -1 +0,0 @@
-import 'jest-styled-components';