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

package/components/Modal/CorvaModal.js

@@ -1 +1,121 @@
-import{__rest as o,__assign as s}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t,jsxs as i}from"react/jsx-runtime";import n from"classnames";import{noop as c}from"lodash";import{Modal as e}from"@material-ui/core";import{CloseSmallIcon as a}from"../../icons/iconParkIcons.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{isMobileDetected as m,isNativeDetected as r}from"../../utils/mobileDetect.js";import l from"../IconButton/index.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{CLASSNAMES as p}from"../../constants/classNames.js";import d from"./CorvaModal.css.js";var j={filters:"Filters",settings:"Settings"};function u(u){var C,I=u.actions,N=u.actionsClassName,h=u.children,f=u.contentClassName,v=u.contentContainerClassName,b=u.isCloseIconHidden,M=void 0!==b&&b,k=u.isMobile,F=void 0===k?m:k,g=u.isNative,x=void 0===g?r:g,A=u.modalTitleClassName,R=u.closeIconClassName,y=u.onClose,P=void 0===y?c:y,z=u.open,E=u.rootClassName,G=u.size,O=u.stickyFooterClassName,S=u.title,T=u.type,q=u.contentRef,B=u["data-testid"],D=void 0===B?"CorvaModal":B,H=o(u,["actions","actionsClassName","children","contentClassName","contentContainerClassName","isCloseIconHidden","isMobile","isNative","modalTitleClassName","closeIconClassName","onClose","open","rootClassName","size","stickyFooterClassName","title","type","contentRef","data-testid"]),W=x||F,_=S||j[T];return t(e,s({open:z,onClose:P,className:n(!W&&"c-modal",d.modalWrapper,E,p.modal)},H,{children:i("div",{className:n((C={},C[d.modalContainer]=!0,C[d.modalContainerMobile]=W,C[d[G]]=!0,C[v]=!0,C)),children:[_&&i("div",{className:n(d.title,W&&d.titleMobile,A),children:[t("div",{className:n(d.titleText),children:_}),(!M||T)&&t(l,{className:R,tooltipProps:{title:"Close"},onClick:P,"data-testid":"".concat(D,"_closeButton"),children:t(a,{size:24})})]}),h&&t("div",{ref:q,className:n(d.modalContent,W&&d.modalContentMobile,f),children:h}),I&&t("div",{className:n(d.modalActions,W&&d.modalActionsMobile,O,N),children:I})]})}))}export{u as CorvaModal};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import classNames from 'classnames';
+import { noop } from 'lodash';
+import { Modal } from '@material-ui/core';
+import { CloseSmallIcon } from '../../icons/iconParkIcons.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 { isMobileDetected, isNativeDetected } from '../../utils/mobileDetect.js';
+import IconButton from '../IconButton/index.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 { CLASSNAMES } from '../../constants/classNames.js';
+import styles from './CorvaModal.css.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var _excluded = ["actions", "actionsClassName", "children", "contentClassName", "contentContainerClassName", "isCloseIconHidden", "isMobile", "isNative", "modalTitleClassName", "closeIconClassName", "onClose", "open", "rootClassName", "size", "stickyFooterClassName", "title", "type", "contentRef", "data-testid"];
+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_TITLES = {
+  filters: 'Filters',
+  settings: 'Settings'
+};
+function CorvaModal(_ref) {
+  var _classNames;
+  var actions = _ref.actions,
+    actionsClassName = _ref.actionsClassName,
+    children = _ref.children,
+    contentClassName = _ref.contentClassName,
+    contentContainerClassName = _ref.contentContainerClassName,
+    _ref$isCloseIconHidde = _ref.isCloseIconHidden,
+    isCloseIconHidden = _ref$isCloseIconHidde === void 0 ? false : _ref$isCloseIconHidde,
+    _ref$isMobile = _ref.isMobile,
+    isMobile = _ref$isMobile === void 0 ? isMobileDetected : _ref$isMobile,
+    _ref$isNative = _ref.isNative,
+    isNative = _ref$isNative === void 0 ? isNativeDetected : _ref$isNative,
+    modalTitleClassName = _ref.modalTitleClassName,
+    closeIconClassName = _ref.closeIconClassName,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? noop : _ref$onClose,
+    open = _ref.open,
+    rootClassName = _ref.rootClassName,
+    size = _ref.size,
+    stickyFooterClassName = _ref.stickyFooterClassName,
+    title = _ref.title,
+    type = _ref.type,
+    contentRef = _ref.contentRef,
+    _ref$dataTestid = _ref['data-testid'],
+    PAGE_NAME = _ref$dataTestid === void 0 ? 'CorvaModal' : _ref$dataTestid,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var isMobileOrNative = isNative || isMobile;
+  var modalTitle = title || DEFAULT_TITLES[type];
+  return /*#__PURE__*/jsx(Modal, _objectSpread(_objectSpread({
+    open: open,
+    onClose: onClose,
+    className: classNames(!isMobileOrNative && 'c-modal', styles.modalWrapper, rootClassName, CLASSNAMES.modal)
+  }, otherProps), {}, {
+    children: /*#__PURE__*/jsxs("div", {
+      className: classNames((_classNames = {}, _defineProperty(_classNames, styles.modalContainer, true), _defineProperty(_classNames, styles.modalContainerMobile, isMobileOrNative), _defineProperty(_classNames, styles[size], true), _defineProperty(_classNames, contentContainerClassName, true), _classNames)),
+      children: [modalTitle && /*#__PURE__*/jsxs("div", {
+        className: classNames(styles.title, isMobileOrNative && styles.titleMobile, modalTitleClassName),
+        children: [/*#__PURE__*/jsx("div", {
+          className: classNames(styles.titleText),
+          children: modalTitle
+        }), (!isCloseIconHidden || type) && /*#__PURE__*/jsx(IconButton, {
+          className: closeIconClassName,
+          tooltipProps: {
+            title: 'Close'
+          },
+          onClick: onClose,
+          "data-testid": "".concat(PAGE_NAME, "_closeButton"),
+          children: /*#__PURE__*/jsx(CloseSmallIcon, {
+            size: 24
+          })
+        })]
+      }), children && /*#__PURE__*/jsx("div", {
+        ref: contentRef,
+        className: classNames(styles.modalContent, isMobileOrNative && styles.modalContentMobile, contentClassName),
+        children: children
+      }), actions && /*#__PURE__*/jsx("div", {
+        className: classNames(styles.modalActions, isMobileOrNative && styles.modalActionsMobile, stickyFooterClassName, actionsClassName),
+        children: actions
+      })]
+    })
+  }));
+}
+
+export { CorvaModal };
+//# sourceMappingURL=CorvaModal.js.map

package/components/Modal/CorvaModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CorvaModal.js","sources":["../../../src/components/Modal/CorvaModal.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { noop } from 'lodash';\nimport { Modal as MUIModal } from '@material-ui/core';\n\nimport { CloseSmallIcon } from '~/icons';\nimport { isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\nimport { ModalProps } from '~/components/Modal/types';\nimport IconButton from '~/components/IconButton';\nimport { CLASSNAMES } from '~/constants';\n\nimport styles from './CorvaModal.css';\n\nconst DEFAULT_TITLES = {\n  filters: 'Filters',\n  settings: 'Settings',\n};\n\nexport function CorvaModal({\n  actions,\n  actionsClassName,\n  children,\n  contentClassName,\n  contentContainerClassName,\n  isCloseIconHidden = false,\n  isMobile = isMobileDetected,\n  isNative = isNativeDetected,\n  modalTitleClassName,\n  closeIconClassName,\n  onClose = noop,\n  open,\n  rootClassName,\n  size,\n  stickyFooterClassName,\n  title,\n  type,\n  contentRef,\n  'data-testid': PAGE_NAME = 'CorvaModal',\n  ...otherProps\n}: ModalProps): JSX.Element {\n  const isMobileOrNative = isNative || isMobile;\n  const modalTitle = title || DEFAULT_TITLES[type];\n\n  return (\n    <MUIModal\n      open={open}\n      onClose={onClose}\n      className={classNames(\n        !isMobileOrNative && 'c-modal',\n        styles.modalWrapper,\n        rootClassName,\n        CLASSNAMES.modal\n      )}\n      {...otherProps}\n    >\n      <div\n        className={classNames({\n          [styles.modalContainer]: true,\n          [styles.modalContainerMobile]: isMobileOrNative,\n          [styles[size]]: true,\n          [contentContainerClassName]: true,\n        })}\n      >\n        {modalTitle && (\n          <div\n            className={classNames(\n              styles.title,\n              isMobileOrNative && styles.titleMobile,\n              modalTitleClassName\n            )}\n          >\n            <div className={classNames(styles.titleText)}>{modalTitle}</div>\n            {(!isCloseIconHidden || type) && (\n              <IconButton\n                className={closeIconClassName}\n                tooltipProps={{ title: 'Close' }}\n                onClick={onClose}\n                data-testid={`${PAGE_NAME}_closeButton`}\n              >\n                <CloseSmallIcon size={24} />\n              </IconButton>\n            )}\n          </div>\n        )}\n\n        {children && (\n          <div\n            ref={contentRef}\n            className={classNames(\n              styles.modalContent,\n              isMobileOrNative && styles.modalContentMobile,\n              contentClassName\n            )}\n          >\n            {children}\n          </div>\n        )}\n\n        {actions && (\n          <div\n            className={classNames(\n              styles.modalActions,\n              isMobileOrNative && styles.modalActionsMobile,\n              stickyFooterClassName,\n              actionsClassName\n            )}\n          >\n            {actions}\n          </div>\n        )}\n      </div>\n    </MUIModal>\n  );\n}\n"],"names":["DEFAULT_TITLES","filters","settings","CorvaModal","actions","actionsClassName","children","contentClassName","contentContainerClassName","isCloseIconHidden","isMobile","isMobileDetected","isNative","isNativeDetected","modalTitleClassName","closeIconClassName","onClose","noop","open","rootClassName","size","stickyFooterClassName","title","type","contentRef","PAGE_NAME","otherProps","isMobileOrNative","modalTitle","_jsx","MUIModal","classNames","styles","modalWrapper","CLASSNAMES","modal","_jsxs","modalContainer","modalContainerMobile","titleMobile","titleText","modalContent","modalContentMobile","modalActions","modalActionsMobile"],"mappings":"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"}

package/components/Modal/DcCorvaModal.js

@@ -1 +1,27 @@
-import{__rest as e,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o}from"react/jsx-runtime";import{useDelayedDcFullscreenElemOpen as n}from"../../effects/useDelayedDcFullscreenElemOpen.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import{IsInsideDcFullscreenElemProvider as s}from"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{CorvaModal as t}from"./CorvaModal.js";function i(i){var l=i.open,m=e(i,["open"]),p=n({isOpen:l}).delayedIsOpen;return o(s,{children:o(t,r({open:p},m))})}export{i as DcCorvaModal};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen.js';
+import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
+import { IsInsideDcFullscreenElemProvider } from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
+import { CorvaModal } from './CorvaModal.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["open"];
+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; }
+function DcCorvaModal(_ref) {
+  var openProp = _ref.open,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useDelayedDcFullscre = useDelayedDcFullscreenElemOpen({
+      isOpen: openProp
+    }),
+    delayedIsOpen = _useDelayedDcFullscre.delayedIsOpen;
+  return /*#__PURE__*/jsx(IsInsideDcFullscreenElemProvider, {
+    children: /*#__PURE__*/jsx(CorvaModal, _objectSpread({
+      open: delayedIsOpen
+    }, otherProps))
+  });
+}
+
+export { DcCorvaModal };
+//# sourceMappingURL=DcCorvaModal.js.map

package/components/Modal/DcCorvaModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DcCorvaModal.js","sources":["../../../src/components/Modal/DcCorvaModal.tsx"],"sourcesContent":["import { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen';\nimport { IsInsideDcFullscreenElemProvider } from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider';\n\nimport { CorvaModal } from './CorvaModal';\nimport { ModalProps } from './types';\n\nexport function DcCorvaModal({ open: openProp, ...otherProps }: ModalProps): JSX.Element {\n  const { delayedIsOpen } = useDelayedDcFullscreenElemOpen({ isOpen: openProp });\n\n  return (\n    <IsInsideDcFullscreenElemProvider>\n      <CorvaModal open={delayedIsOpen} {...otherProps} />\n    </IsInsideDcFullscreenElemProvider>\n  );\n}\n"],"names":["DcCorvaModal","openProp","open","otherProps","useDelayedDcFullscreenElemOpen","isOpen","delayedIsOpen","_jsx"],"mappings":";;;;;;;;;;;AAMO,SAASA,YAAY,CAA6D,IAAA,EAAA;EAAA,IAApDC,QAAQ,QAAdC,IAAI;IAAeC,UAAU,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAC1D,EAAA,IAAA,qBAAA,GAA0BC,8BAA8B,CAAC;AAAEC,MAAAA,MAAM,EAAEJ,QAAAA;AAAS,KAAC,CAAC;AAAtEK,IAAAA,aAAa,yBAAbA,aAAa,CAAA;AAErB,EAAA,oBACEC,IAAC,gCAAgC,EAAA;AAAA,IAAA,QAAA,eAC/BA,IAAC,UAAU,EAAA,aAAA,CAAA;AAAC,MAAA,IAAI,EAAED,aAAAA;AAAc,KAAA,EAAKH,UAAU,CAAA,CAAA;GACd,CAAA,CAAA;AAEvC;;;;"}

package/components/Modal/Modal.js

@@ -1 +1,19 @@
-import{__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as r}from"react/jsx-runtime";import{useIsInsideIsolatedDcApp as o}from"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import{useIsInsideDcFullscreenElem as n}from"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{CorvaModal as t}from"./CorvaModal.js";import{DcCorvaModal as s}from"./DcCorvaModal.js";function i(i){var m=o(),p=n();return r(m&&!p?s:t,e({},i))}export{i as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js';
+import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
+import { useIsInsideDcFullscreenElem } from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
+import { CorvaModal } from './CorvaModal.js';
+import { DcCorvaModal } from './DcCorvaModal.js';
+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; }
+function Modal(props) {
+  var isInsideDcApp = useIsInsideIsolatedDcApp();
+  var isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();
+  var ModalComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcCorvaModal : CorvaModal;
+  return /*#__PURE__*/jsx(ModalComponent, _objectSpread({}, props));
+}
+
+export { Modal as default };
+//# sourceMappingURL=Modal.js.map

package/components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\n\nimport { useIsInsideDcFullscreenElem } from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider';\n\nimport { CorvaModal } from './CorvaModal';\nimport { DcCorvaModal } from './DcCorvaModal';\nimport { ModalProps } from './types';\n\nexport default function Modal(props: ModalProps): JSX.Element {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n  const ModalComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcCorvaModal : CorvaModal;\n\n  return <ModalComponent {...props} />;\n}\n"],"names":["Modal","props","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","ModalComponent","DcCorvaModal","CorvaModal","_jsx"],"mappings":";;;;;;;;;;AAQe,SAASA,KAAK,CAACC,KAAiB,EAAe;EAC5D,IAAMC,aAAa,GAAGC,wBAAwB,EAAE,CAAA;EAChD,IAAMC,wBAAwB,GAAGC,2BAA2B,EAAE,CAAA;EAE9D,IAAMC,cAAc,GAAGJ,aAAa,IAAI,CAACE,wBAAwB,GAAGG,YAAY,GAAGC,UAAU,CAAA;AAE7F,EAAA,oBAAOC,GAAC,CAAA,cAAc,EAAKR,aAAAA,CAAAA,EAAAA,EAAAA,KAAK,CAAI,CAAA,CAAA;AACtC;;;;"}

package/components/NewDocumentViewer/NewDocumentViewer.js

@@ -1 +1,110 @@
-import{__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as i,jsxs as o}from"react/jsx-runtime";import r from"classnames";import{Dialog as l,Typography as a,IconButton as t}from"@material-ui/core";import n from"@material-ui/icons/Close";import s from"@material-ui/icons/GetApp";import m from"../GoogleDocsViewer/index.js";import{isGoogleDocsPreviewEnabled as c}from"../../utils/env.js";import d from"../LoadingIndicator/LoadingIndicator.js";import{useFileContent as p}from"./effects/useFileContent.js";import{useStyles as f}from"./styles.js";var u=function(u){var h=u.classes,v=u.open,N=u.fileUrl,w=u.fileName,C=void 0===w?"DocumentViewer":w,g=u.onClose,j=u.fileSize,b=u.webviewType,z=u["data-testid"],_=void 0===z?"DocumentViewer":z,x=f(),S=p({fileUrl:N,fileName:C}),y=S.isLoading,D=S.fileContent;return i(l,c?{open:v,onClose:g,classes:e(e({},h),{paper:r(x.paper,null==h?void 0:h.paper)}),children:i(m,{webviewType:b,fileUrl:N,fileName:C,fileSize:j,onClose:g,width:"100%",height:"100%"})}:{classes:e(e({},h),{paper:r(x.paper,null==h?void 0:h.paper)}),open:v,onClose:g,onContextMenu:function(e){return e.stopPropagation()},children:o("div",{"data-testid":"".concat(_,"_file_").concat(C),className:x.root,children:[o("div",{className:x.toolbar,children:[i(a,{"data-testid":"".concat(_,"_fileName"),children:C}),o("div",{children:[i(t,{size:"small",className:x.iconButton,children:i("a",{download:!0,href:N,target:"_blank",rel:"noopener noreferrer",children:i(s,{fontSize:"small"})})}),i(t,{size:"small",onClick:g,className:x.iconButton,children:i(n,{fontSize:"small"})})]})]}),y&&i("div",{className:x.frame,children:i(d,{white:!1})}),!y&&i("div",{className:x.frame,children:i("div",{className:x.sheet,children:D})})]})})};export{u as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import 'react';
+import classNames from 'classnames';
+import { Dialog, Typography, IconButton } from '@material-ui/core';
+import CloseIcon from '@material-ui/icons/Close';
+import GetAppIcon from '@material-ui/icons/GetApp';
+import GoogleDocsViewer from '../GoogleDocsViewer/index.js';
+import { isGoogleDocsPreviewEnabled } from '../../utils/env.js';
+import LoadingIndicator from '../LoadingIndicator/LoadingIndicator.js';
+import { useFileContent } from './effects/useFileContent.js';
+import { useStyles } from './styles.js';
+import { jsx, jsxs } 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 NewDocumentViewer = function NewDocumentViewer(_ref) {
+  var classes = _ref.classes,
+    open = _ref.open,
+    fileUrl = _ref.fileUrl,
+    _ref$fileName = _ref.fileName,
+    fileName = _ref$fileName === void 0 ? 'DocumentViewer' : _ref$fileName,
+    onClose = _ref.onClose,
+    fileSize = _ref.fileSize,
+    webviewType = _ref.webviewType,
+    _ref$dataTestid = _ref['data-testid'],
+    dataTestId = _ref$dataTestid === void 0 ? 'DocumentViewer' : _ref$dataTestid;
+  var styles = useStyles();
+  var _useFileContent = useFileContent({
+      fileUrl: fileUrl,
+      fileName: fileName
+    }),
+    isLoading = _useFileContent.isLoading,
+    fileContent = _useFileContent.fileContent;
+  if (isGoogleDocsPreviewEnabled) {
+    return /*#__PURE__*/jsx(Dialog, {
+      open: open,
+      onClose: onClose,
+      classes: _objectSpread(_objectSpread({}, classes), {}, {
+        paper: classNames(styles.paper, classes === null || classes === void 0 ? void 0 : classes.paper)
+      }),
+      children: /*#__PURE__*/jsx(GoogleDocsViewer, {
+        webviewType: webviewType,
+        fileUrl: fileUrl,
+        fileName: fileName,
+        fileSize: fileSize,
+        onClose: onClose
+        //@ts-ignore
+        ,
+        width: "100%",
+        height: "100%"
+      })
+    });
+  }
+  return /*#__PURE__*/jsx(Dialog, {
+    classes: _objectSpread(_objectSpread({}, classes), {}, {
+      paper: classNames(styles.paper, classes === null || classes === void 0 ? void 0 : classes.paper)
+    }),
+    open: open,
+    onClose: onClose,
+    onContextMenu: function onContextMenu(e) {
+      return e.stopPropagation();
+    },
+    children: /*#__PURE__*/jsxs("div", {
+      "data-testid": "".concat(dataTestId, "_file_").concat(fileName),
+      className: styles.root,
+      children: [/*#__PURE__*/jsxs("div", {
+        className: styles.toolbar,
+        children: [/*#__PURE__*/jsx(Typography, {
+          "data-testid": "".concat(dataTestId, "_fileName"),
+          children: fileName
+        }), /*#__PURE__*/jsxs("div", {
+          children: [/*#__PURE__*/jsx(IconButton, {
+            size: "small",
+            className: styles.iconButton,
+            children: /*#__PURE__*/jsx("a", {
+              download: true,
+              href: fileUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: /*#__PURE__*/jsx(GetAppIcon, {
+                fontSize: "small"
+              })
+            })
+          }), /*#__PURE__*/jsx(IconButton, {
+            size: "small",
+            onClick: onClose,
+            className: styles.iconButton,
+            children: /*#__PURE__*/jsx(CloseIcon, {
+              fontSize: "small"
+            })
+          })]
+        })]
+      }), isLoading && /*#__PURE__*/jsx("div", {
+        className: styles.frame,
+        children: /*#__PURE__*/jsx(LoadingIndicator, {
+          white: false
+        })
+      }), !isLoading && /*#__PURE__*/jsx("div", {
+        className: styles.frame,
+        children: /*#__PURE__*/jsx("div", {
+          className: styles.sheet,
+          children: fileContent
+        })
+      })]
+    })
+  });
+};
+
+export { NewDocumentViewer as default };
+//# sourceMappingURL=NewDocumentViewer.js.map

package/components/NewDocumentViewer/NewDocumentViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewDocumentViewer.js","sources":["../../../src/components/NewDocumentViewer/NewDocumentViewer.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { Dialog, IconButton, Typography } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\nimport GetAppIcon from '@material-ui/icons/GetApp';\nimport GoogleDocsViewer from '~/components/GoogleDocsViewer';\nimport { isGoogleDocsPreviewEnabled } from '~/utils/env';\nimport LoadingIndicator from '../LoadingIndicator';\nimport { useFileContent } from './effects';\n\nimport { useStyles } from './styles';\n\ninterface NewDocumentViewerProps {\n  open: boolean;\n  fileUrl: string;\n  /**\n   * Determines the type in which the file will be displayed. Supported extensions: `csv`, `txt`, `json`, `pdf`, `xlsx`\n   */\n  fileName: string;\n  fileSize?: number;\n  onClose: () => void;\n  'data-testid'?: string;\n  classes?: any;\n  webviewType?: string;\n}\n\nconst NewDocumentViewer: React.FC<NewDocumentViewerProps> = ({\n  classes,\n  open,\n  fileUrl,\n  fileName = 'DocumentViewer',\n  onClose,\n  fileSize,\n  webviewType,\n  'data-testid': dataTestId = 'DocumentViewer',\n}) => {\n  const styles = useStyles();\n  const { isLoading, fileContent } = useFileContent({ fileUrl, fileName });\n\n  if (isGoogleDocsPreviewEnabled) {\n    return (\n      <Dialog\n        open={open}\n        onClose={onClose}\n        classes={{\n          ...classes,\n          paper: classNames(styles.paper, classes?.paper),\n        }}\n      >\n        <GoogleDocsViewer\n          webviewType={webviewType}\n          fileUrl={fileUrl}\n          fileName={fileName}\n          fileSize={fileSize}\n          onClose={onClose}\n          //@ts-ignore\n          width=\"100%\"\n          height=\"100%\"\n        />\n      </Dialog>\n    );\n  }\n\n  return (\n    <Dialog\n      classes={{\n        ...classes,\n        paper: classNames(styles.paper, classes?.paper),\n      }}\n      open={open}\n      onClose={onClose}\n      onContextMenu={e => e.stopPropagation()}\n    >\n      <div data-testid={`${dataTestId}_file_${fileName}`} className={styles.root}>\n        <div className={styles.toolbar}>\n          <Typography data-testid={`${dataTestId}_fileName`}>{fileName}</Typography>\n          <div>\n            <IconButton size=\"small\" className={styles.iconButton}>\n              <a download href={fileUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n                <GetAppIcon fontSize=\"small\" />\n              </a>\n            </IconButton>\n            <IconButton size=\"small\" onClick={onClose} className={styles.iconButton}>\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n          </div>\n        </div>\n\n        {isLoading && (\n          <div className={styles.frame}>\n            <LoadingIndicator white={false} />\n          </div>\n        )}\n        {!isLoading && (\n          <div className={styles.frame}>\n            <div className={styles.sheet}>{fileContent}</div>\n          </div>\n        )}\n      </div>\n    </Dialog>\n  );\n};\n\nexport default NewDocumentViewer;\n"],"names":["NewDocumentViewer","classes","open","fileUrl","fileName","onClose","fileSize","webviewType","dataTestId","styles","useStyles","useFileContent","isLoading","fileContent","isGoogleDocsPreviewEnabled","_jsx","paper","classNames","e","stopPropagation","_jsxs","root","toolbar","iconButton","frame","sheet"],"mappings":"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"}

package/components/NewDocumentViewer/components/CsvViewer.js

@@ -1 +1,91 @@
-import{jsx as e}from"react/jsx-runtime";import{AutoSizer as r,Table as t,Column as a}from"react-virtualized";import{makeStyles as i}from"@material-ui/core";import{isDate as l}from"lodash";var o=i({tableWrapper:{borderTop:"1px solid #5C5C5C",borderBottom:"1px solid #5C5C5C",width:"100%",height:"100%",overflow:"scroll"},table:{"& .ReactVirtualized__Table__headerRow":{textTransform:"none",border:"1px solid rgba(81, 81, 81, 1)"},"& .ReactVirtualized__Table__row":{border:"1px solid rgba(81, 81, 81, 1)"},"& .ReactVirtualized__Table__Grid":{outline:"none"},"& .ReactVirtualized__Table__headerColumn":{outline:"none"}},cell:{width:200}}),n=function(r){var t=r.cellData,a=o();return e("div",{className:a.cell,children:l(t)?t.toISOString():t})},d=function(i){var l=i.fileData,d=o(),c=Object.keys(l[0]||{});return e("div",{className:d.tableWrapper,children:e(r,{children:function(r){var i=r.height;return r.width,function(r){var i=r.height;return e(t,{className:d.table,width:200*(c.length||10),height:i,headerHeight:40,rowHeight:50,rowCount:l.length,rowGetter:function(e){var r=e.index;return l[r]},children:c.map((function(r){return e(a,{width:200,flexGrow:1,dataKey:r,label:r,cellRenderer:function(r){var t=r.cellData;return e(n,{cellData:t})}},r)}))})}({height:i})}})})};export{d as CsvViewer};
+import 'react';
+import { AutoSizer, Table, Column } from 'react-virtualized';
+import { makeStyles } from '@material-ui/core';
+import { isDate } from 'lodash';
+import { jsx } from 'react/jsx-runtime';
+
+var COLUMN_WIDTH = 200;
+var useStyles = makeStyles({
+  tableWrapper: {
+    borderTop: '1px solid #5C5C5C',
+    borderBottom: '1px solid #5C5C5C',
+    width: '100%',
+    height: '100%',
+    overflow: 'scroll'
+  },
+  table: {
+    '& .ReactVirtualized__Table__headerRow': {
+      textTransform: 'none',
+      border: '1px solid rgba(81, 81, 81, 1)'
+    },
+    '& .ReactVirtualized__Table__row': {
+      border: '1px solid rgba(81, 81, 81, 1)'
+    },
+    '& .ReactVirtualized__Table__Grid': {
+      outline: 'none'
+    },
+    '& .ReactVirtualized__Table__headerColumn': {
+      outline: 'none'
+    }
+  },
+  cell: {
+    width: COLUMN_WIDTH
+  }
+});
+var Cell = function Cell(_ref) {
+  var cellData = _ref.cellData;
+  var styles = useStyles();
+  return /*#__PURE__*/jsx("div", {
+    className: styles.cell,
+    children: isDate(cellData) ? cellData.toISOString() : cellData
+  });
+};
+var CsvViewer = function CsvViewer(_ref2) {
+  var fileData = _ref2.fileData;
+  var styles = useStyles();
+  var columns = Object.keys(fileData[0] || {});
+  var renderTableContent = function renderTableContent(_ref3) {
+    var height = _ref3.height;
+    return /*#__PURE__*/jsx(Table, {
+      className: styles.table,
+      width: COLUMN_WIDTH * (columns.length || 10),
+      height: height,
+      headerHeight: 40,
+      rowHeight: 50,
+      rowCount: fileData.length,
+      rowGetter: function rowGetter(_ref4) {
+        var index = _ref4.index;
+        return fileData[index];
+      },
+      children: columns.map(function (column) {
+        return /*#__PURE__*/jsx(Column, {
+          width: COLUMN_WIDTH,
+          flexGrow: 1,
+          dataKey: column,
+          label: column,
+          cellRenderer: function cellRenderer(_ref5) {
+            var cellData = _ref5.cellData;
+            return /*#__PURE__*/jsx(Cell, {
+              cellData: cellData
+            });
+          }
+        }, column);
+      })
+    });
+  };
+  return /*#__PURE__*/jsx("div", {
+    className: styles.tableWrapper,
+    children: /*#__PURE__*/jsx(AutoSizer, {
+      children: function children(_ref6) {
+        var height = _ref6.height;
+          _ref6.width;
+        return renderTableContent({
+          height: height
+        });
+      }
+    })
+  });
+};
+
+export { CsvViewer };
+//# sourceMappingURL=CsvViewer.js.map

package/components/NewDocumentViewer/components/CsvViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CsvViewer.js","sources":["../../../../src/components/NewDocumentViewer/components/CsvViewer.tsx"],"sourcesContent":["import React from 'react';\nimport { Column, Table, AutoSizer } from 'react-virtualized';\nimport { makeStyles } from '@material-ui/core';\nimport { isDate } from 'lodash';\n\nconst COLUMN_WIDTH = 200;\n\nconst useStyles = makeStyles({\n  tableWrapper: {\n    borderTop: '1px solid #5C5C5C',\n    borderBottom: '1px solid #5C5C5C',\n    width: '100%',\n    height: '100%',\n    overflow: 'scroll',\n  },\n  table: {\n    '& .ReactVirtualized__Table__headerRow': {\n      textTransform: 'none',\n      border: '1px solid rgba(81, 81, 81, 1)',\n    },\n    '& .ReactVirtualized__Table__row': {\n      border: '1px solid rgba(81, 81, 81, 1)',\n    },\n    '& .ReactVirtualized__Table__Grid': {\n      outline: 'none',\n    },\n    '& .ReactVirtualized__Table__headerColumn': {\n      outline: 'none',\n    },\n  },\n  cell: {\n    width: COLUMN_WIDTH,\n  },\n});\n\nconst Cell = ({ cellData }) => {\n  const styles = useStyles();\n  return <div className={styles.cell}>{isDate(cellData) ? cellData.toISOString() : cellData}</div>;\n};\n\ninterface CsvViewerProps {\n  fileData: Record<string, any>[];\n}\n\nconst CsvViewer: React.FC<CsvViewerProps> = ({ fileData }) => {\n  const styles = useStyles();\n  const columns = Object.keys(fileData[0] || {});\n\n  const renderTableContent = ({ height }: { height: number }) => (\n    <Table\n      className={styles.table}\n      width={COLUMN_WIDTH * (columns.length || 10)}\n      height={height}\n      headerHeight={40}\n      rowHeight={50}\n      rowCount={fileData.length}\n      rowGetter={({ index }) => fileData[index]}\n    >\n      {columns.map(column => (\n        <Column\n          width={COLUMN_WIDTH}\n          flexGrow={1}\n          key={column}\n          dataKey={column}\n          label={column}\n          cellRenderer={({ cellData }) => <Cell cellData={cellData} />}\n        />\n      ))}\n    </Table>\n  );\n\n  return (\n    <div className={styles.tableWrapper}>\n      <AutoSizer>{({ height, width }) => renderTableContent({ height })}</AutoSizer>\n    </div>\n  );\n};\n\nexport { CsvViewer };\n"],"names":["COLUMN_WIDTH","useStyles","makeStyles","tableWrapper","borderTop","borderBottom","width","height","overflow","table","textTransform","border","outline","cell","Cell","cellData","styles","_jsx","isDate","toISOString","CsvViewer","fileData","columns","Object","keys","renderTableContent","length","index","map","column"],"mappings":";;;;;;AAKA,IAAMA,YAAY,GAAG,GAAG,CAAA;AAExB,IAAMC,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,YAAY,EAAE;AACZC,IAAAA,SAAS,EAAE,mBAAmB;AAC9BC,IAAAA,YAAY,EAAE,mBAAmB;AACjCC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,QAAQ,EAAE,QAAA;GACX;AACDC,EAAAA,KAAK,EAAE;AACL,IAAA,uCAAuC,EAAE;AACvCC,MAAAA,aAAa,EAAE,MAAM;AACrBC,MAAAA,MAAM,EAAE,+BAAA;KACT;AACD,IAAA,iCAAiC,EAAE;AACjCA,MAAAA,MAAM,EAAE,+BAAA;KACT;AACD,IAAA,kCAAkC,EAAE;AAClCC,MAAAA,OAAO,EAAE,MAAA;KACV;AACD,IAAA,0CAA0C,EAAE;AAC1CA,MAAAA,OAAO,EAAE,MAAA;AACX,KAAA;GACD;AACDC,EAAAA,IAAI,EAAE;AACJP,IAAAA,KAAK,EAAEN,YAAAA;AACT,GAAA;AACF,CAAC,CAAC,CAAA;AAEF,IAAMc,IAAI,GAAG,SAAPA,IAAI,CAAqB,IAAA,EAAA;EAAA,IAAfC,QAAQ,QAARA,QAAQ,CAAA;EACtB,IAAMC,MAAM,GAAGf,SAAS,EAAE,CAAA;EAC1B,oBAAOgB,GAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAED,MAAM,CAACH,IAAK;IAAA,QAAEK,EAAAA,MAAM,CAACH,QAAQ,CAAC,GAAGA,QAAQ,CAACI,WAAW,EAAE,GAAGJ,QAAAA;GAAe,CAAA,CAAA;AAClG,CAAC,CAAA;AAMD,IAAMK,SAAmC,GAAG,SAAtCA,SAAmC,CAAqB,KAAA,EAAA;EAAA,IAAfC,QAAQ,SAARA,QAAQ,CAAA;EACrD,IAAML,MAAM,GAAGf,SAAS,EAAE,CAAA;AAC1B,EAAA,IAAMqB,OAAO,GAAGC,MAAM,CAACC,IAAI,CAACH,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAA;EAE9C,IAAMI,kBAAkB,GAAG,SAArBA,kBAAkB,CAAA,KAAA,EAAA;IAAA,IAAMlB,MAAM,SAANA,MAAM,CAAA;AAAA,IAAA,oBAClCU,IAAC,KAAK,EAAA;MACJ,SAAS,EAAED,MAAM,CAACP,KAAM;MACxB,KAAK,EAAET,YAAY,IAAIsB,OAAO,CAACI,MAAM,IAAI,EAAE,CAAE;AAC7C,MAAA,MAAM,EAAEnB,MAAO;AACf,MAAA,YAAY,EAAE,EAAG;AACjB,MAAA,SAAS,EAAE,EAAG;MACd,QAAQ,EAAEc,QAAQ,CAACK,MAAO;AAC1B,MAAA,SAAS,EAAE,SAAA,SAAA,CAAA,KAAA,EAAA;QAAA,IAAGC,KAAK,SAALA,KAAK,CAAA;QAAA,OAAON,QAAQ,CAACM,KAAK,CAAC,CAAA;OAAC;AAAA,MAAA,QAAA,EAEzCL,OAAO,CAACM,GAAG,CAAC,UAAAC,MAAM,EAAA;AAAA,QAAA,oBACjBZ,IAAC,MAAM,EAAA;AACL,UAAA,KAAK,EAAEjB,YAAa;AACpB,UAAA,QAAQ,EAAE,CAAE;AAEZ,UAAA,OAAO,EAAE6B,MAAO;AAChB,UAAA,KAAK,EAAEA,MAAO;AACd,UAAA,YAAY,EAAE,SAAA,YAAA,CAAA,KAAA,EAAA;YAAA,IAAGd,QAAQ,SAARA,QAAQ,CAAA;AAAA,YAAA,oBAAOE,IAAC,IAAI,EAAA;AAAC,cAAA,QAAQ,EAAEF,QAAAA;aAAY,CAAA,CAAA;AAAA,WAAA;AAAC,SAAA,EAHxDc,MAAM,CAIX,CAAA;OACH,CAAA;KACK,CAAA,CAAA;GACT,CAAA;EAED,oBACEZ,GAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAED,MAAM,CAACb,YAAa;AAAA,IAAA,QAAA,eAClCc,IAAC,SAAS,EAAA;MAAA,QAAE,EAAA,SAAA,QAAA,CAAA,KAAA,EAAA;QAAGV,IAAAA,MAAM,SAANA,MAAM,CAAA;AAAED,gBAAAA,MAAK;AAAA,QAAA,OAAOmB,kBAAkB,CAAC;AAAElB,UAAAA,MAAM,EAANA,MAAAA;AAAO,SAAC,CAAC,CAAA;AAAA,OAAA;AAAA,KAAA,CAAA;GAC7D,CAAA,CAAA;AAEV;;;;"}

package/components/NewDocumentViewer/components/PdfViewer.js

@@ -1 +1,27 @@
-import{jsx as r}from"react/jsx-runtime";import{makeStyles as t}from"@material-ui/core";var e=t({root:{position:"absolute",left:0,top:0,width:"100%",height:"100%",border:"none"}}),o=function(t){var o=t.fileUrl,i=t.fileName,a=e();return r("iframe",{className:a.root,title:i,src:o})};export{o as PdfViewer};
+import 'react';
+import { makeStyles } from '@material-ui/core';
+import { jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles({
+  root: {
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    width: '100%',
+    height: '100%',
+    border: 'none'
+  }
+});
+var PdfViewer = function PdfViewer(_ref) {
+  var fileUrl = _ref.fileUrl,
+    fileName = _ref.fileName;
+  var styles = useStyles();
+  return /*#__PURE__*/jsx("iframe", {
+    className: styles.root,
+    title: fileName,
+    src: fileUrl
+  });
+};
+
+export { PdfViewer };
+//# sourceMappingURL=PdfViewer.js.map

package/components/NewDocumentViewer/components/PdfViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdfViewer.js","sources":["../../../../src/components/NewDocumentViewer/components/PdfViewer.tsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core';\n\ninterface PdfViewerProps {\n  fileUrl: string;\n  fileName: string;\n}\n\nconst useStyles = makeStyles({\n  root: {\n    position: 'absolute',\n    left: 0,\n    top: 0,\n    width: '100%',\n    height: '100%',\n    border: 'none',\n  },\n});\n\nconst PdfViewer: React.FC<PdfViewerProps> = ({ fileUrl, fileName }) => {\n  const styles = useStyles();\n\n  return <iframe className={styles.root} title={fileName} src={fileUrl} />;\n};\n\nexport { PdfViewer };\n"],"names":["useStyles","makeStyles","root","position","left","top","width","height","border","PdfViewer","fileUrl","fileName","styles","_jsx"],"mappings":";;;;AAQA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,IAAI,EAAE,CAAC;AACPC,IAAAA,GAAG,EAAE,CAAC;AACNC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,MAAM,EAAE,MAAA;AACV,GAAA;AACF,CAAC,CAAC,CAAA;AAEF,IAAMC,SAAmC,GAAG,SAAtCA,SAAmC,CAA8B,IAAA,EAAA;EAAA,IAAxBC,OAAO,QAAPA,OAAO;AAAEC,IAAAA,QAAQ,QAARA,QAAQ,CAAA;EAC9D,IAAMC,MAAM,GAAGZ,SAAS,EAAE,CAAA;EAE1B,oBAAOa,GAAA,CAAA,QAAA,EAAA;IAAQ,SAAS,EAAED,MAAM,CAACV,IAAK;AAAC,IAAA,KAAK,EAAES,QAAS;AAAC,IAAA,GAAG,EAAED,OAAAA;GAAW,CAAA,CAAA;AAC1E;;;;"}

package/components/NewDocumentViewer/components/TextViewer.js

@@ -1 +1,12 @@
-import{jsx as r}from"react/jsx-runtime";var e=function(e){var t=e.fileData;return r("pre",{children:t})};export{e as TextViewer};
+import 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var TextViewer = function TextViewer(_ref) {
+  var fileData = _ref.fileData;
+  return /*#__PURE__*/jsx("pre", {
+    children: fileData
+  });
+};
+
+export { TextViewer };
+//# sourceMappingURL=TextViewer.js.map

package/components/NewDocumentViewer/components/TextViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextViewer.js","sources":["../../../../src/components/NewDocumentViewer/components/TextViewer.tsx"],"sourcesContent":["import React from 'react';\n\ninterface TextViewerProps {\n  fileData: string;\n}\n\nconst TextViewer: React.FC<TextViewerProps> = ({ fileData }) => {\n  return <pre>{fileData}</pre>;\n};\n\nexport { TextViewer };\n"],"names":["TextViewer","fileData","_jsx"],"mappings":";;;AAMA,IAAMA,UAAqC,GAAG,SAAxCA,UAAqC,CAAqB,IAAA,EAAA;EAAA,IAAfC,QAAQ,QAARA,QAAQ,CAAA;EACvD,oBAAOC,GAAA,CAAA,KAAA,EAAA;IAAA,QAAMD,EAAAA,QAAAA;GAAe,CAAA,CAAA;AAC9B;;;;"}

package/components/NewDocumentViewer/constants.js

@@ -1 +1,10 @@
-var x={csv:"csv",txt:"txt",json:"json",pdf:"pdf",xlsx:"xlsx"};export{x as FILE_EXTENSIONS};
+var FILE_EXTENSIONS = {
+  csv: 'csv',
+  txt: 'txt',
+  json: 'json',
+  pdf: 'pdf',
+  xlsx: 'xlsx'
+};
+
+export { FILE_EXTENSIONS };
+//# sourceMappingURL=constants.js.map

package/components/NewDocumentViewer/effects/useFileContent.js

@@ -1 +1,92 @@
-import{__awaiter as r,__generator as t}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import{useState as o,useEffect as s}from"react";import{getFileExtension as n}from"../../../utils/fileExtension.js";import{TextViewer as i}from"../components/TextViewer.js";import{CsvViewer as f}from"../components/CsvViewer.js";import{PdfViewer as m}from"../components/PdfViewer.js";import{FILE_EXTENSIONS as c}from"../constants.js";import{getCsvData as l,getTextData as a,getXlsxData as u}from"../utils.js";var p,j,x=((p={})[c.csv]=f,p[c.json]=i,p[c.txt]=i,p[c.pdf]=m,p[c.xlsx]=f,p),v=((j={})[c.csv]=l,j[c.json]=a,j[c.txt]=a,j[c.xlsx]=u,j),d=function(i){var f=i.fileUrl,m=i.fileName,c=n(m),l=o(""),a=l[0],u=l[1],p=o(!1),j=p[0],d=p[1],b=x[c];return s((function(){f&&c&&function(e,o){r(void 0,void 0,void 0,(function(){var r,s,n;return t(this,(function(t){switch(t.label){case 0:if(!(r=v[o]))return[2];t.label=1;case 1:return t.trys.push([1,3,4,5]),d(!0),[4,r(e)];case 2:return s=t.sent(),u(s),[3,5];case 3:return n=t.sent(),console.error(n),[3,5];case 4:return d(!1),[7];case 5:return[2]}}))}))}(f,c)}),[f,c]),s((function(){f||u("")}),[f]),{fileContent:e(b,{fileData:a,fileUrl:f,fileName:m}),isLoading:j}};export{d as useFileContent};
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { useState, useEffect } from 'react';
+import { getFileExtension } from '../../../utils/fileExtension.js';
+import { TextViewer } from '../components/TextViewer.js';
+import { CsvViewer } from '../components/CsvViewer.js';
+import { PdfViewer } from '../components/PdfViewer.js';
+import { FILE_EXTENSIONS } from '../constants.js';
+import { getCsvData, getTextData, getXlsxData } from '../utils.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _FILE_VIEWER, _FILE_DATA_GETTERS;
+var FILE_VIEWER = (_FILE_VIEWER = {}, _defineProperty(_FILE_VIEWER, FILE_EXTENSIONS.csv, CsvViewer), _defineProperty(_FILE_VIEWER, FILE_EXTENSIONS.json, TextViewer), _defineProperty(_FILE_VIEWER, FILE_EXTENSIONS.txt, TextViewer), _defineProperty(_FILE_VIEWER, FILE_EXTENSIONS.pdf, PdfViewer), _defineProperty(_FILE_VIEWER, FILE_EXTENSIONS.xlsx, CsvViewer), _FILE_VIEWER);
+var FILE_DATA_GETTERS = (_FILE_DATA_GETTERS = {}, _defineProperty(_FILE_DATA_GETTERS, FILE_EXTENSIONS.csv, getCsvData), _defineProperty(_FILE_DATA_GETTERS, FILE_EXTENSIONS.json, getTextData), _defineProperty(_FILE_DATA_GETTERS, FILE_EXTENSIONS.txt, getTextData), _defineProperty(_FILE_DATA_GETTERS, FILE_EXTENSIONS.xlsx, getXlsxData), _FILE_DATA_GETTERS);
+var useFileContent = function useFileContent(_ref) {
+  var fileUrl = _ref.fileUrl,
+    fileName = _ref.fileName;
+  var fileExtension = getFileExtension(fileName);
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    fileData = _useState2[0],
+    setFileData = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isLoading = _useState4[0],
+    setIsLoading = _useState4[1];
+  var FileViewer = FILE_VIEWER[fileExtension];
+  var fetchFileData = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(url, fileExtension) {
+      var getFileData, _fileData;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              getFileData = FILE_DATA_GETTERS[fileExtension];
+              if (getFileData) {
+                _context.next = 3;
+                break;
+              }
+              return _context.abrupt("return");
+            case 3:
+              _context.prev = 3;
+              setIsLoading(true);
+              _context.next = 7;
+              return getFileData(url);
+            case 7:
+              _fileData = _context.sent;
+              setFileData(_fileData);
+              _context.next = 14;
+              break;
+            case 11:
+              _context.prev = 11;
+              _context.t0 = _context["catch"](3);
+              console.error(_context.t0);
+            case 14:
+              _context.prev = 14;
+              setIsLoading(false);
+              return _context.finish(14);
+            case 17:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[3, 11, 14, 17]]);
+    }));
+    return function fetchFileData(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    if (!fileUrl || !fileExtension) return;
+    fetchFileData(fileUrl, fileExtension);
+  }, [fileUrl, fileExtension]);
+  useEffect(function () {
+    if (!fileUrl) {
+      setFileData('');
+    }
+  }, [fileUrl]);
+  return {
+    fileContent: /*#__PURE__*/jsx(FileViewer, {
+      fileData: fileData,
+      fileUrl: fileUrl,
+      fileName: fileName
+    }),
+    isLoading: isLoading
+  };
+};
+
+export { useFileContent };
+//# sourceMappingURL=useFileContent.js.map