@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/ImageViewer/index.js

@@ -1 +1,215 @@
-import o from"@babel/runtime/helpers/defineProperty";import e from"prop-types";import s from"react-image-lightbox";import t from"@material-ui/icons/SaveAlt";import n from"@material-ui/icons/ArrowBack";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsx as r,jsxs as p}from"react/jsx-runtime";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"react";import"@material-ui/core";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"classnames";import"../../componentsV2/Grid/Grid.scss.js";import"../../componentsV2/Header/Header.scss.js";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import{useIsInsideIsolatedDcApp as i}from"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../../componentsV2/Tooltip/Tooltip.scss.js";import"../../componentsV2/Paper/Paper.js";import"../../componentsV2/Popover/Popover.scss.js";import"../../componentsV2/Radio/Radio.js";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"../../componentsV2/TextInput/TextInput.js";import"lodash";import"../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/Avatar/constants.js";import"../../componentsV2/AvatarGroup/AvatarGroup.scss.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Modal/Modal.scss.js";import"@icon-park/react/es/all";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/Gap.js";import"../../componentsV2/Menu/Menu.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/EmptyState/EmptyState.scss.js";import"../../componentsV2/FileIcon/FileIcon.js";import"react-dropzone";import"../../utils/index.js";import"../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import"../../utils/main.js";import"../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../componentsV2/Stepper/Step/Step.scss.js";import"../../componentsV2/Stepper/Stepper.scss.js";import"../../componentsV2/ButtonLive/ButtonLive.js";import"../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js";import"../../componentsV2/IndicatorLive/IndicatorLive.scss.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/AppFooter/AppFooter.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../utils/env.js";import"../GradientManager/configuration/constants.js";import"../DevCenter/DevCenterAppContainer/components/AppCommons/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.js";import"../../componentsV2/AppHeader/AppHeader.scss.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import c from"./styles.css.js";function m(o,e){var s=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable}))),s.push.apply(s,t)}return s}function a(e){for(var s=1;s<arguments.length;s++){var t=null!=arguments[s]?arguments[s]:{};s%2?m(Object(t),!0).forEach((function(s){o(e,s,t[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))}))}return e}var d=function(o){return r("div",{className:c.cImageViewerToolbar,children:r("button",{type:"button","aria-label":"Close",className:c.cImageViewerToolbarButton,onClick:o.onCloseRequest,children:r(n,{className:c.cImageViewerToolbarIcon,htmlColor:"#fff"})})})},l=function(o){var e=i();return r("div",{className:c.cImageViewer,children:r(s,{mainSrc:o.mainSrc,imagePadding:o.imagePadding,toolbarButtons:[r("button",{"data-testid":"".concat("ImageViewer","_download"),type:"button","aria-label":"Download",className:c.cImageViewerToolbarButton,children:r("a",{href:o.mainSrc,download:"image",target:"_blank",rel:"noopener noreferrer",children:r(t,{className:c.cImageViewerToolbarIcon,htmlColor:"#fff"})})},"Download")],onAfterOpen:o.onAfterOpen,onCloseRequest:o.onCloseRequest,reactModalStyle:{overlay:{zIndex:1500}},reactModalProps:{parentSelector:function(){return e?parent.document.body:document.body},overlayElement:function(o,e){return p("div",a(a({},o),{},{children:[r(d,{onCloseRequest:o.onCloseRequest}),e]}))}},wrapperClassName:c.cImageViewerWrapper})})};l.propTypes={mainSrc:e.string.isRequired,imagePadding:e.number,onAfterOpen:e.func,onCloseRequest:e.func},d.propTypes={onCloseRequest:e.func.isRequired},l.defaultProps={imagePadding:50,onAfterOpen:void 0,onCloseRequest:void 0};export{l as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import PropTypes from 'prop-types';
+import Lightbox from 'react-image-lightbox';
+import DownloadIcon from '@material-ui/icons/SaveAlt';
+import BackIcon from '@material-ui/icons/ArrowBack';
+import '../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
+import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js';
+import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js';
+import '../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import 'react';
+import '@material-ui/core';
+import '../../componentsV2/Text/Text.js';
+import '../../componentsV2/Grid/Grid.js';
+import 'classnames';
+import '../../componentsV2/Grid/Grid.scss.js';
+import '../../componentsV2/Header/Header.scss.js';
+import '../../componentsV2/Button/Button.js';
+import '../../componentsV2/ButtonIcon/ButtonIcon.js';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js';
+import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
+import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
+import 'uuid';
+import '../../componentsV2/Tooltip/Tooltip.scss.js';
+import '../../componentsV2/Paper/Paper.js';
+import '../../componentsV2/Popover/Popover.scss.js';
+import '../../componentsV2/Radio/Radio.js';
+import '../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js';
+import '../../componentsV2/Checkbox/Checkbox.js';
+import '@babel/runtime/helpers/toConsumableArray';
+import '../../componentsV2/TextInput/TextInput.js';
+import 'lodash';
+import '../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js';
+import '../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js';
+import '../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js';
+import '../../componentsV2/TextLink/TextLink.js';
+import '../../componentsV2/Chip/Chip.js';
+import '../../componentsV2/ChipAlert/ChipAlert.js';
+import '../../componentsV2/ChipIndicator/ChipIndicator.js';
+import '../../componentsV2/Avatar/Avatar.js';
+import '../../componentsV2/Avatar/constants.js';
+import '../../componentsV2/AvatarGroup/AvatarGroup.scss.js';
+import '@material-ui/lab';
+import '../../componentsV2/ToggleButtons/ToggleButtons.scss.js';
+import '../../componentsV2/Modal/Modal.scss.js';
+import '@icon-park/react/es/all';
+import '../../icons/IconParkProvider.js';
+import '../../icons/customIcons/icons/AddMessage.js';
+import '../../icons/customIcons/icons/Attention.js';
+import '../../icons/customIcons/icons/Collapse.js';
+import '../../icons/customIcons/icons/Dashboard.js';
+import '../../icons/customIcons/icons/Expand.js';
+import '../../icons/customIcons/icons/FolderClosed.js';
+import '../../icons/customIcons/icons/FolderClosedFilled.js';
+import '../../icons/customIcons/icons/FolderOpened.js';
+import '../../icons/customIcons/icons/GreaterOrEqual.js';
+import '../../icons/customIcons/icons/LessOrEqual.js';
+import '../../icons/customIcons/icons/Search.js';
+import '../../icons/customIcons/icons/Wellhub.js';
+import '../../icons/customIcons/icons/MultiRuler.js';
+import '../../icons/customIcons/icons/Checkbox.js';
+import '../../icons/customIcons/icons/CheckboxChecked.js';
+import '../../icons/customIcons/icons/CheckboxIndeterminate.js';
+import '../../icons/customIcons/icons/Radio.js';
+import '../../icons/customIcons/icons/RadioChecked.js';
+import '../../icons/customIcons/icons/SimulFrac.js';
+import '../../icons/customIcons/icons/ZipperFrac.js';
+import '../../icons/customIcons/icons/CautionFilled.js';
+import '../../icons/customIcons/icons/MoreApp.js';
+import '../../icons/customIcons/icons/Pad.js';
+import '../../icons/customIcons/icons/Gap.js';
+import '../../componentsV2/Menu/Menu.js';
+import '../../componentsV2/Counter/Counter.js';
+import '../../componentsV2/BadgeBase/BadgeBase.scss.js';
+import '../../componentsV2/BadgeDot/BadgeDot.scss.js';
+import '../../componentsV2/LoaderLinear/LoaderLinear.scss.js';
+import '../../componentsV2/LoaderLogo/LoaderLogo.scss.js';
+import '../../componentsV2/Switch/Switch.js';
+import '../../componentsV2/Tabs/Tabs.js';
+import '../../componentsV2/EmptyState/EmptyState.scss.js';
+import '../../componentsV2/FileIcon/FileIcon.js';
+import 'react-dropzone';
+import '../../utils/index.js';
+import '../../componentsV2/FilesDropzone/FilesDropzone.scss.js';
+import '../../componentsV2/FilesLoader/FilesLoader.scss.js';
+import '../../componentsV2/FilesProcessor/FilesProcessor.scss.js';
+import '../../componentsV2/Skeleton/Skeleton.scss.js';
+import '../../utils/main.js';
+import '../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js';
+import '../../componentsV2/Stepper/Step/Step.scss.js';
+import '../../componentsV2/Stepper/Stepper.scss.js';
+import '../../componentsV2/ButtonLive/ButtonLive.js';
+import '../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js';
+import '../../componentsV2/IndicatorLive/IndicatorLive.scss.js';
+import '../../componentsV2/Accordion/Accordion.scss.js';
+import '../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js';
+import '../../componentsV2/BadgeComment/BadgeComment.js';
+import '../../componentsV2/AppContainer/AppContainer.js';
+import '../../componentsV2/AppContainer/AppContainer.constants.js';
+import '../../componentsV2/AppFooter/AppFooter.js';
+import '../../constants/goals.js';
+import '../../constants/segment.js';
+import '../../constants/alerts.js';
+import '../../constants/apps.js';
+import '../../constants/drillstring.js';
+import '../../constants/completion.js';
+import '../../constants/appPackages.js';
+import '../../constants/notifications.js';
+import '../../constants/feed.js';
+import '../../constants/bha.js';
+import '../../utils/env.js';
+import '../GradientManager/configuration/constants.js';
+import '../DevCenter/DevCenterAppContainer/components/AppCommons/AppCommonsContext.js';
+import '../../componentsV2/AppHeader/AppHeader.constants.js';
+import '../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js';
+import '../../componentsV2/AppHeader/AppAssets/AppAssets.js';
+import '../PadModeSelect/PadModeSelect.js';
+import '../../componentsV2/AppHeader/PadMode/PadMode.scss.js';
+import '../../constants/streamSourceType.js';
+import '../../componentsV2/AppHeader/AppHeader.scss.js';
+import '../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js';
+import '../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js';
+import '../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js';
+import styles from './styles.css.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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 source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var PAGE_NAME = 'ImageViewer';
+var Toolbar = function Toolbar(props) {
+  return /*#__PURE__*/jsx("div", {
+    className: styles.cImageViewerToolbar,
+    children: /*#__PURE__*/jsx("button", {
+      type: "button",
+      "aria-label": "Close",
+      className: styles.cImageViewerToolbarButton,
+      onClick: props.onCloseRequest,
+      children: /*#__PURE__*/jsx(BackIcon, {
+        className: styles.cImageViewerToolbarIcon,
+        htmlColor: "#fff"
+      })
+    })
+  });
+};
+var ImageViewer = function ImageViewer(props) {
+  var isInsideDcApp = useIsInsideIsolatedDcApp();
+  var renderToolbarButtons = function renderToolbarButtons() {
+    return [/*#__PURE__*/jsx("button", {
+      "data-testid": "".concat(PAGE_NAME, "_download"),
+      type: "button",
+      "aria-label": "Download",
+      className: styles.cImageViewerToolbarButton,
+      children: /*#__PURE__*/jsx("a", {
+        href: props.mainSrc,
+        download: "image",
+        target: "_blank",
+        rel: "noopener noreferrer",
+        children: /*#__PURE__*/jsx(DownloadIcon, {
+          className: styles.cImageViewerToolbarIcon,
+          htmlColor: "#fff"
+        })
+      })
+    }, "Download")];
+  };
+  return /*#__PURE__*/jsx("div", {
+    className: styles.cImageViewer,
+    children: /*#__PURE__*/jsx(Lightbox, {
+      mainSrc: props.mainSrc,
+      imagePadding: props.imagePadding,
+      toolbarButtons: renderToolbarButtons(),
+      onAfterOpen: props.onAfterOpen,
+      onCloseRequest: props.onCloseRequest,
+      reactModalStyle: {
+        overlay: {
+          zIndex: 1500
+        }
+      },
+      reactModalProps: {
+        // eslint-disable-next-line no-restricted-globals
+        parentSelector: function parentSelector() {
+          return isInsideDcApp ? parent.document.body : document.body;
+        },
+        overlayElement: function overlayElement(props, contentElement) {
+          return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+            children: [/*#__PURE__*/jsx(Toolbar, {
+              onCloseRequest: props.onCloseRequest
+            }), contentElement]
+          }));
+        }
+      },
+      wrapperClassName: styles.cImageViewerWrapper
+    })
+  });
+};
+ImageViewer.propTypes = {
+  mainSrc: PropTypes.string.isRequired,
+  imagePadding: PropTypes.number,
+  onAfterOpen: PropTypes.func,
+  onCloseRequest: PropTypes.func
+};
+Toolbar.propTypes = {
+  onCloseRequest: PropTypes.func.isRequired
+};
+ImageViewer.defaultProps = {
+  imagePadding: 50,
+  onAfterOpen: undefined,
+  onCloseRequest: undefined
+};
+
+export { ImageViewer as default };
+//# sourceMappingURL=index.js.map

package/components/ImageViewer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/ImageViewer/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Lightbox from 'react-image-lightbox';\nimport DownloadIcon from '@material-ui/icons/SaveAlt';\nimport BackIcon from '@material-ui/icons/ArrowBack';\n\nimport { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components';\n\nimport styles from './styles.css';\n\nconst PAGE_NAME = 'ImageViewer';\n\nconst Toolbar = props => (\n  <div className={styles.cImageViewerToolbar}>\n    <button\n      type=\"button\"\n      aria-label=\"Close\"\n      className={styles.cImageViewerToolbarButton}\n      onClick={props.onCloseRequest}\n    >\n      <BackIcon className={styles.cImageViewerToolbarIcon} htmlColor=\"#fff\" />\n    </button>\n  </div>\n);\n\nconst ImageViewer = props => {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n\n  const renderToolbarButtons = () => [\n    <button\n      key=\"Download\"\n      data-testid={`${PAGE_NAME}_download`}\n      type=\"button\"\n      aria-label=\"Download\"\n      className={styles.cImageViewerToolbarButton}\n    >\n      <a href={props.mainSrc} download=\"image\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <DownloadIcon className={styles.cImageViewerToolbarIcon} htmlColor=\"#fff\" />\n      </a>\n    </button>,\n  ];\n\n  return (\n    <div className={styles.cImageViewer}>\n      <Lightbox\n        mainSrc={props.mainSrc}\n        imagePadding={props.imagePadding}\n        toolbarButtons={renderToolbarButtons()}\n        onAfterOpen={props.onAfterOpen}\n        onCloseRequest={props.onCloseRequest}\n        reactModalStyle={{ overlay: { zIndex: 1500 } }}\n        reactModalProps={{\n          // eslint-disable-next-line no-restricted-globals\n          parentSelector: () => (isInsideDcApp ? parent.document.body : document.body),\n          overlayElement: (props, contentElement) => (\n            <div {...props}>\n              <Toolbar onCloseRequest={props.onCloseRequest} />\n              {contentElement}\n            </div>\n          ),\n        }}\n        wrapperClassName={styles.cImageViewerWrapper}\n      />\n    </div>\n  );\n};\n\nImageViewer.propTypes = {\n  mainSrc: PropTypes.string.isRequired,\n  imagePadding: PropTypes.number,\n  onAfterOpen: PropTypes.func,\n  onCloseRequest: PropTypes.func,\n};\n\nToolbar.propTypes = {\n  onCloseRequest: PropTypes.func.isRequired,\n};\n\nImageViewer.defaultProps = {\n  imagePadding: 50,\n  onAfterOpen: undefined,\n  onCloseRequest: undefined,\n};\n\nexport default ImageViewer;\n"],"names":["PAGE_NAME","Toolbar","props","_jsx","styles","cImageViewerToolbar","cImageViewerToolbarButton","onCloseRequest","cImageViewerToolbarIcon","ImageViewer","isInsideDcApp","useIsInsideIsolatedDcApp","renderToolbarButtons","mainSrc","cImageViewer","imagePadding","onAfterOpen","overlay","zIndex","parentSelector","parent","document","body","overlayElement","contentElement","_jsxs","cImageViewerWrapper","propTypes","PropTypes","string","isRequired","number","func","defaultProps","undefined"],"mappings":"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"}

package/components/ImageViewer/styles.css.js

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={cImageViewerToolbarButton:"styles_cImageViewerToolbarButton__RBIx4",cImageViewerToolbarIcon:"styles_cImageViewerToolbarIcon__Xn7Qn",cImageViewerToolbar:"styles_cImageViewerToolbar__U08eA"};e(".styles_cImageViewerToolbarButton__RBIx4{background-color:transparent;border:none;cursor:pointer;padding:0;vertical-align:middle}.styles_cImageViewerToolbarButton__RBIx4:focus{outline:none}.styles_cImageViewerToolbarIcon__Xn7Qn{height:34px!important;opacity:.7;padding:4px 6px;width:42px!important}.styles_cImageViewerToolbarIcon__Xn7Qn:hover{opacity:1}.styles_cImageViewerToolbar__U08eA{color:#fff;left:5px;position:fixed;top:5px;z-index:1501}.ril-toolbar__item .ril-close{display:none}");export{o as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".styles_cImageViewerToolbarButton__RBIx4 {\n  vertical-align: middle;\n  padding: 0;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n}\n\n.styles_cImageViewerToolbarButton__RBIx4:focus {\n  outline: none;\n}\n\n.styles_cImageViewerToolbarIcon__Xn7Qn {\n  width: 42px !important;\n  height: 34px !important;\n  padding: 4px 6px;\n  opacity: 0.7;\n}\n\n.styles_cImageViewerToolbarIcon__Xn7Qn:hover {\n  opacity: 1;\n}\n\n.styles_cImageViewerToolbar__U08eA {\n  top: 5px;\n  left: 5px;\n  color: #fff;\n  position: fixed;\n  z-index: 1501;\n}\n\n/* Hide Lightbox native close button */\n\n.ril-toolbar__item .ril-close {\n  display: none;\n}\n";
+var styles = {"cImageViewerToolbarButton":"styles_cImageViewerToolbarButton__RBIx4","cImageViewerToolbarIcon":"styles_cImageViewerToolbarIcon__Xn7Qn","cImageViewerToolbar":"styles_cImageViewerToolbar__U08eA"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=styles.css.js.map

package/components/InfiniteList/index.js

@@ -1 +1,237 @@
-import e from"@babel/runtime/helpers/toConsumableArray";import r from"@babel/runtime/helpers/asyncToGenerator";import t from"@babel/runtime/helpers/classCallCheck";import o from"@babel/runtime/helpers/createClass";import i from"@babel/runtime/helpers/assertThisInitialized";import n from"@babel/runtime/helpers/inherits";import s from"@babel/runtime/helpers/possibleConstructorReturn";import a from"@babel/runtime/helpers/getPrototypeOf";import l from"@babel/runtime/helpers/defineProperty";import d from"@babel/runtime/regenerator";import{PureComponent as u}from"react";import p from"prop-types";import c from"moment";import h from"classnames";import{get as m,set as f}from"lodash";import y from"react-infinite-scroller";import b from"@material-ui/core/colors/grey";import I from"./styles.css.js";import g from"../LoadingIndicator/LoadingIndicator.js";import{jsx as v,jsxs as L}from"react/jsx-runtime";function T(e){var r=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,o=a(e);if(r){var i=a(this).constructor;t=Reflect.construct(o,arguments,i)}else t=o.apply(this,arguments);return s(this,t)}}var D=b[700],C={newerThan12Hours:"Last 12 hours",olderThan12Hours:"Last 24 hours",olderThan1Days:"Earlier this week",olderThan7Days:"Older than 7 days",olderThan14Days:"Older than 14 days",olderThan30Days:"Older than 30 days"},w=function(s){n(p,u);var a=T(p);function p(e){var o;return t(this,p),o=a.call(this,e),l(i(o),"loadItems",r(d.mark((function e(){return d.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!o.state.isLoadingByScroll){e.next=2;break}return e.abrupt("return");case 2:return o.setState({isLoadingByScroll:!0}),e.next=5,o.props.loadItems();case 5:o.setState({isLoadingByScroll:!1});case 6:case"end":return e.stop()}}),e)})))),o.state={isLoadingByScroll:!1,periodDates:o.periodDates},o.updatePeriodsIntervalId=null,o}return o(p,[{key:"componentDidMount",value:function(){var e=this;this.updatePeriodsIntervalId=setInterval((function(){return e.setState({periodDates:e.periodDates})}),216e5)}},{key:"componentWillUnmount",value:function(){this.updatePeriodsIntervalId&&clearInterval(this.updatePeriodsIntervalId)}},{key:"periodDates",get:function(){return{hoursAgo12:c().subtract(12,"hours"),daysAgo1:c().subtract(1,"days"),daysAgo7:c().subtract(7,"days"),daysAgo14:c().subtract(14,"days"),daysAgo30:c().subtract(30,"days")}}},{key:"renderNoItemsLabel",value:function(){return v("div",{"data-testid":"".concat("generic_infiniteList","_noItems"),className:I.cInfiniteListEmpty,children:this.props.noItemsFoundLabel},"c-infinite-list__empty")}},{key:"renderPeriodSeparator",value:function(e){return v("div",{"data-testid":"".concat("generic_infiniteList","_periodLabel"),className:I.cInfiniteListPeriod,style:{color:D},children:C[e]},e)}},{key:"renderItems",value:function(){var r=this;if(!this.props.divideByPeriods)return this.props.items.map((function(e){return r.props.renderItem(e)})).unshift(this.props.headerComponent);var t=this.state.periodDates,o=t.hoursAgo12,i=t.daysAgo1,n=t.daysAgo7,s=t.daysAgo14,a=t.daysAgo30,l=this.props.items.reduce((function(e,t,l){var d,u=r.props.renderItem(t,l),p=m(t,r.props.pathToCreatedAt),h=c(p);return h>=o?d="newerThan12Hours":h<o&&h>=i?d="olderThan12Hours":h<i&&h>=n?d="olderThan1Days":h<n&&h>=s?d="olderThan7Days":h<s&&h>=a?d="olderThan14Days":h<a&&(d="olderThan30Days"),f(e,[d,e[d].length],u)}),{newerThan12Hours:[],olderThan12Hours:[],olderThan1Days:[],olderThan7Days:[],olderThan14Days:[],olderThan30Days:[]}),d=Object.keys(l).reduce((function(t,o){return 0===l[o].length?t.concat(l[o]):t.concat([r.renderPeriodSeparator(o)].concat(e(l[o])))}),[]);return[this.props.headerComponent].concat(e(d))}},{key:"render",value:function(){return L("div",{className:h(I.cInfiniteList,this.props.infiniteClassName,l({},I.cInfiniteListOverflow,!this.props.useWindow)),style:{height:this.props.infiniteContainerHeight},children:[v(y,{loadMore:this.loadItems,hasMore:this.props.moreItemsMayExist&&!this.props.showNoItemsFound,threshold:this.props.threshold,loader:v(g,{fullscreen:!1},"c-infinite-scroll__loader"),useWindow:this.props.useWindow,initialLoad:this.props.initialLoad,children:this.renderItems()}),this.props.showNoItemsFound&&this.renderNoItemsLabel()]})}}]),p}();w.propTypes={infiniteClassName:p.string,useWindow:p.bool,headerComponent:p.node,items:p.arrayOf(p.shape()).isRequired,showNoItemsFound:p.bool.isRequired,noItemsFoundLabel:p.string.isRequired,infiniteContainerHeight:p.number,moreItemsMayExist:p.bool.isRequired,pathToCreatedAt:p.arrayOf(p.string).isRequired,renderItem:p.func.isRequired,loadItems:p.func.isRequired,threshold:p.number,initialLoad:p.bool,divideByPeriods:p.bool},w.defaultProps={infiniteClassName:null,useWindow:!1,headerComponent:null,infiniteContainerHeight:null,threshold:3e3,initialLoad:!0,divideByPeriods:!0};export{w as default};
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _createClass from '@babel/runtime/helpers/createClass';
+import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';
+import _inherits from '@babel/runtime/helpers/inherits';
+import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
+import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import moment from 'moment';
+import classNames from 'classnames';
+import { get, set } from 'lodash';
+import InfiniteScroll from 'react-infinite-scroller';
+import grey from '@material-ui/core/colors/grey';
+import styles from './styles.css.js';
+import LoadingIndicator from '../LoadingIndicator/LoadingIndicator.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var PAGE_NAME = 'generic_infiniteList';
+var grey700 = grey['700'];
+var INTERVAL_6_HOURS = 6 * 60 * 60 * 1000;
+var PERIOD_LABELS = {
+  newerThan12Hours: 'Last 12 hours',
+  olderThan12Hours: 'Last 24 hours',
+  olderThan1Days: 'Earlier this week',
+  olderThan7Days: 'Older than 7 days',
+  olderThan14Days: 'Older than 14 days',
+  olderThan30Days: 'Older than 30 days'
+};
+var InfiniteList = /*#__PURE__*/function (_PureComponent) {
+  _inherits(InfiniteList, _PureComponent);
+  var _super = _createSuper(InfiniteList);
+  function InfiniteList(props) {
+    var _this;
+    _classCallCheck(this, InfiniteList);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "loadItems", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (!_this.state.isLoadingByScroll) {
+                _context.next = 2;
+                break;
+              }
+              return _context.abrupt("return");
+            case 2:
+              _this.setState({
+                isLoadingByScroll: true
+              });
+              _context.next = 5;
+              return _this.props.loadItems();
+            case 5:
+              _this.setState({
+                isLoadingByScroll: false
+              });
+            case 6:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    })));
+    _this.state = {
+      isLoadingByScroll: false,
+      periodDates: _this.periodDates
+    };
+    _this.updatePeriodsIntervalId = null;
+    return _this;
+  }
+  _createClass(InfiniteList, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      this.updatePeriodsIntervalId = setInterval(function () {
+        return _this2.setState({
+          periodDates: _this2.periodDates
+        });
+      }, INTERVAL_6_HOURS);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.updatePeriodsIntervalId) {
+        clearInterval(this.updatePeriodsIntervalId);
+      }
+    }
+  }, {
+    key: "periodDates",
+    get: function get() {
+      return {
+        hoursAgo12: moment().subtract(12, 'hours'),
+        daysAgo1: moment().subtract(1, 'days'),
+        daysAgo7: moment().subtract(7, 'days'),
+        daysAgo14: moment().subtract(14, 'days'),
+        daysAgo30: moment().subtract(30, 'days')
+      };
+    }
+
+    // NOTE: 'react-infinite-scroller' has a bug that when scroll reaches threshold area, it starts
+    // to fire loadMore on every scroll event - bottom, up. As a result multiple same request fired.
+    //
+    // We fix this preventing request that was fired by scroll before previous is finished.
+    //
+    // Issues:
+    // https://github.com/CassetteRocks/react-infinite-scroller/issues/143
+  }, {
+    key: "renderNoItemsLabel",
+    value: function renderNoItemsLabel() {
+      return /*#__PURE__*/jsx("div", {
+        "data-testid": "".concat(PAGE_NAME, "_noItems"),
+        className: styles.cInfiniteListEmpty,
+        children: this.props.noItemsFoundLabel
+      }, "c-infinite-list__empty");
+    }
+  }, {
+    key: "renderPeriodSeparator",
+    value: function renderPeriodSeparator(periodKey) {
+      return /*#__PURE__*/jsx("div", {
+        "data-testid": "".concat(PAGE_NAME, "_periodLabel"),
+        className: styles.cInfiniteListPeriod,
+        style: {
+          color: grey700
+        },
+        children: PERIOD_LABELS[periodKey]
+      }, periodKey);
+    }
+  }, {
+    key: "renderItems",
+    value: function renderItems() {
+      var _this3 = this;
+      if (!this.props.divideByPeriods) {
+        return this.props.items.map(function (item) {
+          return _this3.props.renderItem(item);
+        }).unshift(this.props.headerComponent);
+      }
+      var _this$state$periodDat = this.state.periodDates,
+        hoursAgo12 = _this$state$periodDat.hoursAgo12,
+        daysAgo1 = _this$state$periodDat.daysAgo1,
+        daysAgo7 = _this$state$periodDat.daysAgo7,
+        daysAgo14 = _this$state$periodDat.daysAgo14,
+        daysAgo30 = _this$state$periodDat.daysAgo30;
+      var itemElsByPeriod = this.props.items.reduce(function (result, item, index) {
+        var periodKey;
+        var itemEl = _this3.props.renderItem(item, index);
+        // NOTE: Backward compatibility for immutable objects in list
+        var pathToCreatedAt = get(item, _this3.props.pathToCreatedAt);
+        var itemAt = moment(pathToCreatedAt);
+        if (itemAt >= hoursAgo12) {
+          periodKey = 'newerThan12Hours';
+        } else if (itemAt < hoursAgo12 && itemAt >= daysAgo1) {
+          periodKey = 'olderThan12Hours';
+        } else if (itemAt < daysAgo1 && itemAt >= daysAgo7) {
+          periodKey = 'olderThan1Days';
+        } else if (itemAt < daysAgo7 && itemAt >= daysAgo14) {
+          periodKey = 'olderThan7Days';
+        } else if (itemAt < daysAgo14 && itemAt >= daysAgo30) {
+          periodKey = 'olderThan14Days';
+        } else if (itemAt < daysAgo30) {
+          periodKey = 'olderThan30Days';
+        }
+        return set(result, [periodKey, result[periodKey].length], itemEl);
+      }, {
+        newerThan12Hours: [],
+        olderThan12Hours: [],
+        olderThan1Days: [],
+        olderThan7Days: [],
+        olderThan14Days: [],
+        olderThan30Days: []
+      });
+      var itemElsWithPeriodEls = Object.keys(itemElsByPeriod).reduce(function (result, periodEls) {
+        if (itemElsByPeriod[periodEls].length === 0) return result.concat(itemElsByPeriod[periodEls]);
+        return result.concat([_this3.renderPeriodSeparator(periodEls)].concat(_toConsumableArray(itemElsByPeriod[periodEls])));
+      }, []);
+      var itemElsWithPeriodElsWithHeaderEl = [this.props.headerComponent].concat(_toConsumableArray(itemElsWithPeriodEls));
+      return itemElsWithPeriodElsWithHeaderEl;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/jsxs("div", {
+        className: classNames(styles.cInfiniteList, this.props.infiniteClassName, _defineProperty({}, styles.cInfiniteListOverflow, !this.props.useWindow)),
+        style: {
+          height: this.props.infiniteContainerHeight
+        },
+        children: [/*#__PURE__*/jsx(InfiniteScroll, {
+          loadMore: this.loadItems,
+          hasMore: this.props.moreItemsMayExist && !this.props.showNoItemsFound,
+          threshold: this.props.threshold // NOTE: We should load infinite scroll next page before user get to bottom
+          ,
+          loader: /*#__PURE__*/jsx(LoadingIndicator, {
+            fullscreen: false
+          }, "c-infinite-scroll__loader"),
+          useWindow: this.props.useWindow,
+          initialLoad: this.props.initialLoad,
+          children: this.renderItems()
+        }), this.props.showNoItemsFound && this.renderNoItemsLabel()]
+      });
+    }
+  }]);
+  return InfiniteList;
+}(PureComponent);
+InfiniteList.propTypes = {
+  infiniteClassName: PropTypes.string,
+  useWindow: PropTypes.bool,
+  headerComponent: PropTypes.node,
+  // NOTE: Backward compatibility with immutable;
+  // Remove when get rid of immutablejs
+  items: PropTypes.arrayOf(PropTypes.shape()).isRequired,
+  showNoItemsFound: PropTypes.bool.isRequired,
+  noItemsFoundLabel: PropTypes.string.isRequired,
+  infiniteContainerHeight: PropTypes.number,
+  moreItemsMayExist: PropTypes.bool.isRequired,
+  pathToCreatedAt: PropTypes.arrayOf(PropTypes.string).isRequired,
+  renderItem: PropTypes.func.isRequired,
+  loadItems: PropTypes.func.isRequired,
+  threshold: PropTypes.number,
+  initialLoad: PropTypes.bool,
+  divideByPeriods: PropTypes.bool
+};
+InfiniteList.defaultProps = {
+  infiniteClassName: null,
+  useWindow: false,
+  headerComponent: null,
+  infiniteContainerHeight: null,
+  threshold: 3000,
+  initialLoad: true,
+  divideByPeriods: true
+};
+
+export { InfiniteList as default };
+//# sourceMappingURL=index.js.map

package/components/InfiniteList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/InfiniteList/index.js"],"sourcesContent":["import { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { get, set } from 'lodash';\nimport InfiniteScroll from 'react-infinite-scroller';\nimport grey from '@material-ui/core/colors/grey';\n\nimport styles from './styles.css';\n\nimport LoadingIndicator from '~components/LoadingIndicator';\n\nconst PAGE_NAME = 'generic_infiniteList';\n\nconst grey700 = grey['700'];\n\nconst INTERVAL_6_HOURS = 6 * 60 * 60 * 1000;\nconst PERIOD_LABELS = {\n  newerThan12Hours: 'Last 12 hours',\n  olderThan12Hours: 'Last 24 hours',\n  olderThan1Days: 'Earlier this week',\n  olderThan7Days: 'Older than 7 days',\n  olderThan14Days: 'Older than 14 days',\n  olderThan30Days: 'Older than 30 days',\n};\n\nclass InfiniteList extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      isLoadingByScroll: false,\n\n      periodDates: this.periodDates,\n    };\n\n    this.updatePeriodsIntervalId = null;\n  }\n\n  componentDidMount() {\n    this.updatePeriodsIntervalId = setInterval(\n      () => this.setState({ periodDates: this.periodDates }),\n      INTERVAL_6_HOURS\n    );\n  }\n\n  componentWillUnmount() {\n    if (this.updatePeriodsIntervalId) {\n      clearInterval(this.updatePeriodsIntervalId);\n    }\n  }\n\n  get periodDates() {\n    return {\n      hoursAgo12: moment().subtract(12, 'hours'),\n      daysAgo1: moment().subtract(1, 'days'),\n      daysAgo7: moment().subtract(7, 'days'),\n      daysAgo14: moment().subtract(14, 'days'),\n      daysAgo30: moment().subtract(30, 'days'),\n    };\n  }\n\n  // NOTE: 'react-infinite-scroller' has a bug that when scroll reaches threshold area, it starts\n  // to fire loadMore on every scroll event - bottom, up. As a result multiple same request fired.\n  //\n  // We fix this preventing request that was fired by scroll before previous is finished.\n  //\n  // Issues:\n  // https://github.com/CassetteRocks/react-infinite-scroller/issues/143\n  loadItems = async () => {\n    if (this.state.isLoadingByScroll) {\n      return;\n    }\n\n    this.setState({ isLoadingByScroll: true });\n\n    await this.props.loadItems();\n\n    this.setState({ isLoadingByScroll: false });\n  };\n\n  renderNoItemsLabel() {\n    return (\n      <div\n        data-testid={`${PAGE_NAME}_noItems`}\n        key=\"c-infinite-list__empty\"\n        className={styles.cInfiniteListEmpty}\n      >\n        {this.props.noItemsFoundLabel}\n      </div>\n    );\n  }\n\n  renderPeriodSeparator(periodKey) {\n    return (\n      <div\n        data-testid={`${PAGE_NAME}_periodLabel`}\n        key={periodKey}\n        className={styles.cInfiniteListPeriod}\n        style={{ color: grey700 }}\n      >\n        {PERIOD_LABELS[periodKey]}\n      </div>\n    );\n  }\n\n  renderItems() {\n    if (!this.props.divideByPeriods) {\n      return this.props.items\n        .map(item => this.props.renderItem(item))\n        .unshift(this.props.headerComponent);\n    }\n\n    const { hoursAgo12, daysAgo1, daysAgo7, daysAgo14, daysAgo30 } = this.state.periodDates;\n\n    const itemElsByPeriod = this.props.items.reduce(\n      (result, item, index) => {\n        let periodKey;\n        const itemEl = this.props.renderItem(item, index);\n        // NOTE: Backward compatibility for immutable objects in list\n        const pathToCreatedAt = get(item, this.props.pathToCreatedAt);\n        const itemAt = moment(pathToCreatedAt);\n\n        if (itemAt >= hoursAgo12) {\n          periodKey = 'newerThan12Hours';\n        } else if (itemAt < hoursAgo12 && itemAt >= daysAgo1) {\n          periodKey = 'olderThan12Hours';\n        } else if (itemAt < daysAgo1 && itemAt >= daysAgo7) {\n          periodKey = 'olderThan1Days';\n        } else if (itemAt < daysAgo7 && itemAt >= daysAgo14) {\n          periodKey = 'olderThan7Days';\n        } else if (itemAt < daysAgo14 && itemAt >= daysAgo30) {\n          periodKey = 'olderThan14Days';\n        } else if (itemAt < daysAgo30) {\n          periodKey = 'olderThan30Days';\n        }\n\n        return set(result, [periodKey, result[periodKey].length], itemEl);\n      },\n      {\n        newerThan12Hours: [],\n        olderThan12Hours: [],\n        olderThan1Days: [],\n        olderThan7Days: [],\n        olderThan14Days: [],\n        olderThan30Days: [],\n      }\n    );\n\n    const itemElsWithPeriodEls = Object.keys(itemElsByPeriod).reduce((result, periodEls) => {\n      if (itemElsByPeriod[periodEls].length === 0) return result.concat(itemElsByPeriod[periodEls]);\n\n      return result.concat([this.renderPeriodSeparator(periodEls), ...itemElsByPeriod[periodEls]]);\n    }, []);\n\n    const itemElsWithPeriodElsWithHeaderEl = [this.props.headerComponent, ...itemElsWithPeriodEls];\n\n    return itemElsWithPeriodElsWithHeaderEl;\n  }\n\n  render() {\n    return (\n      <div\n        className={classNames(styles.cInfiniteList, this.props.infiniteClassName, {\n          [styles.cInfiniteListOverflow]: !this.props.useWindow,\n        })}\n        style={{ height: this.props.infiniteContainerHeight }}\n      >\n        <InfiniteScroll\n          loadMore={this.loadItems}\n          hasMore={this.props.moreItemsMayExist && !this.props.showNoItemsFound}\n          threshold={this.props.threshold} // NOTE: We should load infinite scroll next page before user get to bottom\n          loader={<LoadingIndicator key=\"c-infinite-scroll__loader\" fullscreen={false} />}\n          useWindow={this.props.useWindow}\n          initialLoad={this.props.initialLoad}\n        >\n          {this.renderItems()}\n        </InfiniteScroll>\n\n        {this.props.showNoItemsFound && this.renderNoItemsLabel()}\n      </div>\n    );\n  }\n}\n\nInfiniteList.propTypes = {\n  infiniteClassName: PropTypes.string,\n  useWindow: PropTypes.bool,\n  headerComponent: PropTypes.node,\n  // NOTE: Backward compatibility with immutable;\n  // Remove when get rid of immutablejs\n  items: PropTypes.arrayOf(PropTypes.shape()).isRequired,\n  showNoItemsFound: PropTypes.bool.isRequired,\n  noItemsFoundLabel: PropTypes.string.isRequired,\n  infiniteContainerHeight: PropTypes.number,\n  moreItemsMayExist: PropTypes.bool.isRequired,\n  pathToCreatedAt: PropTypes.arrayOf(PropTypes.string).isRequired,\n  renderItem: PropTypes.func.isRequired,\n  loadItems: PropTypes.func.isRequired,\n  threshold: PropTypes.number,\n  initialLoad: PropTypes.bool,\n  divideByPeriods: PropTypes.bool,\n};\n\nInfiniteList.defaultProps = {\n  infiniteClassName: null,\n  useWindow: false,\n  headerComponent: null,\n  infiniteContainerHeight: null,\n  threshold: 3000,\n  initialLoad: true,\n  divideByPeriods: true,\n};\n\nexport default InfiniteList;\n"],"names":["PAGE_NAME","grey700","grey","INTERVAL_6_HOURS","PERIOD_LABELS","newerThan12Hours","olderThan12Hours","olderThan1Days","olderThan7Days","olderThan14Days","olderThan30Days","InfiniteList","props","state","isLoadingByScroll","setState","loadItems","periodDates","updatePeriodsIntervalId","setInterval","clearInterval","hoursAgo12","moment","subtract","daysAgo1","daysAgo7","daysAgo14","daysAgo30","_jsx","styles","cInfiniteListEmpty","noItemsFoundLabel","periodKey","cInfiniteListPeriod","color","divideByPeriods","items","map","item","renderItem","unshift","headerComponent","itemElsByPeriod","reduce","result","index","itemEl","pathToCreatedAt","get","itemAt","set","length","itemElsWithPeriodEls","Object","keys","periodEls","concat","renderPeriodSeparator","itemElsWithPeriodElsWithHeaderEl","_jsxs","classNames","cInfiniteList","infiniteClassName","cInfiniteListOverflow","useWindow","height","infiniteContainerHeight","moreItemsMayExist","showNoItemsFound","threshold","initialLoad","renderItems","renderNoItemsLabel","PureComponent","propTypes","PropTypes","string","bool","node","arrayOf","shape","isRequired","number","func","defaultProps"],"mappings":"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"}

package/components/KeyboardDateTimePicker.js

@@ -1 +1,62 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useState as t}from"react";import o from"prop-types";import n from"moment";import{KeyboardDateTimePicker as a}from"@material-ui/pickers";import{jsx as i}from"react/jsx-runtime";function m(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function c(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?m(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):m(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var p=["MM/DD/YYYY HH:mm","M/D/YYYY HH:mm","MM/DD/YYYY, HH:mm","M/D/YYYY, HH:mm","MMM DD, YYYY HH:mm","MMM D, YYYY HH:mm","MM/DD/YY HH:mm","M/D/YY HH:mm"],f=new RegExp("[^\\.\\ \\,\\[a-zA-Z0-9_]*$]+","gi"),Y=function(e){var o=e.format,m=e.onChange,Y=e.label,s=e["data-testid"],u=t(o),l=r(u,2),b=l[0],D=l[1],d=t(null),H=r(d,2),y=H[0],M=H[1];return i(a,c(c({rifmFormatter:function(e){return e},refuse:f,inputValue:y},e),{},{"data-testid":"".concat(s,"_").concat(Y),format:b,onChange:function(e,r){var t=n(r,[].concat(p,[o]),!0),a=t.isValid();D((function(e){return a?t.creationData().format:e})),M(r),m(a?t:e,r)}}))};Y.propTypes={onChange:o.func.isRequired,format:o.string,label:o.string,"data-testid":o.string},Y.defaultProps={format:"MM/DD/YYYY HH:mm",label:"Date","data-testid":"KeyboardDateTimePicker"};export{Y as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import PropTypes from 'prop-types';
+import moment from 'moment';
+import { KeyboardDateTimePicker as KeyboardDateTimePicker$1 } from '@material-ui/pickers';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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 source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var DEFAULT_DATE_TIME_FORMAT = 'MM/DD/YYYY HH:mm';
+var SUPPORTED_FORMATS = ['MM/DD/YYYY HH:mm', 'M/D/YYYY HH:mm', 'MM/DD/YYYY, HH:mm', 'M/D/YYYY, HH:mm', 'MMM DD, YYYY HH:mm', 'MMM D, YYYY HH:mm', 'MM/DD/YY HH:mm', 'M/D/YY HH:mm'];
+var REFUSE_REGEXP = new RegExp('[^\\.\\ \\,\\[a-zA-Z0-9_]*$]+', 'gi');
+var KeyboardDateTimePicker = function KeyboardDateTimePicker(props) {
+  var format = props.format,
+    onChange = props.onChange,
+    label = props.label,
+    PAGE_NAME = props['data-testid'];
+  var _useState = useState(format),
+    _useState2 = _slicedToArray(_useState, 2),
+    dynamicFormat = _useState2[0],
+    setDynamicFormat = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    inputValue = _useState4[0],
+    setInputValue = _useState4[1];
+  var dateFormatter = function dateFormatter(str) {
+    return str;
+  };
+  var handleDateChange = function handleDateChange(date, newInputValue) {
+    var momentObj = moment(newInputValue, [].concat(SUPPORTED_FORMATS, [format]), true);
+    var isValidDate = momentObj.isValid();
+    setDynamicFormat(function (prev) {
+      return isValidDate ? momentObj.creationData().format : prev;
+    });
+    setInputValue(newInputValue);
+    onChange(isValidDate ? momentObj : date, newInputValue);
+  };
+  return /*#__PURE__*/jsx(KeyboardDateTimePicker$1, _objectSpread(_objectSpread({
+    rifmFormatter: dateFormatter,
+    refuse: REFUSE_REGEXP,
+    inputValue: inputValue
+  }, props), {}, {
+    "data-testid": "".concat(PAGE_NAME, "_").concat(label),
+    format: dynamicFormat,
+    onChange: handleDateChange
+  }));
+};
+KeyboardDateTimePicker.propTypes = {
+  onChange: PropTypes.func.isRequired,
+  format: PropTypes.string,
+  label: PropTypes.string,
+  'data-testid': PropTypes.string
+};
+KeyboardDateTimePicker.defaultProps = {
+  format: DEFAULT_DATE_TIME_FORMAT,
+  label: 'Date',
+  'data-testid': 'KeyboardDateTimePicker'
+};
+
+export { KeyboardDateTimePicker as default };
+//# sourceMappingURL=KeyboardDateTimePicker.js.map