@corva/ui 3.73.0-6 → 3.73.0-8

package/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/typeof";import t from"@babel/runtime/helpers/defineProperty";import{shape as r,oneOfType as i,number as a,string as o,func as p,bool as n}from"prop-types";import{Map as s,List as m}from"immutable";import c from"moment";import{makeStyles as d,Typography as u}from"@material-ui/core";import{normalizeAssetForApp as l}from"./helpers.js";import b from"./styles.css.js";import{isNativeDetected as f}from"../../../../utils/mobileDetect.js";import g from"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import y from"../../../EmbeddedApp/EmbeddedApp.js";import A from"../../../Attachment/index.js";import{formatMentionText as h}from"../../../UserMention/utils/index.js";import{jsx as w,jsxs as j,Fragment as v}from"react/jsx-runtime";function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function R(e){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?O(Object(i),!0).forEach((function(r){t(e,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):O(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var _=d((function(e){return{attachmentLable:{fontSize:"12px",color:e.palette.primary.text6}}})),q=function(e){var t=e.feedItem,r=t.id,i=t.well,a=t.rig,o=t.app,p=t.package,n=t.company_id,d=t.context.app_annotation,O=d.body,q=d.app_category,D=d.app_key,E=d.created_at,P=d.settings,S=void 0===P?{}:P,x=d.attachment,C=d.data_timestamp,F=t.mentioned_users,I=e.appContext,N=e.appRegistry,L=e.subscribeAppForAsset,U=e.unsubscribeAppFromAsset,k=e.currentUser,z=e.appData,B=e.isSubDataLoading,K=e.getSubErrors,M=e.isSubDataEmpty,T=_(),G=!!o,H=G&&"dev_center"===o.platform;if(!G||H&&!p)return w(u,{variant:"body2",children:"App not found"});var J=l(i||a,n),Q=c(C||E).unix();return[J,q,D,E].every(Boolean)&&J.id?j("div",{className:b.appAnnotationFeedItem,children:[w(u,{variant:"body2","data-testid":"".concat("FeedActivityPo_appAnnotation","_message"),children:h(O,F,f)}),e.showAppPreview&&j(v,{children:[w("br",{}),p&&p.url?w(g,{appContainerClassName:b.appAnnotationFeedItemApp,appId:r,assetId:J.id,asset:J,app:{app:R(R({},o),{},{settings:S}),package:p},coordinates:{},timestamp:Q,time:C,currentUser:k}):w(y,{appContainerClassName:b.appAnnotationFeedItemApp,appId:r,assetId:J.id,asset:s(J),appComponentKey:D,appComponentCategory:q,requiresSubscription:!0,appContext:s(I),assetDashboards:m(),timestamp:Q,time:C,onSettingChange:function(){},settings:S,internalSelectors:{isSubDataLoading:B,getSubErrors:K,isSubDataEmpty:M},appRegistry:N,appData:z,subscribeAppForAsset:L,unsubscribeAppFromAsset:U})]}),x&&x.signed_url&&j("div",{className:b.appAnnotationFeedItemAttachment,children:[w(u,{variant:"subtitle1",className:T.attachmentLable,children:"Attachments"}),w(A,{small:!0,attachmentUrl:x.signed_url,fileName:x.file_name,displayName:x.file_name})]})]}):w(u,{variant:"body2",children:"No Data"})};q.propTypes={feedItem:r({id:i([a,o]).isRequired,well:function(t,r,i){return t.well||t.rig?t.well&&"object"!==e(t.well)?new Error("Prop '".concat(r,"' should be an object")):null:new Error("One of props 'well' or 'rig' was not specified in '".concat(i,"'."))},rig:function(t,r,i){return t.well||t.rig?t.rig&&"object"!==e(t.rig)?new Error("Prop '".concat(r,"' should be an object")):null:new Error("One of props 'well' or 'rig' was not specified in '".concat(i,"'."))},context:r({app_annotation:r({body:o,app_category:o.isRequired,app_name:o.isRequired,created_at:o.isRequired,settings:r()}).isRequired}).isRequired}).isRequired,appContext:r().isRequired,currentUser:r().isRequired,appData:r().isRequired,appRegistry:r().isRequired,subscribeAppForAsset:p.isRequired,unsubscribeAppFromAsset:p.isRequired,isSubDataLoading:p.isRequired,getSubErrors:p.isRequired,isSubDataEmpty:p.isRequired,showAppPreview:n},q.defaultProps={showAppPreview:!0};export{q as default};
+import e from"@babel/runtime/helpers/typeof";import t from"@babel/runtime/helpers/defineProperty";import{shape as r,oneOfType as i,number as a,string as o,func as n,bool as p}from"prop-types";import{Map as s,List as m}from"immutable";import c from"moment";import{makeStyles as d,Typography as u}from"@material-ui/core";import{normalizeAssetForApp as l}from"./helpers.js";import b from"./styles.css.js";import{isNativeDetected as f}from"../../../../utils/mobileDetect.js";import g from"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import y from"../../../EmbeddedApp/EmbeddedApp.js";import A from"../../../Attachment/index.js";import{formatMentionText as h}from"../../../UserMention/utils/index.js";import{jsx as w,jsxs as j,Fragment as v}from"react/jsx-runtime";function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function R(e){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?O(Object(i),!0).forEach((function(r){t(e,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):O(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var _=d((function(e){return{attachmentLable:{fontSize:"12px",color:e.palette.primary.text6}}})),q=function(e){var t=e.feedItem,r=t.id,i=t.well,a=t.rig,o=t.app,n=t.package,p=t.company_id,d=t.context.app_annotation,O=d.body,q=d.app_category,D=d.app_key,E=d.created_at,S=d.settings,P=void 0===S?{}:S,x=d.attachment,C=d.data_timestamp,F=t.mentioned_users,I=e.appContext,N=e.appRegistry,L=e.subscribeAppForAsset,U=e.unsubscribeAppFromAsset,k=e.currentUser,z=e.appData,B=e.isSubDataLoading,K=e.getSubErrors,M=e.isSubDataEmpty,T=e.showAppPreview,G=void 0===T||T,H=_(),J=!!o,Q=J&&"dev_center"===o.platform;if(!J||Q&&!n)return w(u,{variant:"body2",children:"App not found"});var V=l(i||a,p),W=c(C||E).unix();return[V,q,D,E].every(Boolean)&&V.id?j("div",{className:b.appAnnotationFeedItem,children:[w(u,{variant:"body2","data-testid":"".concat("FeedActivityPo_appAnnotation","_message"),children:h(O,F,f)}),G&&j(v,{children:[w("br",{}),n&&n.url?w(g,{appContainerClassName:b.appAnnotationFeedItemApp,appId:r,assetId:V.id,asset:V,app:{app:R(R({},o),{},{settings:P}),package:n},coordinates:{},timestamp:W,time:C,currentUser:k}):w(y,{appContainerClassName:b.appAnnotationFeedItemApp,appId:r,assetId:V.id,asset:s(V),appComponentKey:D,appComponentCategory:q,requiresSubscription:!0,appContext:s(I),assetDashboards:m(),timestamp:W,time:C,onSettingChange:function(){},settings:P,internalSelectors:{isSubDataLoading:B,getSubErrors:K,isSubDataEmpty:M},appRegistry:N,appData:z,subscribeAppForAsset:L,unsubscribeAppFromAsset:U})]}),x&&x.signed_url&&j("div",{className:b.appAnnotationFeedItemAttachment,children:[w(u,{variant:"subtitle1",className:H.attachmentLable,children:"Attachments"}),w(A,{small:!0,attachmentUrl:x.signed_url,fileName:x.file_name,displayName:x.file_name})]})]}):w(u,{variant:"body2",children:"No Data"})};q.propTypes={feedItem:r({id:i([a,o]).isRequired,well:function(t,r,i){return t.well||t.rig?t.well&&"object"!==e(t.well)?new Error("Prop '".concat(r,"' should be an object")):null:new Error("One of props 'well' or 'rig' was not specified in '".concat(i,"'."))},rig:function(t,r,i){return t.well||t.rig?t.rig&&"object"!==e(t.rig)?new Error("Prop '".concat(r,"' should be an object")):null:new Error("One of props 'well' or 'rig' was not specified in '".concat(i,"'."))},context:r({app_annotation:r({body:o,app_category:o.isRequired,app_name:o.isRequired,created_at:o.isRequired,settings:r()}).isRequired}).isRequired}).isRequired,appContext:r().isRequired,currentUser:r().isRequired,appData:r().isRequired,appRegistry:r().isRequired,subscribeAppForAsset:n.isRequired,unsubscribeAppFromAsset:n.isRequired,isSubDataLoading:n.isRequired,getSubErrors:n.isRequired,isSubDataEmpty:n.isRequired,showAppPreview:p};export{q as default};
 //# sourceMappingURL=index.js.map

package/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js"],"sourcesContent":["import { shape, number, string, oneOfType, func, bool } from 'prop-types';\nimport { Map, List } from 'immutable';\nimport moment from 'moment';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport { normalizeAssetForApp } from './helpers';\n\nimport styles from './styles.css';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { EmbeddedApp, DevCenterEmbeddedApp } from '~/components/EmbeddedApp';\nimport Attachment from '~/components/Attachment';\nimport { formatMentionText } from '~/components/UserMention/utils';\n\nconst PAGE_NAME = 'FeedActivityPo_appAnnotation';\n\nconst useStyles = makeStyles(theme => ({\n  attachmentLable: {\n    fontSize: '12px',\n    color: theme.palette.primary.text6,\n  },\n}));\n\nconst AppAnnotationFeedItem = props => {\n  const {\n    feedItem: {\n      id,\n      well,\n      rig,\n      app,\n      package: appPackage,\n      company_id: companyId,\n      context: {\n        app_annotation: {\n          body,\n          app_category: appCategory,\n          app_key: appKey,\n          created_at: createdAt,\n          settings = {},\n          attachment,\n          data_timestamp: dataTimestamp,\n        },\n      },\n      mentioned_users: mentionedUsers,\n    },\n    appContext,\n\n    appRegistry,\n    subscribeAppForAsset,\n    unsubscribeAppFromAsset,\n    currentUser,\n    appData,\n    isSubDataLoading,\n    getSubErrors,\n    isSubDataEmpty,\n  } = props;\n  const classes = useStyles();\n\n  const isAppFound = !!app;\n  const isDevCenterApp = isAppFound && app.platform === 'dev_center';\n  const isDevCenterWithoutPackage = isDevCenterApp && !appPackage;\n\n  if (!isAppFound || isDevCenterWithoutPackage)\n    return <Typography variant=\"body2\">App not found</Typography>;\n\n  const asset = normalizeAssetForApp(well || rig, companyId);\n  const timestamp = moment(dataTimestamp || createdAt).unix();\n\n  const requiredFields = [asset, appCategory, appKey, createdAt];\n\n  if (!requiredFields.every(Boolean) || !asset.id)\n    return <Typography variant=\"body2\">No Data</Typography>;\n\n  return (\n    <div className={styles.appAnnotationFeedItem}>\n      <Typography variant=\"body2\" data-testid={`${PAGE_NAME}_message`}>\n        {formatMentionText(body, mentionedUsers, isNativeDetected)}\n      </Typography>\n      {props.showAppPreview && (\n        <>\n          <br />\n          {appPackage && appPackage.url ? (\n            <DevCenterEmbeddedApp\n              appContainerClassName={styles.appAnnotationFeedItemApp}\n              appId={id}\n              assetId={asset.id}\n              asset={asset}\n              app={{\n                app: { ...app, settings },\n                package: appPackage,\n              }}\n              coordinates={{}}\n              timestamp={timestamp}\n              time={dataTimestamp}\n              currentUser={currentUser}\n            />\n          ) : (\n            <EmbeddedApp\n              appContainerClassName={styles.appAnnotationFeedItemApp}\n              appId={id}\n              assetId={asset.id}\n              asset={Map(asset)}\n              appComponentKey={appKey}\n              appComponentCategory={appCategory}\n              requiresSubscription\n              appContext={Map(appContext)}\n              assetDashboards={List()}\n              timestamp={timestamp}\n              time={dataTimestamp}\n              onSettingChange={() => undefined}\n              settings={settings}\n              internalSelectors={{\n                isSubDataLoading,\n                getSubErrors,\n                isSubDataEmpty,\n              }}\n              appRegistry={appRegistry}\n              appData={appData}\n              subscribeAppForAsset={subscribeAppForAsset}\n              unsubscribeAppFromAsset={unsubscribeAppFromAsset}\n            />\n          )}\n        </>\n      )}\n      {attachment && attachment.signed_url && (\n        <div className={styles.appAnnotationFeedItemAttachment}>\n          <Typography variant=\"subtitle1\" className={classes.attachmentLable}>\n            Attachments\n          </Typography>\n          <Attachment\n            small\n            attachmentUrl={attachment.signed_url}\n            fileName={attachment.file_name}\n            displayName={attachment.file_name}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nAppAnnotationFeedItem.propTypes = {\n  feedItem: shape({\n    id: oneOfType([number, string]).isRequired,\n    well: (props, propName, componentName) => {\n      if (!props.well && !props.rig) {\n        return new Error(`One of props 'well' or 'rig' was not specified in '${componentName}'.`);\n      }\n      if (props.well && typeof props.well !== 'object')\n        return new Error(`Prop '${propName}' should be an object`);\n      return null;\n    },\n    rig: (props, propName, componentName) => {\n      if (!props.well && !props.rig) {\n        return new Error(`One of props 'well' or 'rig' was not specified in '${componentName}'.`);\n      }\n      if (props.rig && typeof props.rig !== 'object')\n        return new Error(`Prop '${propName}' should be an object`);\n      return null;\n    },\n    context: shape({\n      app_annotation: shape({\n        body: string,\n        app_category: string.isRequired,\n        app_name: string.isRequired,\n        created_at: string.isRequired,\n        settings: shape(),\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n  appContext: shape().isRequired,\n  currentUser: shape().isRequired,\n  appData: shape().isRequired,\n  appRegistry: shape().isRequired,\n  subscribeAppForAsset: func.isRequired,\n  unsubscribeAppFromAsset: func.isRequired,\n  isSubDataLoading: func.isRequired,\n  getSubErrors: func.isRequired,\n  isSubDataEmpty: func.isRequired,\n  showAppPreview: bool,\n};\n\nAppAnnotationFeedItem.defaultProps = {\n  showAppPreview: true,\n};\n\nexport default AppAnnotationFeedItem;\n"],"names":["useStyles","makeStyles","theme","attachmentLable","fontSize","color","palette","primary","text6","AppAnnotationFeedItem","props","feedItem","id","well","rig","app","appPackage","package","companyId","company_id","_props$feedItem$conte","context","app_annotation","body","appCategory","app_category","appKey","app_key","createdAt","created_at","_props$feedItem$conte2","settings","attachment","dataTimestamp","data_timestamp","mentionedUsers","mentioned_users","appContext","appRegistry","subscribeAppForAsset","unsubscribeAppFromAsset","currentUser","appData","isSubDataLoading","getSubErrors","isSubDataEmpty","classes","isAppFound","isDevCenterApp","platform","_jsx","Typography","variant","children","asset","normalizeAssetForApp","timestamp","moment","unix","every","Boolean","_jsxs","className","styles","appAnnotationFeedItem","concat","formatMentionText","isNativeDetected","showAppPreview","_Fragment","url","DevCenterEmbeddedApp","appContainerClassName","appAnnotationFeedItemApp","appId","assetId","coordinates","time","EmbeddedApp","Map","appComponentKey","appComponentCategory","requiresSubscription","assetDashboards","List","onSettingChange","internalSelectors","signed_url","appAnnotationFeedItemAttachment","Attachment","small","attachmentUrl","fileName","file_name","displayName","propTypes","shape","oneOfType","number","string","isRequired","propName","componentName","_typeof","Error","app_name","func","bool","defaultProps"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js"],"sourcesContent":["import { shape, number, string, oneOfType, func, bool } from 'prop-types';\nimport { Map, List } from 'immutable';\nimport moment from 'moment';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport { normalizeAssetForApp } from './helpers';\n\nimport styles from './styles.css';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { EmbeddedApp, DevCenterEmbeddedApp } from '~/components/EmbeddedApp';\nimport Attachment from '~/components/Attachment';\nimport { formatMentionText } from '~/components/UserMention/utils';\n\nconst PAGE_NAME = 'FeedActivityPo_appAnnotation';\n\nconst useStyles = makeStyles(theme => ({\n  attachmentLable: {\n    fontSize: '12px',\n    color: theme.palette.primary.text6,\n  },\n}));\n\nconst AppAnnotationFeedItem = props => {\n  const {\n    feedItem: {\n      id,\n      well,\n      rig,\n      app,\n      package: appPackage,\n      company_id: companyId,\n      context: {\n        app_annotation: {\n          body,\n          app_category: appCategory,\n          app_key: appKey,\n          created_at: createdAt,\n          settings = {},\n          attachment,\n          data_timestamp: dataTimestamp,\n        },\n      },\n      mentioned_users: mentionedUsers,\n    },\n    appContext,\n\n    appRegistry,\n    subscribeAppForAsset,\n    unsubscribeAppFromAsset,\n    currentUser,\n    appData,\n    isSubDataLoading,\n    getSubErrors,\n    isSubDataEmpty,\n    showAppPreview = true,\n  } = props;\n  const classes = useStyles();\n\n  const isAppFound = !!app;\n  const isDevCenterApp = isAppFound && app.platform === 'dev_center';\n  const isDevCenterWithoutPackage = isDevCenterApp && !appPackage;\n\n  if (!isAppFound || isDevCenterWithoutPackage)\n    return <Typography variant=\"body2\">App not found</Typography>;\n\n  const asset = normalizeAssetForApp(well || rig, companyId);\n  const timestamp = moment(dataTimestamp || createdAt).unix();\n\n  const requiredFields = [asset, appCategory, appKey, createdAt];\n\n  if (!requiredFields.every(Boolean) || !asset.id)\n    return <Typography variant=\"body2\">No Data</Typography>;\n\n  return (\n    <div className={styles.appAnnotationFeedItem}>\n      <Typography variant=\"body2\" data-testid={`${PAGE_NAME}_message`}>\n        {formatMentionText(body, mentionedUsers, isNativeDetected)}\n      </Typography>\n      {showAppPreview && (\n        <>\n          <br />\n          {appPackage && appPackage.url ? (\n            <DevCenterEmbeddedApp\n              appContainerClassName={styles.appAnnotationFeedItemApp}\n              appId={id}\n              assetId={asset.id}\n              asset={asset}\n              app={{\n                app: { ...app, settings },\n                package: appPackage,\n              }}\n              coordinates={{}}\n              timestamp={timestamp}\n              time={dataTimestamp}\n              currentUser={currentUser}\n            />\n          ) : (\n            <EmbeddedApp\n              appContainerClassName={styles.appAnnotationFeedItemApp}\n              appId={id}\n              assetId={asset.id}\n              asset={Map(asset)}\n              appComponentKey={appKey}\n              appComponentCategory={appCategory}\n              requiresSubscription\n              appContext={Map(appContext)}\n              assetDashboards={List()}\n              timestamp={timestamp}\n              time={dataTimestamp}\n              onSettingChange={() => undefined}\n              settings={settings}\n              internalSelectors={{\n                isSubDataLoading,\n                getSubErrors,\n                isSubDataEmpty,\n              }}\n              appRegistry={appRegistry}\n              appData={appData}\n              subscribeAppForAsset={subscribeAppForAsset}\n              unsubscribeAppFromAsset={unsubscribeAppFromAsset}\n            />\n          )}\n        </>\n      )}\n      {attachment && attachment.signed_url && (\n        <div className={styles.appAnnotationFeedItemAttachment}>\n          <Typography variant=\"subtitle1\" className={classes.attachmentLable}>\n            Attachments\n          </Typography>\n          <Attachment\n            small\n            attachmentUrl={attachment.signed_url}\n            fileName={attachment.file_name}\n            displayName={attachment.file_name}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nAppAnnotationFeedItem.propTypes = {\n  feedItem: shape({\n    id: oneOfType([number, string]).isRequired,\n    well: (props, propName, componentName) => {\n      if (!props.well && !props.rig) {\n        return new Error(`One of props 'well' or 'rig' was not specified in '${componentName}'.`);\n      }\n      if (props.well && typeof props.well !== 'object')\n        return new Error(`Prop '${propName}' should be an object`);\n      return null;\n    },\n    rig: (props, propName, componentName) => {\n      if (!props.well && !props.rig) {\n        return new Error(`One of props 'well' or 'rig' was not specified in '${componentName}'.`);\n      }\n      if (props.rig && typeof props.rig !== 'object')\n        return new Error(`Prop '${propName}' should be an object`);\n      return null;\n    },\n    context: shape({\n      app_annotation: shape({\n        body: string,\n        app_category: string.isRequired,\n        app_name: string.isRequired,\n        created_at: string.isRequired,\n        settings: shape(),\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n  appContext: shape().isRequired,\n  currentUser: shape().isRequired,\n  appData: shape().isRequired,\n  appRegistry: shape().isRequired,\n  subscribeAppForAsset: func.isRequired,\n  unsubscribeAppFromAsset: func.isRequired,\n  isSubDataLoading: func.isRequired,\n  getSubErrors: func.isRequired,\n  isSubDataEmpty: func.isRequired,\n  showAppPreview: bool,\n};\n\nexport default AppAnnotationFeedItem;\n"],"names":["useStyles","makeStyles","theme","attachmentLable","fontSize","color","palette","primary","text6","AppAnnotationFeedItem","props","feedItem","id","well","rig","app","appPackage","package","companyId","company_id","_props$feedItem$conte","context","app_annotation","body","appCategory","app_category","appKey","app_key","createdAt","created_at","_props$feedItem$conte2","settings","attachment","dataTimestamp","data_timestamp","mentionedUsers","mentioned_users","appContext","appRegistry","subscribeAppForAsset","unsubscribeAppFromAsset","currentUser","appData","isSubDataLoading","getSubErrors","isSubDataEmpty","_props$showAppPreview","showAppPreview","classes","isAppFound","isDevCenterApp","platform","_jsx","Typography","variant","children","asset","normalizeAssetForApp","timestamp","moment","unix","every","Boolean","_jsxs","className","styles","appAnnotationFeedItem","concat","formatMentionText","isNativeDetected","_Fragment","url","DevCenterEmbeddedApp","appContainerClassName","appAnnotationFeedItemApp","appId","assetId","coordinates","time","EmbeddedApp","Map","appComponentKey","appComponentCategory","requiresSubscription","assetDashboards","List","onSettingChange","internalSelectors","signed_url","appAnnotationFeedItemAttachment","Attachment","small","attachmentUrl","fileName","file_name","displayName","propTypes","shape","oneOfType","number","string","isRequired","propName","componentName","_typeof","Error","app_name","func","bool"],"mappings":"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"}

package/components/FeedItem/feedItemTypes/SurveyStationFeedItem/components/AccuracyPlan.d.ts

@@ -1,8 +1,8 @@
-declare function AccuracyPlan({ timestamp, initialPlanName, cumulativeTvdChange, accuracyData }: {
+declare function AccuracyPlan({ timestamp, initialPlanName, cumulativeTvdChange, accuracyData, }: {
     accuracyData: any;
-    cumulativeTvdChange: any;
-    initialPlanName: any;
-    timestamp: any;
+    cumulativeTvdChange?: string | undefined;
+    initialPlanName?: string | undefined;
+    timestamp?: null | undefined;
 }): import("react").JSX.Element;
 declare namespace AccuracyPlan {
     var propTypes: {
@@ -11,11 +11,6 @@ declare namespace AccuracyPlan {
         cumulativeTvdChange: import("prop-types").Requireable<string>;
         accuracyData: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<import("prop-types").ValidationMap<any>>>>;
     };
-    var defaultProps: {
-        timestamp: null;
-        initialPlanName: string;
-        cumulativeTvdChange: string;
-    };
 }
 export default AccuracyPlan;
 //# sourceMappingURL=AccuracyPlan.d.ts.map

package/components/FeedItem/feedItemTypes/SurveyStationFeedItem/components/AccuracyPlan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccuracyPlan.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FeedItem/feedItemTypes/SurveyStationFeedItem/components/AccuracyPlan.js"],"names":[],"mappings":"8BA2BsB,EAAE,SAAS,EAAE,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE;;;;;CAAA;;;;;;;;;;;;;;eAwCxE,YAAY"}
+{"version":3,"file":"AccuracyPlan.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FeedItem/feedItemTypes/SurveyStationFeedItem/components/AccuracyPlan.js"],"names":[],"mappings":"8BA2BsB,EACpB,SAAgB,EAChB,eAAoB,EACpB,mBAAwB,EACxB,YAAY,GACb;;;;;CAAA;;;;;;;;;eAkCc,YAAY"}

package/components/FeedItem/feedItemTypes/SurveyStationFeedItem/components/AccuracyPlan.js

@@ -1,2 +1,2 @@
-import{number as a,string as e,shape as t}from"prop-types";import i from"moment";import{makeStyles as l,Typography as n}from"@material-ui/core";import{convertValue as r,getUnitDisplay as c}from"../../../../../utils/convert.js";import{purifyPlanName as m,getColorBySeverity as o}from"../../../../../utils/accuracy.js";import{jsxs as p,jsx as u}from"react/jsx-runtime";var s=l((function(a){return{wrapper:{display:"flex",flexDirection:"column",margin:"0 20px 10px 0",minWidth:"290px"},planValueWrapper:{display:"flex",alignItems:"baseline"},planUnit:{color:a.palette.grey[400],marginLeft:5},planText:{color:a.palette.grey[400]}}})),d=function(a){var e,t=a.timestamp,l=a.initialPlanName,d=a.cumulativeTvdChange,v=a.accuracyData,f=s(),h=t?i.unix(t).format("MM/DD/YY"):"",y=m(l);return d&&(y="".concat(y,", ").concat(d," ft cumulative TVD change")),p("div",{className:"c-survey-station-feed-item__accuracy-plan",children:[u(n,{variant:"subtitle1",children:"Minimum Distance to Plan:"}),p("div",{className:f.planValueWrapper,children:[u(n,{variant:"h5",style:{color:o(v)},children:parseFloat(null===(e=r(null==v?void 0:v.distance_to_plan,"length","ft"))||void 0===e?void 0:e.toFixed(1))}),p(n,{variant:"caption",className:f.planUnit,children:["(",c("length"),")"]})]}),u(n,{variant:"body1",className:f.planText,children:y||h})]})};d.propTypes={timestamp:a,initialPlanName:e,cumulativeTvdChange:e,accuracyData:t().isRequired},d.defaultProps={timestamp:null,initialPlanName:"",cumulativeTvdChange:""};export{d as default};
+import{number as a,string as e,shape as t}from"prop-types";import i from"moment";import{makeStyles as r,Typography as n}from"@material-ui/core";import{convertValue as l,getUnitDisplay as c}from"../../../../../utils/convert.js";import{purifyPlanName as o,getColorBySeverity as m}from"../../../../../utils/accuracy.js";import{jsxs as p,jsx as s}from"react/jsx-runtime";var u=r((function(a){return{wrapper:{display:"flex",flexDirection:"column",margin:"0 20px 10px 0",minWidth:"290px"},planValueWrapper:{display:"flex",alignItems:"baseline"},planUnit:{color:a.palette.grey[400],marginLeft:5},planText:{color:a.palette.grey[400]}}})),d=function(a){var e,t=a.timestamp,r=void 0===t?null:t,d=a.initialPlanName,v=void 0===d?"":d,f=a.cumulativeTvdChange,h=void 0===f?"":f,y=a.accuracyData,x=u(),g=r?i.unix(r).format("MM/DD/YY"):"",D=o(v);return h&&(D="".concat(D,", ").concat(h," ft cumulative TVD change")),p("div",{className:"c-survey-station-feed-item__accuracy-plan",children:[s(n,{variant:"subtitle1",children:"Minimum Distance to Plan:"}),p("div",{className:x.planValueWrapper,children:[s(n,{variant:"h5",style:{color:m(y)},children:parseFloat(null===(e=l(null==y?void 0:y.distance_to_plan,"length","ft"))||void 0===e?void 0:e.toFixed(1))}),p(n,{variant:"caption",className:x.planUnit,children:["(",c("length"),")"]})]}),s(n,{variant:"body1",className:x.planText,children:D||g})]})};d.propTypes={timestamp:a,initialPlanName:e,cumulativeTvdChange:e,accuracyData:t().isRequired};export{d as default};
 //# sourceMappingURL=AccuracyPlan.js.map

package/components/FeedItem/feedItemTypes/SurveyStationFeedItem/components/AccuracyPlan.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccuracyPlan.js","sources":["../../../../../../src/components/FeedItem/feedItemTypes/SurveyStationFeedItem/components/AccuracyPlan.js"],"sourcesContent":["import { shape, string, number } from 'prop-types';\nimport moment from 'moment';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\nimport { purifyPlanName, getColorBySeverity } from '~/utils/accuracy';\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    display: 'flex',\n    flexDirection: 'column',\n    margin: '0 20px 10px 0',\n    minWidth: '290px',\n  },\n  planValueWrapper: {\n    display: 'flex',\n    alignItems: 'baseline',\n  },\n  planUnit: {\n    color: theme.palette.grey[400],\n    marginLeft: 5,\n  },\n  planText: {\n    color: theme.palette.grey[400],\n  },\n}));\n\nconst AccuracyPlan = ({ timestamp, initialPlanName, cumulativeTvdChange, accuracyData }) => {\n  const classes = useStyles();\n  const dateString = timestamp ? moment.unix(timestamp).format('MM/DD/YY') : '';\n\n  let planName = purifyPlanName(initialPlanName);\n  if (cumulativeTvdChange) {\n    planName = `${planName}, ${cumulativeTvdChange} ft cumulative TVD change`;\n  }\n\n  return (\n    <div className=\"c-survey-station-feed-item__accuracy-plan\">\n      <Typography variant=\"subtitle1\">Minimum Distance to Plan:</Typography>\n      <div className={classes.planValueWrapper}>\n        <Typography variant=\"h5\" style={{ color: getColorBySeverity(accuracyData) }}>\n          {parseFloat(convertValue(accuracyData?.distance_to_plan, 'length', 'ft')?.toFixed(1))}\n        </Typography>\n        <Typography variant=\"caption\" className={classes.planUnit}>\n          ({getUnitDisplay('length')})\n        </Typography>\n      </div>\n      <Typography variant=\"body1\" className={classes.planText}>\n        {planName || dateString}\n      </Typography>\n    </div>\n  );\n};\n\nAccuracyPlan.propTypes = {\n  timestamp: number,\n  initialPlanName: string,\n  cumulativeTvdChange: string,\n  accuracyData: shape().isRequired,\n};\n\nAccuracyPlan.defaultProps = {\n  timestamp: null,\n  initialPlanName: '',\n  cumulativeTvdChange: '',\n};\n\nexport default AccuracyPlan;\n"],"names":["useStyles","makeStyles","theme","wrapper","display","flexDirection","margin","minWidth","planValueWrapper","alignItems","planUnit","color","palette","grey","marginLeft","planText","AccuracyPlan","_ref","_convertValue","timestamp","initialPlanName","cumulativeTvdChange","accuracyData","classes","dateString","moment","unix","format","planName","purifyPlanName","_jsxs","className","children","_jsx","Typography","variant","style","getColorBySeverity","parseFloat","convertValue","distance_to_plan","toFixed","getUnitDisplay","propTypes","number","string","shape","isRequired","defaultProps"],"mappings":"+WAOA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACPC,QAAS,OACTC,cAAe,SACfC,OAAQ,gBACRC,SAAU,SAEZC,iBAAkB,CAChBJ,QAAS,OACTK,WAAY,YAEdC,SAAU,CACRC,MAAOT,EAAMU,QAAQC,KAAK,KAC1BC,WAAY,GAEdC,SAAU,CACRJ,MAAOT,EAAMU,QAAQC,KAAK,MAE7B,IAEKG,EAAe,SAAuEC,GAAA,IAAAC,EAApEC,IAAAA,UAAWC,IAAAA,gBAAiBC,IAAAA,oBAAqBC,IAAAA,aACjEC,EAAUvB,IACVwB,EAAaL,EAAYM,EAAOC,KAAKP,GAAWQ,OAAO,YAAc,GAEvEC,EAAWC,EAAeT,GAK9B,OAJIC,IACFO,EAAcA,GAAAA,OAAAA,EAAaP,MAAAA,OAAAA,EAA8C,8BAIzES,EAAA,MAAA,CAAKC,UAAU,4CAA2CC,SAAA,CACxDC,EAACC,EAAU,CAACC,QAAQ,YAAWH,SAAA,8BAC/BF,EAAA,MAAA,CAAKC,UAAWR,EAAQf,iBAAiBwB,SAAA,CACvCC,EAACC,EAAU,CAACC,QAAQ,KAAKC,MAAO,CAAEzB,MAAO0B,EAAmBf,IAAgBU,SACzEM,qBAAWC,EAAajB,eAAAA,EAAckB,iBAAkB,SAAU,0BAAvDtB,EAA8DuB,QAAQ,MAEpFX,EAACI,EAAU,CAACC,QAAQ,UAAUJ,UAAWR,EAAQb,SAASsB,SACtDU,CAAAA,IAAAA,EAAe,UAAS,UAG9BT,EAACC,EAAU,CAACC,QAAQ,QAAQJ,UAAWR,EAAQR,SAASiB,SACrDJ,GAAYJ,MAIrB,EAEAR,EAAa2B,UAAY,CACvBxB,UAAWyB,EACXxB,gBAAiByB,EACjBxB,oBAAqBwB,EACrBvB,aAAcwB,IAAQC,YAGxB/B,EAAagC,aAAe,CAC1B7B,UAAW,KACXC,gBAAiB,GACjBC,oBAAqB"}
+{"version":3,"file":"AccuracyPlan.js","sources":["../../../../../../src/components/FeedItem/feedItemTypes/SurveyStationFeedItem/components/AccuracyPlan.js"],"sourcesContent":["import { shape, string, number } from 'prop-types';\nimport moment from 'moment';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\nimport { purifyPlanName, getColorBySeverity } from '~/utils/accuracy';\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    display: 'flex',\n    flexDirection: 'column',\n    margin: '0 20px 10px 0',\n    minWidth: '290px',\n  },\n  planValueWrapper: {\n    display: 'flex',\n    alignItems: 'baseline',\n  },\n  planUnit: {\n    color: theme.palette.grey[400],\n    marginLeft: 5,\n  },\n  planText: {\n    color: theme.palette.grey[400],\n  },\n}));\n\nconst AccuracyPlan = ({\n  timestamp = null,\n  initialPlanName = '',\n  cumulativeTvdChange = '',\n  accuracyData,\n}) => {\n  const classes = useStyles();\n  const dateString = timestamp ? moment.unix(timestamp).format('MM/DD/YY') : '';\n\n  let planName = purifyPlanName(initialPlanName);\n  if (cumulativeTvdChange) {\n    planName = `${planName}, ${cumulativeTvdChange} ft cumulative TVD change`;\n  }\n\n  return (\n    <div className=\"c-survey-station-feed-item__accuracy-plan\">\n      <Typography variant=\"subtitle1\">Minimum Distance to Plan:</Typography>\n      <div className={classes.planValueWrapper}>\n        <Typography variant=\"h5\" style={{ color: getColorBySeverity(accuracyData) }}>\n          {parseFloat(convertValue(accuracyData?.distance_to_plan, 'length', 'ft')?.toFixed(1))}\n        </Typography>\n        <Typography variant=\"caption\" className={classes.planUnit}>\n          ({getUnitDisplay('length')})\n        </Typography>\n      </div>\n      <Typography variant=\"body1\" className={classes.planText}>\n        {planName || dateString}\n      </Typography>\n    </div>\n  );\n};\n\nAccuracyPlan.propTypes = {\n  timestamp: number,\n  initialPlanName: string,\n  cumulativeTvdChange: string,\n  accuracyData: shape().isRequired,\n};\n\nexport default AccuracyPlan;\n"],"names":["useStyles","makeStyles","theme","wrapper","display","flexDirection","margin","minWidth","planValueWrapper","alignItems","planUnit","color","palette","grey","marginLeft","planText","AccuracyPlan","_ref","_convertValue","_ref$timestamp","timestamp","_ref$initialPlanName","initialPlanName","_ref$cumulativeTvdCha","cumulativeTvdChange","accuracyData","classes","dateString","moment","unix","format","planName","purifyPlanName","_jsxs","className","children","_jsx","Typography","variant","style","getColorBySeverity","parseFloat","convertValue","distance_to_plan","toFixed","getUnitDisplay","propTypes","number","string","shape","isRequired"],"mappings":"+WAOA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACPC,QAAS,OACTC,cAAe,SACfC,OAAQ,gBACRC,SAAU,SAEZC,iBAAkB,CAChBJ,QAAS,OACTK,WAAY,YAEdC,SAAU,CACRC,MAAOT,EAAMU,QAAQC,KAAK,KAC1BC,WAAY,GAEdC,SAAU,CACRJ,MAAOT,EAAMU,QAAQC,KAAK,MAE7B,IAEKG,EAAe,SAKfC,GAAA,IAAAC,EAAAC,EAAAF,EAJJG,UAAAA,aAAY,KAAID,EAAAE,EAAAJ,EAChBK,gBAAAA,aAAkB,GAAED,EAAAE,EAAAN,EACpBO,oBAAAA,aAAsB,GAAED,EACxBE,IAAAA,aAEMC,EAAU1B,IACV2B,EAAaP,EAAYQ,EAAOC,KAAKT,GAAWU,OAAO,YAAc,GAEvEC,EAAWC,EAAeV,GAK9B,OAJIE,IACFO,EAAcA,GAAAA,OAAAA,EAAaP,MAAAA,OAAAA,EAA8C,8BAIzES,EAAA,MAAA,CAAKC,UAAU,4CAA2CC,SAAA,CACxDC,EAACC,EAAU,CAACC,QAAQ,YAAWH,SAAA,8BAC/BF,EAAA,MAAA,CAAKC,UAAWR,EAAQlB,iBAAiB2B,SAAA,CACvCC,EAACC,EAAU,CAACC,QAAQ,KAAKC,MAAO,CAAE5B,MAAO6B,EAAmBf,IAAgBU,SACzEM,qBAAWC,EAAajB,eAAAA,EAAckB,iBAAkB,SAAU,0BAAvDzB,EAA8D0B,QAAQ,MAEpFX,EAACI,EAAU,CAACC,QAAQ,UAAUJ,UAAWR,EAAQhB,SAASyB,SACtDU,CAAAA,IAAAA,EAAe,UAAS,UAG9BT,EAACC,EAAU,CAACC,QAAQ,QAAQJ,UAAWR,EAAQX,SAASoB,SACrDJ,GAAYJ,MAIrB,EAEAX,EAAa8B,UAAY,CACvB1B,UAAW2B,EACXzB,gBAAiB0B,EACjBxB,oBAAqBwB,EACrBvB,aAAcwB,IAAQC"}

package/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/TargetChanges.d.ts

@@ -1,5 +1,5 @@
 declare function TargetChanges({ targetChanges }: {
-    targetChanges: any;
+    targetChanges?: {} | undefined;
 }): import("react").JSX.Element;
 declare namespace TargetChanges {
     var propTypes: {
@@ -9,9 +9,6 @@ declare namespace TargetChanges {
             tvd_change: import("prop-types").Requireable<number>;
         }>>;
     };
-    var defaultProps: {
-        targetChanges: {};
-    };
 }
 export default TargetChanges;
 //# sourceMappingURL=TargetChanges.d.ts.map

package/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/TargetChanges.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TargetChanges.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/TargetChanges.js"],"names":[],"mappings":"+BAkBuB,EAAE,aAAa,EAAE;;CAAA;;;;;;;;;;;;;eA6CzB,aAAa"}
+{"version":3,"file":"TargetChanges.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/TargetChanges.js"],"names":[],"mappings":"+BAkBuB,EAAE,aAAqD,EAAE;;CAAA;;;;;;;;;;eA2CjE,aAAa"}

package/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/TargetChanges.js

@@ -1,2 +1,2 @@
-import{shape as a,number as e}from"prop-types";import{makeStyles as t,Typography as r}from"@material-ui/core";import{getUnitDisplay as n}from"../../../../../utils/convert.js";import{jsxs as c,jsx as i}from"react/jsx-runtime";var l=t((function(a){return{wrapper:{display:"flex"},targetLabel:{color:a.palette.grey[400],marginRight:10},targetValue:{marginRight:15}}})),o=function(a){var e=a.targetChanges,t=l();return c("div",{children:[i(r,{variant:"body2",gutterBottom:!0,children:"Target Changes:"}),c("div",{className:t.wrapper,children:[i(r,{variant:"body2",className:t.targetLabel,children:"MD:"}),i(r,{variant:"body2",className:t.targetValue,children:"".concat(e.measured_depth||0," (").concat(n("length"),")")}),i(r,{variant:"body2",className:t.targetLabel,children:"Vertical Section:"}),i(r,{variant:"body2",className:t.targetValue,children:"".concat(e.vertical_section||0," (").concat(n("length"),")")}),i(r,{variant:"body2",className:t.targetLabel,children:"TVD Change:"}),i(r,{variant:"body2",className:t.targetValue,children:"".concat(e.tvd_change||0," (").concat(n("length"),")")})]})]})};o.propTypes={targetChanges:a({measured_depth:e,vertical_section:e,tvd_change:e})},o.defaultProps={targetChanges:{}};export{o as default};
+import{shape as a,number as e}from"prop-types";import{makeStyles as t,Typography as r}from"@material-ui/core";import{getUnitDisplay as n}from"../../../../../utils/convert.js";import{jsxs as c,jsx as i}from"react/jsx-runtime";var l=t((function(a){return{wrapper:{display:"flex"},targetLabel:{color:a.palette.grey[400],marginRight:10},targetValue:{marginRight:15}}})),o=function(a){var e=a.targetChanges,t=void 0===e?s:e,o=l();return c("div",{children:[i(r,{variant:"body2",gutterBottom:!0,children:"Target Changes:"}),c("div",{className:o.wrapper,children:[i(r,{variant:"body2",className:o.targetLabel,children:"MD:"}),i(r,{variant:"body2",className:o.targetValue,children:"".concat(t.measured_depth||0," (").concat(n("length"),")")}),i(r,{variant:"body2",className:o.targetLabel,children:"Vertical Section:"}),i(r,{variant:"body2",className:o.targetValue,children:"".concat(t.vertical_section||0," (").concat(n("length"),")")}),i(r,{variant:"body2",className:o.targetLabel,children:"TVD Change:"}),i(r,{variant:"body2",className:o.targetValue,children:"".concat(t.tvd_change||0," (").concat(n("length"),")")})]})]})};o.propTypes={targetChanges:a({measured_depth:e,vertical_section:e,tvd_change:e})};var s={};export{o as default};
 //# sourceMappingURL=TargetChanges.js.map

package/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/TargetChanges.js.map

@@ -1 +1 @@
-{"version":3,"file":"TargetChanges.js","sources":["../../../../../../src/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/TargetChanges.js"],"sourcesContent":["import { shape, number } from 'prop-types';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport { getUnitDisplay } from '~/utils/convert';\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    display: 'flex',\n  },\n  targetLabel: {\n    color: theme.palette.grey[400],\n    marginRight: 10,\n  },\n  targetValue: {\n    marginRight: 15,\n  },\n}));\n\nconst TargetChanges = ({ targetChanges }) => {\n  const classes = useStyles();\n  return (\n    <div>\n      <Typography variant=\"body2\" gutterBottom>\n        Target Changes:\n      </Typography>\n      <div className={classes.wrapper}>\n        <Typography variant=\"body2\" className={classes.targetLabel}>\n          MD:\n        </Typography>\n        <Typography variant=\"body2\" className={classes.targetValue}>\n          {`${targetChanges.measured_depth || 0} (${getUnitDisplay('length')})`}\n        </Typography>\n\n        <Typography variant=\"body2\" className={classes.targetLabel}>\n          Vertical Section:\n        </Typography>\n        <Typography variant=\"body2\" className={classes.targetValue}>\n          {`${targetChanges.vertical_section || 0} (${getUnitDisplay('length')})`}\n        </Typography>\n\n        <Typography variant=\"body2\" className={classes.targetLabel}>\n          TVD Change:\n        </Typography>\n        <Typography variant=\"body2\" className={classes.targetValue}>\n          {`${targetChanges.tvd_change || 0} (${getUnitDisplay('length')})`}\n        </Typography>\n      </div>\n    </div>\n  );\n};\n\nTargetChanges.propTypes = {\n  targetChanges: shape({\n    measured_depth: number,\n    vertical_section: number,\n    tvd_change: number,\n  }),\n};\n\nTargetChanges.defaultProps = {\n  targetChanges: {},\n};\n\nexport default TargetChanges;\n"],"names":["useStyles","makeStyles","theme","wrapper","display","targetLabel","color","palette","grey","marginRight","targetValue","TargetChanges","_ref","targetChanges","classes","_jsxs","children","_jsx","Typography","variant","gutterBottom","className","measured_depth","getUnitDisplay","vertical_section","tvd_change","propTypes","shape","number","defaultProps"],"mappings":"iOAKA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACPC,QAAS,QAEXC,YAAa,CACXC,MAAOJ,EAAMK,QAAQC,KAAK,KAC1BC,YAAa,IAEfC,YAAa,CACXD,YAAa,IAEhB,IAEKE,EAAgB,SAAuBC,GAAA,IAApBC,IAAAA,cACjBC,EAAUd,IAChB,OACEe,EAAA,MAAA,CAAAC,SAAA,CACEC,EAACC,EAAU,CAACC,QAAQ,QAAQC,cAAY,EAAAJ,SAAA,oBAGxCD,EAAA,MAAA,CAAKM,UAAWP,EAAQX,QAAQa,SAAA,CAC9BC,EAACC,EAAU,CAACC,QAAQ,QAAQE,UAAWP,EAAQT,YAAYW,SAAA,QAG3DC,EAACC,EAAU,CAACC,QAAQ,QAAQE,UAAWP,EAAQJ,YAAYM,SACrDH,GAAAA,OAAAA,EAAcS,gBAAkB,EAAMC,MAAAA,OAAAA,EAAe,UAAS,OAGpEN,EAACC,EAAU,CAACC,QAAQ,QAAQE,UAAWP,EAAQT,YAAYW,SAAA,sBAG3DC,EAACC,EAAU,CAACC,QAAQ,QAAQE,UAAWP,EAAQJ,YAAYM,SACrDH,GAAAA,OAAAA,EAAcW,kBAAoB,EAAMD,MAAAA,OAAAA,EAAe,UAAS,OAGtEN,EAACC,EAAU,CAACC,QAAQ,QAAQE,UAAWP,EAAQT,YAAYW,SAAA,gBAG3DC,EAACC,EAAU,CAACC,QAAQ,QAAQE,UAAWP,EAAQJ,YAAYM,SACrDH,GAAAA,OAAAA,EAAcY,YAAc,EAAMF,MAAAA,OAAAA,EAAe,UAAS,YAKxE,EAEAZ,EAAce,UAAY,CACxBb,cAAec,EAAM,CACnBL,eAAgBM,EAChBJ,iBAAkBI,EAClBH,WAAYG,KAIhBjB,EAAckB,aAAe,CAC3BhB,cAAe,CAAC"}
+{"version":3,"file":"TargetChanges.js","sources":["../../../../../../src/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/TargetChanges.js"],"sourcesContent":["import { shape, number } from 'prop-types';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport { getUnitDisplay } from '~/utils/convert';\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    display: 'flex',\n  },\n  targetLabel: {\n    color: theme.palette.grey[400],\n    marginRight: 10,\n  },\n  targetValue: {\n    marginRight: 15,\n  },\n}));\n\nconst TargetChanges = ({ targetChanges = DEFAULT_TARGET_CHANGES_TARGET_CHANGES }) => {\n  const classes = useStyles();\n  return (\n    <div>\n      <Typography variant=\"body2\" gutterBottom>\n        Target Changes:\n      </Typography>\n      <div className={classes.wrapper}>\n        <Typography variant=\"body2\" className={classes.targetLabel}>\n          MD:\n        </Typography>\n        <Typography variant=\"body2\" className={classes.targetValue}>\n          {`${targetChanges.measured_depth || 0} (${getUnitDisplay('length')})`}\n        </Typography>\n\n        <Typography variant=\"body2\" className={classes.targetLabel}>\n          Vertical Section:\n        </Typography>\n        <Typography variant=\"body2\" className={classes.targetValue}>\n          {`${targetChanges.vertical_section || 0} (${getUnitDisplay('length')})`}\n        </Typography>\n\n        <Typography variant=\"body2\" className={classes.targetLabel}>\n          TVD Change:\n        </Typography>\n        <Typography variant=\"body2\" className={classes.targetValue}>\n          {`${targetChanges.tvd_change || 0} (${getUnitDisplay('length')})`}\n        </Typography>\n      </div>\n    </div>\n  );\n};\n\nTargetChanges.propTypes = {\n  targetChanges: shape({\n    measured_depth: number,\n    vertical_section: number,\n    tvd_change: number,\n  }),\n};\n\nconst DEFAULT_TARGET_CHANGES_TARGET_CHANGES = {};\n\nexport default TargetChanges;\n"],"names":["useStyles","makeStyles","theme","wrapper","display","targetLabel","color","palette","grey","marginRight","targetValue","TargetChanges","_ref","_ref$targetChanges","targetChanges","DEFAULT_TARGET_CHANGES_TARGET_CHANGES","classes","_jsxs","children","_jsx","Typography","variant","gutterBottom","className","measured_depth","getUnitDisplay","vertical_section","tvd_change","propTypes","shape","number"],"mappings":"iOAKA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACPC,QAAS,QAEXC,YAAa,CACXC,MAAOJ,EAAMK,QAAQC,KAAK,KAC1BC,YAAa,IAEfC,YAAa,CACXD,YAAa,IAEhB,IAEKE,EAAgB,SAA+DC,GAAA,IAAAC,EAAAD,EAA5DE,cAAAA,aAAgBC,EAAqCF,EACtEG,EAAUhB,IAChB,OACEiB,EAAA,MAAA,CAAAC,SAAA,CACEC,EAACC,EAAU,CAACC,QAAQ,QAAQC,cAAY,EAAAJ,SAAA,oBAGxCD,EAAA,MAAA,CAAKM,UAAWP,EAAQb,QAAQe,SAAA,CAC9BC,EAACC,EAAU,CAACC,QAAQ,QAAQE,UAAWP,EAAQX,YAAYa,SAAA,QAG3DC,EAACC,EAAU,CAACC,QAAQ,QAAQE,UAAWP,EAAQN,YAAYQ,SACrDJ,GAAAA,OAAAA,EAAcU,gBAAkB,EAAMC,MAAAA,OAAAA,EAAe,UAAS,OAGpEN,EAACC,EAAU,CAACC,QAAQ,QAAQE,UAAWP,EAAQX,YAAYa,SAAA,sBAG3DC,EAACC,EAAU,CAACC,QAAQ,QAAQE,UAAWP,EAAQN,YAAYQ,SACrDJ,GAAAA,OAAAA,EAAcY,kBAAoB,EAAMD,MAAAA,OAAAA,EAAe,UAAS,OAGtEN,EAACC,EAAU,CAACC,QAAQ,QAAQE,UAAWP,EAAQX,YAAYa,SAAA,gBAG3DC,EAACC,EAAU,CAACC,QAAQ,QAAQE,UAAWP,EAAQN,YAAYQ,SACrDJ,GAAAA,OAAAA,EAAca,YAAc,EAAMF,MAAAA,OAAAA,EAAe,UAAS,YAKxE,EAEAd,EAAciB,UAAY,CACxBd,cAAee,EAAM,CACnBL,eAAgBM,EAChBJ,iBAAkBI,EAClBH,WAAYG,KAIhB,IAAMf,EAAwC,CAAE"}

package/components/FileTypeIcon.d.ts

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 declare function FileTypeIcon({ fileName, size, className }: {
     className: any;
     fileName: any;
-    size: any;
+    size?: number | undefined;
 }): import("react").JSX.Element;
 declare namespace FileTypeIcon {
     var propTypes: {
@@ -10,10 +10,6 @@ declare namespace FileTypeIcon {
         size: PropTypes.Requireable<number>;
         className: PropTypes.Requireable<string>;
     };
-    var defaultProps: {
-        size: number;
-        className: undefined;
-    };
 }
 export default FileTypeIcon;
 //# sourceMappingURL=FileTypeIcon.d.ts.map

package/components/FileTypeIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileTypeIcon.d.ts","sourceRoot":"","sources":["../../src/components/FileTypeIcon.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;8BAuBb,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE;;;;CAAA;;;;;;;;;;;;eA6CpC,YAAY"}
+{"version":3,"file":"FileTypeIcon.d.ts","sourceRoot":"","sources":["../../src/components/FileTypeIcon.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;8BAuBb,EAAE,QAAQ,EAAE,IAAS,EAAE,SAAS,EAAE;;;;CAAA;;;;;;;;eAwCzC,YAAY"}

package/components/FileTypeIcon.js

@@ -1,2 +1,2 @@
-import e from"prop-types";import i from"image-extensions";import{getFileExtension as a}from"../utils/fileExtension.js";import{jsx as s}from"react/jsx-runtime";var d={image:i,doc:["doc","docx"],xls:["xls","xlsx"],pdf:["pdf"],archive:["zip","rar","7z","tar"]},c={fileTypeWrapper:{display:"inline-block",verticalAlign:"top"}},t=function(e){var i,t=e.fileName,r=e.size,l=e.className,f=a(t);return i=d.image.includes(f)?"/static/media/ce0806d7fe0a5fdedde889e58929cd3a.svg":d.doc.includes(f)?"/static/media/ffd922ae8116b456a7f24dcf118f36b4.svg":d.xls.includes(f)?"/static/media/b88b9008a93dabe2d431b22e76e3017a.svg":d.pdf.includes(f)?"/static/media/af268ec48d747e3147d5acb95bc1b599.svg":d.archive.includes(f)?"/static/media/e26a8e73ce2b62ee8bd6b8eddf286b49.svg":"/static/media/0ea849622ec24faa453981edfd1862e6.svg",s("div",{style:c.fileTypeWrapper,className:l,children:s("img",{src:i,alt:"File icon",style:{display:"block",height:r,width:r}})})};t.propTypes={fileName:e.string.isRequired,size:e.number,className:e.string},t.defaultProps={size:50,className:void 0};export{t as default};
+import e from"prop-types";import i from"image-extensions";import{getFileExtension as a}from"../utils/fileExtension.js";import{jsx as s}from"react/jsx-runtime";var d={image:i,doc:["doc","docx"],xls:["xls","xlsx"],pdf:["pdf"],archive:["zip","rar","7z","tar"]},c={fileTypeWrapper:{display:"inline-block",verticalAlign:"top"}},t=function(e){var i,t=e.fileName,r=e.size,l=void 0===r?50:r,f=e.className,m=a(t);return i=d.image.includes(m)?"/static/media/ce0806d7fe0a5fdedde889e58929cd3a.svg":d.doc.includes(m)?"/static/media/ffd922ae8116b456a7f24dcf118f36b4.svg":d.xls.includes(m)?"/static/media/b88b9008a93dabe2d431b22e76e3017a.svg":d.pdf.includes(m)?"/static/media/af268ec48d747e3147d5acb95bc1b599.svg":d.archive.includes(m)?"/static/media/e26a8e73ce2b62ee8bd6b8eddf286b49.svg":"/static/media/0ea849622ec24faa453981edfd1862e6.svg",s("div",{style:c.fileTypeWrapper,className:f,children:s("img",{src:i,alt:"File icon",style:{display:"block",height:l,width:l}})})};t.propTypes={fileName:e.string.isRequired,size:e.number,className:e.string};export{t as default};
 //# sourceMappingURL=FileTypeIcon.js.map

package/components/FileTypeIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileTypeIcon.js","sources":["../../src/components/FileTypeIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport imageExtensions from 'image-extensions';\n\nimport { getFileExtension } from '~/utils/fileExtension';\nimport ImageIcon from '~/assets/file-type-icons/image.svg';\nimport DocIcon from '~/assets/file-type-icons/doc.svg';\nimport XlsIcon from '~/assets/file-type-icons/xls.svg';\nimport PdfIcon from '~/assets/file-type-icons/pdf.svg';\nimport OtherIcon from '~/assets/file-type-icons/other.svg';\nimport ArchiveIcon from '~/assets/file-type-icons/archive.svg';\n\nconst fileExtensions = {\n  image: imageExtensions,\n  doc: ['doc', 'docx'],\n  xls: ['xls', 'xlsx'],\n  pdf: ['pdf'],\n  archive: ['zip', 'rar', '7z', 'tar'],\n};\n\nconst styles = {\n  fileTypeWrapper: { display: 'inline-block', verticalAlign: 'top' },\n};\n\nconst FileTypeIcon = ({ fileName, size, className }) => {\n  const extension = getFileExtension(fileName);\n\n  let fileTypeIcon;\n\n  if (fileExtensions.image.includes(extension)) {\n    fileTypeIcon = ImageIcon;\n  } else if (fileExtensions.doc.includes(extension)) {\n    fileTypeIcon = DocIcon;\n  } else if (fileExtensions.xls.includes(extension)) {\n    fileTypeIcon = XlsIcon;\n  } else if (fileExtensions.pdf.includes(extension)) {\n    fileTypeIcon = PdfIcon;\n  } else if (fileExtensions.archive.includes(extension)) {\n    fileTypeIcon = ArchiveIcon;\n  } else {\n    fileTypeIcon = OtherIcon;\n  }\n\n  return (\n    <div style={styles.fileTypeWrapper} className={className}>\n      <img\n        src={fileTypeIcon}\n        alt=\"File icon\"\n        style={{\n          display: 'block',\n          height: size,\n          width: size,\n        }}\n      />\n    </div>\n  );\n};\n\nFileTypeIcon.propTypes = {\n  fileName: PropTypes.string.isRequired,\n  size: PropTypes.number,\n  className: PropTypes.string,\n};\n\nFileTypeIcon.defaultProps = {\n  size: 50,\n  className: undefined,\n};\n\nexport default FileTypeIcon;\n"],"names":["fileExtensions","image","imageExtensions","doc","xls","pdf","archive","styles","fileTypeWrapper","display","verticalAlign","FileTypeIcon","_ref","fileTypeIcon","fileName","size","className","extension","getFileExtension","includes","_jsx","style","children","src","alt","height","width","propTypes","PropTypes","string","isRequired","number","defaultProps","undefined"],"mappings":"+JAGyD,IAQnDA,EAAiB,CACrBC,MAAOC,EACPC,IAAK,CAAC,MAAO,QACbC,IAAK,CAAC,MAAO,QACbC,IAAK,CAAC,OACNC,QAAS,CAAC,MAAO,MAAO,KAAM,QAG1BC,EAAS,CACbC,gBAAiB,CAAEC,QAAS,eAAgBC,cAAe,QAGvDC,EAAe,SAAmCC,GAAA,IAGlDC,EAHkBC,IAAAA,SAAUC,IAAAA,KAAMC,IAAAA,UAChCC,EAAYC,EAAiBJ,GAkBnC,OAbED,EADEb,EAAeC,MAAMkB,SAASF,GAzBqB,qDA2B5CjB,EAAeG,IAAIgB,SAASF,GA3BgB,qDA6B5CjB,EAAeI,IAAIe,SAASF,GA7BgB,qDA+B5CjB,EAAeK,IAAIc,SAASF,GA/BgB,qDAiC5CjB,EAAeM,QAAQa,SAASF,GAjCY,qDAAA,qDAwCrDG,EAAA,MAAA,CAAKC,MAAOd,EAAOC,gBAAiBQ,UAAWA,EAAUM,SACvDF,EAAA,MAAA,CACEG,IAAKV,EACLW,IAAI,YACJH,MAAO,CACLZ,QAAS,QACTgB,OAAQV,EACRW,MAAOX,MAKjB,EAEAJ,EAAagB,UAAY,CACvBb,SAAUc,EAAUC,OAAOC,WAC3Bf,KAAMa,EAAUG,OAChBf,UAAWY,EAAUC,QAGvBlB,EAAaqB,aAAe,CAC1BjB,KAAM,GACNC,eAAWiB"}
+{"version":3,"file":"FileTypeIcon.js","sources":["../../src/components/FileTypeIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport imageExtensions from 'image-extensions';\n\nimport { getFileExtension } from '~/utils/fileExtension';\nimport ImageIcon from '~/assets/file-type-icons/image.svg';\nimport DocIcon from '~/assets/file-type-icons/doc.svg';\nimport XlsIcon from '~/assets/file-type-icons/xls.svg';\nimport PdfIcon from '~/assets/file-type-icons/pdf.svg';\nimport OtherIcon from '~/assets/file-type-icons/other.svg';\nimport ArchiveIcon from '~/assets/file-type-icons/archive.svg';\n\nconst fileExtensions = {\n  image: imageExtensions,\n  doc: ['doc', 'docx'],\n  xls: ['xls', 'xlsx'],\n  pdf: ['pdf'],\n  archive: ['zip', 'rar', '7z', 'tar'],\n};\n\nconst styles = {\n  fileTypeWrapper: { display: 'inline-block', verticalAlign: 'top' },\n};\n\nconst FileTypeIcon = ({ fileName, size = 50, className }) => {\n  const extension = getFileExtension(fileName);\n\n  let fileTypeIcon;\n\n  if (fileExtensions.image.includes(extension)) {\n    fileTypeIcon = ImageIcon;\n  } else if (fileExtensions.doc.includes(extension)) {\n    fileTypeIcon = DocIcon;\n  } else if (fileExtensions.xls.includes(extension)) {\n    fileTypeIcon = XlsIcon;\n  } else if (fileExtensions.pdf.includes(extension)) {\n    fileTypeIcon = PdfIcon;\n  } else if (fileExtensions.archive.includes(extension)) {\n    fileTypeIcon = ArchiveIcon;\n  } else {\n    fileTypeIcon = OtherIcon;\n  }\n\n  return (\n    <div style={styles.fileTypeWrapper} className={className}>\n      <img\n        src={fileTypeIcon}\n        alt=\"File icon\"\n        style={{\n          display: 'block',\n          height: size,\n          width: size,\n        }}\n      />\n    </div>\n  );\n};\n\nFileTypeIcon.propTypes = {\n  fileName: PropTypes.string.isRequired,\n  size: PropTypes.number,\n  className: PropTypes.string,\n};\n\nexport default FileTypeIcon;\n"],"names":["fileExtensions","image","imageExtensions","doc","xls","pdf","archive","styles","fileTypeWrapper","display","verticalAlign","FileTypeIcon","_ref","fileTypeIcon","fileName","_ref$size","size","className","extension","getFileExtension","includes","_jsx","style","children","src","alt","height","width","propTypes","PropTypes","string","isRequired","number"],"mappings":"+JAGyD,IAQnDA,EAAiB,CACrBC,MAAOC,EACPC,IAAK,CAAC,MAAO,QACbC,IAAK,CAAC,MAAO,QACbC,IAAK,CAAC,OACNC,QAAS,CAAC,MAAO,MAAO,KAAM,QAG1BC,EAAS,CACbC,gBAAiB,CAAEC,QAAS,eAAgBC,cAAe,QAGvDC,EAAe,SAAwCC,GAAA,IAGvDC,EAHkBC,IAAAA,SAAQC,EAAAH,EAAEI,KAAAA,aAAO,GAAED,EAAEE,IAAAA,UACrCC,EAAYC,EAAiBL,GAkBnC,OAbED,EADEb,EAAeC,MAAMmB,SAASF,GAzBqB,qDA2B5ClB,EAAeG,IAAIiB,SAASF,GA3BgB,qDA6B5ClB,EAAeI,IAAIgB,SAASF,GA7BgB,qDA+B5ClB,EAAeK,IAAIe,SAASF,GA/BgB,qDAiC5ClB,EAAeM,QAAQc,SAASF,GAjCY,qDAAA,qDAwCrDG,EAAA,MAAA,CAAKC,MAAOf,EAAOC,gBAAiBS,UAAWA,EAAUM,SACvDF,EAAA,MAAA,CACEG,IAAKX,EACLY,IAAI,YACJH,MAAO,CACLb,QAAS,QACTiB,OAAQV,EACRW,MAAOX,MAKjB,EAEAL,EAAaiB,UAAY,CACvBd,SAAUe,EAAUC,OAAOC,WAC3Bf,KAAMa,EAAUG,OAChBf,UAAWY,EAAUC"}

package/components/FilesLoader/FilesLoader.d.ts

@@ -7,22 +7,6 @@ interface FilesLoaderProps extends PropTypes.InferProps<typeof filesLoaderPropTy
 declare function FilesLoader({ size, unit, name, customUnitName, sizeBytes, handleCancel, onReload, onDelete, loadedBytes, error, errorText, formatError, importButtonType, isLoadingAnimation, showActions, }: FilesLoaderProps): JSX.Element;
 declare namespace FilesLoader {
     export { filesLoaderPropTypes as propTypes };
-    export var defaultProps: {
-        size: string;
-        unit: string;
-        onDelete: null;
-        onReload: null;
-        name: string;
-        customUnitName: string;
-        sizeBytes: number;
-        error: null;
-        errorText: string;
-        formatError: boolean;
-        importButtonType: string;
-        handleCancel: null;
-        isLoadingAnimation: boolean;
-        showActions: boolean;
-    };
 }
 declare const filesLoaderPropTypes: {
     size: PropTypes.Requireable<string>;

package/components/FilesLoader/FilesLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilesLoader.d.ts","sourceRoot":"","sources":["../../../src/components/FilesLoader/FilesLoader.tsx"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAmDnC,UAAU,gBAAiB,SAAQ,SAAS,CAAC,UAAU,CAAC,OAAO,oBAAoB,CAAC;CAAG;AAOvF;;GAEG;AACH,iBAAS,WAAW,CAAC,EACnB,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,KAAK,EACL,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,WAAW,GACZ,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA4MhC;kBA5NQ,WAAW;aAgPI,oBAAoB;;;;;;;;;;;;;;;;;;AAlB5C,QAAA,MAAM,oBAAoB;IACxB,IAAI;IACJ,IAAI;IACJ,cAAc;IACd,QAAQ;IACR,QAAQ;IACR,YAAY;IACZ,IAAI;IACJ,SAAS;IACT,KAAK;IACL,SAAS;IACT,WAAW;IACX,gBAAgB;IAChB,WAAW;IACX,kBAAkB;IAClB,WAAW;CACZ,CAAC;eAoBa,WAAW"}
+{"version":3,"file":"FilesLoader.d.ts","sourceRoot":"","sources":["../../../src/components/FilesLoader/FilesLoader.tsx"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAmDnC,UAAU,gBAAiB,SAAQ,SAAS,CAAC,UAAU,CAAC,OAAO,oBAAoB,CAAC;CAAG;AAOvF;;GAEG;AACH,iBAAS,WAAW,CAAC,EACnB,IAAc,EACd,IAAa,EACb,IAAS,EACT,cAAmB,EACnB,SAAa,EACb,YAAmB,EACnB,QAAe,EACf,QAAe,EACf,WAAW,EACX,KAAY,EACZ,SAAc,EACd,WAAmB,EACnB,gBAA4B,EAC5B,kBAA0B,EAC1B,WAAkB,GACnB,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA4MhC;kBA5NQ,WAAW;aAgPI,oBAAoB;;AAlB5C,QAAA,MAAM,oBAAoB;IACxB,IAAI;IACJ,IAAI;IACJ,cAAc;IACd,QAAQ;IACR,QAAQ;IACR,YAAY;IACZ,IAAI;IACJ,SAAS;IACT,KAAK;IACL,SAAS;IACT,WAAW;IACX,gBAAgB;IAChB,WAAW;IACX,kBAAkB;IAClB,WAAW;CACZ,CAAC;eAIa,WAAW"}

package/components/FilesLoader/FilesLoader.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as n,useEffect as i,useMemo as c}from"react";import t from"prop-types";import e from"classnames";import{Typography as r,LinearProgress as m}from"@material-ui/core";import a from"../IconButton/index.js";import l from"../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{CloseSmallIcon as p,DeleteFourIcon as u,CheckOneIcon as d,RedoIcon as j,UploadIcon as I}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.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/SearchOne.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/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as f,jsx as h,Fragment as g}from"react/jsx-runtime";import v from"./Icons/IconWarning.js";import{FileIcon as b}from"../FileIcon/FileIcon.js";import{useStyles as C}from"./useStyles.js";function z(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,i)}return n}function y(s){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?z(Object(i),!0).forEach((function(n){o(s,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):z(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}function O(t){var z=t.size,O=t.unit,B=t.name,P=t.customUnitName,N=t.sizeBytes,S=t.handleCancel,w=t.onReload,F=t.onDelete,A=t.loadedBytes,M=t.error,L=t.errorText,k=t.formatError,D=t.importButtonType,T=t.isLoadingAnimation,x=t.showActions,E=C(),R=n({}),U=s(R,2),W=U[0],G=U[1],q=n(0),K=s(q,2),Z=K[0],H=K[1],J=n(!0),Q=s(J,2),V=Q[0],X=Q[1],Y="large"===z,$=Y?24:16,_=Y?"medium":"small";i((function(){G(function(o,s,n){return"time"===s?{downloaded:0,unit:"min",convertedSize:o}:"custom"===s?{downloaded:0,unit:n,convertedSize:o}:o>=Math.pow(10,6)?{downloaded:0,unit:"MB",convertedSize:Math.floor(o/Math.pow(10,5))/10}:o>=Math.pow(10,3)?{downloaded:0,unit:"KB",convertedSize:Math.floor(o/Math.pow(10,2))/10}:{downloaded:0,unit:"B",convertedSize:Math.floor(10*o)/10}}(null!=N?N:1,null!=O?O:"size",null!=P?P:""))}),[N,O]),i((function(){if(A&&N){var o=Math.round(A/N*100);G((function(s){var n;return y(y({},s),{},{downloaded:Math.floor((null!==(n=s.convertedSize)&&void 0!==n?n:0)*o/10)/10})})),H(o)}}),[A,N]),i((function(){var o;return F&&Z>=100&&(X(!0),o=setTimeout((function(){X(!1)}),5e3)),function(){return o&&clearTimeout(o)}}),[Z]),i((function(){M&&(H(0),G((function(o){return y(y({},o),{},{downloaded:0})})))}),[M]);var oo=c((function(){return[e(E.iconButton,o({},E.iconButtonLarge,Y)),e(E.actionIcon,o({},E.actionIconLarge,Y))]}),[Y]),so=s(oo,2),no=so[0],io=so[1];return f("div",{className:E.fileStateWrapper,children:[h("div",{className:E.fileIconContainer,children:h(b,{name:null!=B?B:"",style:{fontSize:Y?48:32}})}),f("div",{className:E.fileState,children:[f("div",{className:E.fileStateProgress,children:[h("div",{className:E.fileNameWrapper,children:h(r,{className:e(E.fileName,o({},E.fileNameLarge,Y)),children:B&&B.length>7?f(g,{children:[h("span",{className:E.firstPart,children:B.slice(0,B.length-7)}),h("span",{children:B.slice(-7)})]}):B})}),!T&&h(m,{className:E.progressBar,variant:"determinate",value:Z,classes:{colorPrimary:e(E.progressBackground,o({},E.progressBarError,M)),barColorPrimary:e(E.progressBarColor,o({},E.progressBarError,M))}}),f("div",{className:E.loaderProgressContainer,children:[!T&&h(r,{className:e(E.fileSize,o({},E.fileSizeLarge,Y)),component:"span",children:"".concat(W.downloaded," of ").concat(W.convertedSize," ").concat(W.unit)}),f("div",{className:e(E.progressStatus,o({},E.fileSizeLarge,Y)),children:[M&&f(r,{component:"div",className:E.errorContainer,children:[h(v,{size:z}),h(r,{component:"span",className:e(E.errorText,o({},E.fileSizeLarge,Y)),children:k?"Upload Error. Unacceptable file format.":"Upload Error".concat(L&&". ".concat(L))})]}),!M&&!T&&"".concat(Z," %")]})]})]}),x&&f("div",{className:E.fileActions,children:[Z<100&&!M&&h(g,{children:T?h("div",{className:e(E.loadingIcon,o({},E.loadingLargeIcon,Y)),style:{backgroundImage:"url(".concat("/static/media/6fa6f1128bc0185126482345243bcd42.svg",")")}}):h(a,{tooltipProps:{title:"Cancel"},className:no,onClick:function(){null==S||S(B),H(0),G((function(o){return y(y({},o),{},{downloaded:0})}))},size:_,children:h(p,{className:io,size:$})})}),100===Z&&!M&&(!V&&F?h(a,{variant:"contained",tooltipProps:{title:"Delete"},className:no,onClick:F,size:_,children:h(u,{className:io,size:$})}):h(d,{fill:"#75DB29",size:$,style:{marginLeft:12}})),w&&M&&h(g,{children:k?h(g,{children:"default"===D?h(l,{size:Y?"medium":"small",variation:"primary",startIcon:h(I,{}),onClick:w,children:"Import"}):h(a,{size:_,tooltipProps:{title:"Import File"},className:no,onClick:w,children:h(I,{size:$})})}):h(a,{size:_,tooltipProps:{title:"Reload"},className:no,onClick:w,children:h(j,{size:$})})})]})]})]})}var B={size:t.oneOf(["small","large"]),unit:t.oneOf(["size","time","custom"]),customUnitName:t.string,onDelete:t.func,onReload:t.func,handleCancel:t.func,name:t.string,sizeBytes:t.number,error:t.bool,errorText:t.string,formatError:t.bool,importButtonType:t.oneOf(["default","icon"]),loadedBytes:t.number.isRequired,isLoadingAnimation:t.bool,showActions:t.bool};O.propTypes=B,O.defaultProps={size:"small",unit:"size",onDelete:null,onReload:null,name:"",customUnitName:"",sizeBytes:1,error:null,errorText:"",formatError:!1,importButtonType:"default",handleCancel:null,isLoadingAnimation:!1,showActions:!0};export{O as default};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as n,useEffect as i,useMemo as c}from"react";import t from"prop-types";import e from"classnames";import{Typography as r,LinearProgress as m}from"@material-ui/core";import a from"../IconButton/index.js";import l from"../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{CloseSmallIcon as p,DeleteFourIcon as u,CheckOneIcon as d,RedoIcon as j,UploadIcon as I}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.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/SearchOne.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/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as f,jsx as h,Fragment as v}from"react/jsx-runtime";import g from"./Icons/IconWarning.js";import{FileIcon as b}from"../FileIcon/FileIcon.js";import{useStyles as C}from"./useStyles.js";function O(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,i)}return n}function z(s){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?O(Object(i),!0).forEach((function(n){o(s,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):O(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}function y(t){var O=t.size,y=void 0===O?"small":O,P=t.unit,B=void 0===P?"size":P,N=t.name,S=void 0===N?"":N,w=t.customUnitName,F=void 0===w?"":w,M=t.sizeBytes,A=void 0===M?1:M,k=t.handleCancel,L=void 0===k?null:k,D=t.onReload,x=void 0===D?null:D,E=t.onDelete,T=void 0===E?null:E,R=t.loadedBytes,U=t.error,W=void 0===U?null:U,G=t.errorText,q=void 0===G?"":G,K=t.formatError,Z=void 0!==K&&K,H=t.importButtonType,J=void 0===H?"default":H,Q=t.isLoadingAnimation,V=void 0!==Q&&Q,X=t.showActions,Y=void 0===X||X,$=C(),_=n({}),oo=s(_,2),so=oo[0],no=oo[1],io=n(0),co=s(io,2),to=co[0],eo=co[1],ro=n(!0),mo=s(ro,2),ao=mo[0],lo=mo[1],po="large"===y,uo=po?24:16,jo=po?"medium":"small";i((function(){no(function(o,s,n){return"time"===s?{downloaded:0,unit:"min",convertedSize:o}:"custom"===s?{downloaded:0,unit:n,convertedSize:o}:o>=Math.pow(10,6)?{downloaded:0,unit:"MB",convertedSize:Math.floor(o/Math.pow(10,5))/10}:o>=Math.pow(10,3)?{downloaded:0,unit:"KB",convertedSize:Math.floor(o/Math.pow(10,2))/10}:{downloaded:0,unit:"B",convertedSize:Math.floor(10*o)/10}}(null!=A?A:1,null!=B?B:"size",null!=F?F:""))}),[A,B]),i((function(){if(R&&A){var o=Math.round(R/A*100);no((function(s){var n;return z(z({},s),{},{downloaded:Math.floor((null!==(n=s.convertedSize)&&void 0!==n?n:0)*o/10)/10})})),eo(o)}}),[R,A]),i((function(){var o;return T&&to>=100&&(lo(!0),o=setTimeout((function(){lo(!1)}),5e3)),function(){return o&&clearTimeout(o)}}),[to]),i((function(){W&&(eo(0),no((function(o){return z(z({},o),{},{downloaded:0})})))}),[W]);var Io=c((function(){return[e($.iconButton,o({},$.iconButtonLarge,po)),e($.actionIcon,o({},$.actionIconLarge,po))]}),[po]),fo=s(Io,2),ho=fo[0],vo=fo[1];return f("div",{className:$.fileStateWrapper,children:[h("div",{className:$.fileIconContainer,children:h(b,{name:null!=S?S:"",style:{fontSize:po?48:32}})}),f("div",{className:$.fileState,children:[f("div",{className:$.fileStateProgress,children:[h("div",{className:$.fileNameWrapper,children:h(r,{className:e($.fileName,o({},$.fileNameLarge,po)),children:S&&S.length>7?f(v,{children:[h("span",{className:$.firstPart,children:S.slice(0,S.length-7)}),h("span",{children:S.slice(-7)})]}):S})}),!V&&h(m,{className:$.progressBar,variant:"determinate",value:to,classes:{colorPrimary:e($.progressBackground,o({},$.progressBarError,W)),barColorPrimary:e($.progressBarColor,o({},$.progressBarError,W))}}),f("div",{className:$.loaderProgressContainer,children:[!V&&h(r,{className:e($.fileSize,o({},$.fileSizeLarge,po)),component:"span",children:"".concat(so.downloaded," of ").concat(so.convertedSize," ").concat(so.unit)}),f("div",{className:e($.progressStatus,o({},$.fileSizeLarge,po)),children:[W&&f(r,{component:"div",className:$.errorContainer,children:[h(g,{size:y}),h(r,{component:"span",className:e($.errorText,o({},$.fileSizeLarge,po)),children:Z?"Upload Error. Unacceptable file format.":"Upload Error".concat(q&&". ".concat(q))})]}),!W&&!V&&"".concat(to," %")]})]})]}),Y&&f("div",{className:$.fileActions,children:[to<100&&!W&&h(v,{children:V?h("div",{className:e($.loadingIcon,o({},$.loadingLargeIcon,po)),style:{backgroundImage:"url(".concat("/static/media/6fa6f1128bc0185126482345243bcd42.svg",")")}}):h(a,{tooltipProps:{title:"Cancel"},className:ho,onClick:function(){null==L||L(S),eo(0),no((function(o){return z(z({},o),{},{downloaded:0})}))},size:jo,children:h(p,{className:vo,size:uo})})}),100===to&&!W&&(!ao&&T?h(a,{variant:"contained",tooltipProps:{title:"Delete"},className:ho,onClick:T,size:jo,children:h(u,{className:vo,size:uo})}):h(d,{fill:"#75DB29",size:uo,style:{marginLeft:12}})),x&&W&&h(v,{children:Z?h(v,{children:"default"===J?h(l,{size:po?"medium":"small",variation:"primary",startIcon:h(I,{}),onClick:x,children:"Import"}):h(a,{size:jo,tooltipProps:{title:"Import File"},className:ho,onClick:x,children:h(I,{size:uo})})}):h(a,{size:jo,tooltipProps:{title:"Reload"},className:ho,onClick:x,children:h(j,{size:uo})})})]})]})]})}var P={size:t.oneOf(["small","large"]),unit:t.oneOf(["size","time","custom"]),customUnitName:t.string,onDelete:t.func,onReload:t.func,handleCancel:t.func,name:t.string,sizeBytes:t.number,error:t.bool,errorText:t.string,formatError:t.bool,importButtonType:t.oneOf(["default","icon"]),loadedBytes:t.number.isRequired,isLoadingAnimation:t.bool,showActions:t.bool};y.propTypes=P;export{y as default};
 //# sourceMappingURL=FilesLoader.js.map

package/components/FilesLoader/FilesLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilesLoader.js","sources":["../../../src/components/FilesLoader/FilesLoader.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { LinearProgress, Typography } from '@material-ui/core';\nimport IconButton from '~/components/IconButton';\nimport Button from '~/components/Button';\n\nimport { CheckOneIcon, CloseSmallIcon, DeleteFourIcon, RedoIcon, UploadIcon } from '~/icons';\n\nimport IconWarning from './Icons/IconWarning';\nimport LoaderIcon from './Icons/IconLoader.svg';\nimport { FileIcon } from '~/components/FileIcon';\nimport { useStyles } from './useStyles';\n\nfunction getInitSizeParams(sizeBytes: number, unit: string, customUnitName: string) {\n  if (unit === 'time') {\n    return {\n      downloaded: 0,\n      unit: 'min',\n      convertedSize: sizeBytes,\n    };\n  }\n\n  if (unit === 'custom') {\n    return {\n      downloaded: 0,\n      unit: customUnitName,\n      convertedSize: sizeBytes,\n    };\n  }\n\n  if (sizeBytes >= 10 ** 6) {\n    return {\n      downloaded: 0,\n      unit: 'MB',\n      convertedSize: Math.floor(sizeBytes / 10 ** 5) / 10,\n    };\n  }\n  if (sizeBytes >= 10 ** 3) {\n    return {\n      downloaded: 0,\n      unit: 'KB',\n      convertedSize: Math.floor(sizeBytes / 10 ** 2) / 10,\n    };\n  }\n  return {\n    downloaded: 0,\n    unit: 'B',\n    convertedSize: Math.floor(sizeBytes * 10) / 10,\n  };\n}\n\ninterface FilesLoaderProps extends PropTypes.InferProps<typeof filesLoaderPropTypes> {}\ninterface SizeParams {\n  downloaded?: number;\n  convertedSize?: number;\n  unit?: string;\n}\n\n/**\n * @deprecated\n */\nfunction FilesLoader({\n  size,\n  unit,\n  name,\n  customUnitName,\n  sizeBytes,\n  handleCancel,\n  onReload,\n  onDelete,\n  loadedBytes,\n  error,\n  errorText,\n  formatError,\n  importButtonType,\n  isLoadingAnimation,\n  showActions,\n}: FilesLoaderProps): JSX.Element {\n  const classes = useStyles();\n  const [sizeParams, setSizeParams] = useState<SizeParams>({});\n  const [progressPercent, setProgressPercent] = useState(0);\n  const [isSuccessButtonVisible, setIsSuccessButtonVisible] = useState(true);\n  const isLarge = size === 'large';\n  const iconSize = isLarge ? 24 : 16;\n  const iconButtonSize = isLarge ? 'medium' : 'small';\n\n  const handleCancelProgress = () => {\n    handleCancel?.(name);\n    setProgressPercent(0);\n    setSizeParams(prev => ({ ...prev, downloaded: 0 }));\n  };\n\n  useEffect(() => {\n    setSizeParams(getInitSizeParams(sizeBytes ?? 1, unit ?? 'size', customUnitName ?? ''));\n  }, [sizeBytes, unit]);\n\n  useEffect(() => {\n    if (loadedBytes && sizeBytes) {\n      const currentPercent = Math.round((loadedBytes / sizeBytes) * 100);\n      setSizeParams(prev => ({\n        ...prev,\n        downloaded: Math.floor(((prev.convertedSize ?? 0) * currentPercent) / 10) / 10,\n      }));\n      setProgressPercent(currentPercent);\n    }\n  }, [loadedBytes, sizeBytes]);\n\n  useEffect(() => {\n    let timerId: ReturnType<typeof setTimeout>;\n    if (onDelete && progressPercent >= 100) {\n      setIsSuccessButtonVisible(true);\n      timerId = setTimeout(() => {\n        setIsSuccessButtonVisible(false);\n      }, 5000);\n    }\n    return () => timerId && clearTimeout(timerId);\n  }, [progressPercent]);\n\n  useEffect(() => {\n    if (error) {\n      setProgressPercent(0);\n      setSizeParams(prev => ({ ...prev, downloaded: 0 }));\n    }\n  }, [error]);\n\n  const [iconButtonClassName, actionIconClassName] = useMemo(() => {\n    const iconButtonStyle = classNames(classes.iconButton, {\n      [classes.iconButtonLarge]: isLarge,\n    });\n    const actionIconStyle = classNames(classes.actionIcon, {\n      [classes.actionIconLarge]: isLarge,\n    });\n    return [iconButtonStyle, actionIconStyle];\n  }, [isLarge]);\n\n  return (\n    <div className={classes.fileStateWrapper}>\n      <div className={classes.fileIconContainer}>\n        <FileIcon name={name ?? ''} style={{ fontSize: isLarge ? 48 : 32 }} />\n      </div>\n      <div className={classes.fileState}>\n        <div className={classes.fileStateProgress}>\n          <div className={classes.fileNameWrapper}>\n            <Typography\n              className={classNames(classes.fileName, { [classes.fileNameLarge]: isLarge })}\n            >\n              {name && name.length > 7 ? (\n                <>\n                  <span className={classes.firstPart}>{name.slice(0, name.length - 7)}</span>\n                  <span>{name.slice(-7)}</span>\n                </>\n              ) : (\n                name\n              )}\n            </Typography>\n          </div>\n          {!isLoadingAnimation && (\n            <LinearProgress\n              className={classes.progressBar}\n              variant=\"determinate\"\n              value={progressPercent}\n              classes={{\n                colorPrimary: classNames(classes.progressBackground, {\n                  [classes.progressBarError]: error,\n                }),\n                barColorPrimary: classNames(classes.progressBarColor, {\n                  [classes.progressBarError]: error,\n                }),\n              }}\n            />\n          )}\n          <div className={classes.loaderProgressContainer}>\n            {!isLoadingAnimation && (\n              <Typography\n                className={classNames(classes.fileSize, { [classes.fileSizeLarge]: isLarge })}\n                component=\"span\"\n              >\n                {`${sizeParams.downloaded} of ${sizeParams.convertedSize} ${sizeParams.unit}`}\n              </Typography>\n            )}\n            <div\n              className={classNames(classes.progressStatus, { [classes.fileSizeLarge]: isLarge })}\n            >\n              {error && (\n                <Typography component=\"div\" className={classes.errorContainer}>\n                  <IconWarning size={size} />\n                  <Typography\n                    component=\"span\"\n                    className={classNames(classes.errorText, { [classes.fileSizeLarge]: isLarge })}\n                  >\n                    {formatError\n                      ? 'Upload Error. Unacceptable file format.'\n                      : `Upload Error${errorText && `. ${errorText}`}`}\n                  </Typography>\n                </Typography>\n              )}\n              {!error && !isLoadingAnimation && `${progressPercent} %`}\n            </div>\n          </div>\n        </div>\n\n        {showActions && (\n          <div className={classes.fileActions}>\n            {progressPercent < 100 && !error && (\n              <>\n                {isLoadingAnimation ? (\n                  <div\n                    className={classNames(classes.loadingIcon, {\n                      [classes.loadingLargeIcon]: isLarge,\n                    })}\n                    style={{ backgroundImage: `url(${LoaderIcon})` }}\n                  />\n                ) : (\n                  <IconButton\n                    tooltipProps={{ title: 'Cancel' }}\n                    className={iconButtonClassName}\n                    onClick={handleCancelProgress}\n                    size={iconButtonSize}\n                  >\n                    <CloseSmallIcon className={actionIconClassName} size={iconSize} />\n                  </IconButton>\n                )}\n              </>\n            )}\n            {progressPercent === 100 &&\n              !error &&\n              (!isSuccessButtonVisible && onDelete ? (\n                <IconButton\n                  variant=\"contained\"\n                  tooltipProps={{ title: 'Delete' }}\n                  className={iconButtonClassName}\n                  onClick={onDelete}\n                  size={iconButtonSize}\n                >\n                  <DeleteFourIcon className={actionIconClassName} size={iconSize} />\n                </IconButton>\n              ) : (\n                <CheckOneIcon fill=\"#75DB29\" size={iconSize} style={{ marginLeft: 12 }} />\n              ))}\n\n            {onReload && error && (\n              <>\n                {!formatError ? (\n                  <IconButton\n                    size={iconButtonSize}\n                    tooltipProps={{ title: 'Reload' }}\n                    className={iconButtonClassName}\n                    onClick={onReload}\n                  >\n                    <RedoIcon size={iconSize} />\n                  </IconButton>\n                ) : (\n                  <>\n                    {importButtonType === 'default' ? (\n                      <Button\n                        size={isLarge ? 'medium' : 'small'}\n                        variation=\"primary\"\n                        startIcon={<UploadIcon />}\n                        onClick={onReload}\n                      >\n                        Import\n                      </Button>\n                    ) : (\n                      <IconButton\n                        size={iconButtonSize}\n                        tooltipProps={{ title: 'Import File' }}\n                        className={iconButtonClassName}\n                        onClick={onReload}\n                      >\n                        <UploadIcon size={iconSize} />\n                      </IconButton>\n                    )}\n                  </>\n                )}\n              </>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nconst filesLoaderPropTypes = {\n  size: PropTypes.oneOf(['small', 'large']),\n  unit: PropTypes.oneOf(['size', 'time', 'custom']),\n  customUnitName: PropTypes.string,\n  onDelete: PropTypes.func,\n  onReload: PropTypes.func,\n  handleCancel: PropTypes.func,\n  name: PropTypes.string,\n  sizeBytes: PropTypes.number,\n  error: PropTypes.bool,\n  errorText: PropTypes.string,\n  formatError: PropTypes.bool,\n  importButtonType: PropTypes.oneOf(['default', 'icon']),\n  loadedBytes: PropTypes.number.isRequired,\n  isLoadingAnimation: PropTypes.bool,\n  showActions: PropTypes.bool,\n};\n\nFilesLoader.propTypes = filesLoaderPropTypes;\n\nFilesLoader.defaultProps = {\n  size: 'small',\n  unit: 'size',\n  onDelete: null,\n  onReload: null,\n  name: '',\n  customUnitName: '',\n  sizeBytes: 1,\n  error: null,\n  errorText: '',\n  formatError: false,\n  importButtonType: 'default',\n  handleCancel: null,\n  isLoadingAnimation: false,\n  showActions: true,\n};\nexport default FilesLoader;\n"],"names":["FilesLoader","_ref","size","unit","name","customUnitName","sizeBytes","handleCancel","onReload","onDelete","loadedBytes","error","errorText","formatError","importButtonType","isLoadingAnimation","showActions","classes","useStyles","_useState","useState","_useState2","_slicedToArray","sizeParams","setSizeParams","_useState4","_useState3","progressPercent","setProgressPercent","_useState6","_useState5","isSuccessButtonVisible","setIsSuccessButtonVisible","isLarge","iconSize","iconButtonSize","useEffect","downloaded","convertedSize","Math","pow","floor","getInitSizeParams","currentPercent","round","prev","_prev$convertedSize","_objectSpread","timerId","setTimeout","clearTimeout","useMemo","classNames","iconButton","_defineProperty","iconButtonLarge","actionIcon","actionIconLarge","_useMemo2","_useMemo","iconButtonClassName","actionIconClassName","_jsxs","className","fileStateWrapper","children","_jsx","fileIconContainer","FileIcon","style","fontSize","fileState","fileStateProgress","fileNameWrapper","Typography","fileName","fileNameLarge","length","_Fragment","firstPart","slice","LinearProgress","progressBar","variant","value","colorPrimary","progressBackground","progressBarError","barColorPrimary","progressBarColor","loaderProgressContainer","fileSize","fileSizeLarge","component","concat","progressStatus","errorContainer","IconWarning","fileActions","loadingIcon","loadingLargeIcon","backgroundImage","IconButton","tooltipProps","title","onClick","CloseSmallIcon","DeleteFourIcon","CheckOneIcon","fill","marginLeft","Button","variation","startIcon","UploadIcon","RedoIcon","filesLoaderPropTypes","PropTypes","oneOf","string","func","number","bool","isRequired","propTypes","defaultProps"],"mappings":"miKA8DA,SAASA,EAgByBC,GAAA,IAfhCC,IAAAA,KACAC,IAAAA,KACAC,IAAAA,KACAC,IAAAA,eACAC,IAAAA,UACAC,IAAAA,aACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,YACAC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,YACAC,IAAAA,iBACAC,IAAAA,mBACAC,IAAAA,YAEMC,EAAUC,IAChBC,EAAoCC,EAAqB,IAAGC,EAAAC,EAAAH,EAAA,GAArDI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GACcD,EAAAA,EAAS,GAAEK,EAAAH,EAAAI,EAAA,GAAlDC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GACkBL,EAAAA,GAAS,GAAKS,EAAAP,EAAAQ,EAAA,GAAnEC,EAAsBF,EAAA,GAAEG,EAAyBH,EAAA,GAClDI,EAAmB,UAAT/B,EACVgC,EAAWD,EAAU,GAAK,GAC1BE,EAAiBF,EAAU,SAAW,QAQ5CG,GAAU,WACRZ,EAhFJ,SAA2BlB,EAAmBH,EAAcE,GAC1D,MAAa,SAATF,EACK,CACLkC,WAAY,EACZlC,KAAM,MACNmC,cAAehC,GAIN,WAATH,EACK,CACLkC,WAAY,EACZlC,KAAME,EACNiC,cAAehC,GAIfA,GAASiC,KAAAC,IAAI,GAAM,GACd,CACLH,WAAY,EACZlC,KAAM,KACNmC,cAAeC,KAAKE,MAAMnC,EAASiC,KAAAC,IAAG,GAAM,IAAK,IAGjDlC,GAASiC,KAAAC,IAAI,GAAM,GACd,CACLH,WAAY,EACZlC,KAAM,KACNmC,cAAeC,KAAKE,MAAMnC,EAASiC,KAAAC,IAAG,GAAM,IAAK,IAG9C,CACLH,WAAY,EACZlC,KAAM,IACNmC,cAAeC,KAAKE,MAAkB,GAAZnC,GAAkB,GAEhD,CA4CkBoC,CAAkBpC,QAAAA,EAAa,EAAGH,QAAAA,EAAQ,OAAQE,QAAAA,EAAkB,IACpF,GAAG,CAACC,EAAWH,IAEfiC,GAAU,WACR,GAAI1B,GAAeJ,EAAW,CAC5B,IAAMqC,EAAiBJ,KAAKK,MAAOlC,EAAcJ,EAAa,KAC9DkB,GAAc,SAAAqB,GAAI,IAAAC,EAAA,OAAAC,EAAAA,EAAA,CAAA,EACbF,GAAI,CAAA,EAAA,CACPR,WAAYE,KAAKE,OAA0B,UAAlBI,EAAKP,qBAAa,IAAAQ,EAAAA,EAAI,GAAKH,EAAkB,IAAM,IAAE,IAEhFf,EAAmBe,EACrB,CACF,GAAG,CAACjC,EAAaJ,IAEjB8B,GAAU,WACR,IAAIY,EAOJ,OANIvC,GAAYkB,GAAmB,MACjCK,GAA0B,GAC1BgB,EAAUC,YAAW,WACnBjB,GAA0B,EAC3B,GAAE,MAEE,WAAA,OAAMgB,GAAWE,aAAaF,EAAQ,CAC/C,GAAG,CAACrB,IAEJS,GAAU,WACJzB,IACFiB,EAAmB,GACnBJ,GAAc,SAAAqB,GAAI,OAAAE,EAAAA,EAAA,CAAA,EAAUF,GAAI,CAAA,EAAA,CAAER,WAAY,GAAC,IAEnD,GAAG,CAAC1B,IAEJ,IAAmDwC,GAAAA,GAAQ,WAOzD,MAAO,CANiBC,EAAWnC,EAAQoC,WAAUC,EAAA,CAAA,EAClDrC,EAAQsC,gBAAkBtB,IAELmB,EAAWnC,EAAQuC,WAAUF,EAAA,CAAA,EAClDrC,EAAQwC,gBAAkBxB,IAG/B,GAAG,CAACA,IAASyB,GAAApC,EAAAqC,GAAA,GARNC,GAAmBF,GAAA,GAAEG,GAAmBH,GAAA,GAU/C,OACEI,EAAA,MAAA,CAAKC,UAAW9C,EAAQ+C,iBAAiBC,SACvC,CAAAC,EAAA,MAAA,CAAKH,UAAW9C,EAAQkD,kBAAkBF,SACxCC,EAACE,EAAQ,CAAChE,KAAMA,QAAAA,EAAQ,GAAIiE,MAAO,CAAEC,SAAUrC,EAAU,GAAK,QAEhE6B,EAAA,MAAA,CAAKC,UAAW9C,EAAQsD,UAAUN,SAChC,CAAAH,EAAA,MAAA,CAAKC,UAAW9C,EAAQuD,kBAAkBP,SACxC,CAAAC,EAAA,MAAA,CAAKH,UAAW9C,EAAQwD,gBAAgBR,SACtCC,EAACQ,EAAU,CACTX,UAAWX,EAAWnC,EAAQ0D,SAAa1D,EAAAA,CAAAA,EAAAA,EAAQ2D,cAAgB3C,IAAWgC,SAE7E7D,GAAQA,EAAKyE,OAAS,EACrBf,EAAAgB,EAAA,CAAAb,SACE,CAAAC,EAAA,OAAA,CAAMH,UAAW9C,EAAQ8D,UAAUd,SAAE7D,EAAK4E,MAAM,EAAG5E,EAAKyE,OAAS,KACjEX,EAAA,OAAA,CAAAD,SAAO7D,EAAK4E,OAAO,QAGrB5E,OAIJW,GACAmD,EAACe,EAAc,CACblB,UAAW9C,EAAQiE,YACnBC,QAAQ,cACRC,MAAOzD,EACPV,QAAS,CACPoE,aAAcjC,EAAWnC,EAAQqE,mBAC9BrE,EAAAA,CAAAA,EAAAA,EAAQsE,iBAAmB5E,IAE9B6E,gBAAiBpC,EAAWnC,EAAQwE,iBAAgBnC,EAAA,CAAA,EACjDrC,EAAQsE,iBAAmB5E,OAKpCmD,EAAA,MAAA,CAAKC,UAAW9C,EAAQyE,wBAAwBzB,SAAA,EAC5ClD,GACAmD,EAACQ,EAAU,CACTX,UAAWX,EAAWnC,EAAQ0E,SAAa1E,EAAAA,CAAAA,EAAAA,EAAQ2E,cAAgB3D,IACnE4D,UAAU,OAAM5B,SAEZ1C,GAAAA,OAAAA,EAAWc,WAAiBd,QAAAA,OAAAA,EAAWe,cAAa,KAAAwD,OAAIvE,EAAWpB,QAG3E2D,EAAA,MAAA,CACEC,UAAWX,EAAWnC,EAAQ8E,eAAmB9E,EAAAA,CAAAA,EAAAA,EAAQ2E,cAAgB3D,IAAWgC,SAEnFtD,CAAAA,GACCmD,EAACY,EAAU,CAACmB,UAAU,MAAM9B,UAAW9C,EAAQ+E,eAAe/B,SAAA,CAC5DC,EAAC+B,EAAW,CAAC/F,KAAMA,IACnBgE,EAACQ,EAAU,CACTmB,UAAU,OACV9B,UAAWX,EAAWnC,EAAQL,UAAcK,EAAAA,CAAAA,EAAAA,EAAQ2E,cAAgB3D,IAAWgC,SAE9EpD,EACG,gEACeD,GAAS,KAAAkF,OAASlF,UAIzCD,IAAUI,GAAkB,GAAA+E,OAAOnE,EAAmB,eAK7DX,GACC8C,EAAA,MAAA,CAAKC,UAAW9C,EAAQiF,YAAYjC,SAAA,CACjCtC,EAAkB,MAAQhB,GACzBuD,EAAAY,EAAA,CAAAb,SACGlD,EACCmD,EAAA,MAAA,CACEH,UAAWX,EAAWnC,EAAQkF,YAC3BlF,EAAAA,CAAAA,EAAAA,EAAQmF,iBAAmBnE,IAE9BoC,MAAO,CAAEgC,8BA1MiB,qDA0MiB,QAG7CnC,EAACoC,EAAU,CACTC,aAAc,CAAEC,MAAO,UACvBzC,UAAWH,GACX6C,QAlIW,WAC3BlG,SAAAA,EAAeH,GACfwB,EAAmB,GACnBJ,GAAc,SAAAqB,GAAI,OAAAE,EAAAA,EAAA,CAAA,EAAUF,GAAI,CAAA,EAAA,CAAER,WAAY,GAAC,KAgI/BnC,KAAMiC,EAAe8B,SAErBC,EAACwC,EAAc,CAAC3C,UAAWF,GAAqB3D,KAAMgC,QAKzC,MAApBP,IACEhB,KACCoB,GAA0BtB,EAC1ByD,EAACoC,EAAU,CACTnB,QAAQ,YACRoB,aAAc,CAAEC,MAAO,UACvBzC,UAAWH,GACX6C,QAAShG,EACTP,KAAMiC,EAAe8B,SAErBC,EAACyC,EAAc,CAAC5C,UAAWF,GAAqB3D,KAAMgC,MAGxDgC,EAAC0C,EAAY,CAACC,KAAK,UAAU3G,KAAMgC,EAAUmC,MAAO,CAAEyC,WAAY,OAGrEtG,GAAYG,GACXuD,EAAAY,EAAA,CAAAb,SACIpD,EAUAqD,EAAAY,EAAA,CAAAb,SACwB,YAArBnD,EACCoD,EAAC6C,EAAM,CACL7G,KAAM+B,EAAU,SAAW,QAC3B+E,UAAU,UACVC,UAAW/C,EAACgD,EAAc,IAC1BT,QAASjG,EAASyD,SAAA,WAKpBC,EAACoC,EAAU,CACTpG,KAAMiC,EACNoE,aAAc,CAAEC,MAAO,eACvBzC,UAAWH,GACX6C,QAASjG,EAASyD,SAElBC,EAACgD,EAAU,CAAChH,KAAMgC,QA1BxBgC,EAACoC,EAAU,CACTpG,KAAMiC,EACNoE,aAAc,CAAEC,MAAO,UACvBzC,UAAWH,GACX6C,QAASjG,EAASyD,SAElBC,EAACiD,EAAQ,CAACjH,KAAMgC,gBAgCpC,CAEA,IAAMkF,EAAuB,CAC3BlH,KAAMmH,EAAUC,MAAM,CAAC,QAAS,UAChCnH,KAAMkH,EAAUC,MAAM,CAAC,OAAQ,OAAQ,WACvCjH,eAAgBgH,EAAUE,OAC1B9G,SAAU4G,EAAUG,KACpBhH,SAAU6G,EAAUG,KACpBjH,aAAc8G,EAAUG,KACxBpH,KAAMiH,EAAUE,OAChBjH,UAAW+G,EAAUI,OACrB9G,MAAO0G,EAAUK,KACjB9G,UAAWyG,EAAUE,OACrB1G,YAAawG,EAAUK,KACvB5G,iBAAkBuG,EAAUC,MAAM,CAAC,UAAW,SAC9C5G,YAAa2G,EAAUI,OAAOE,WAC9B5G,mBAAoBsG,EAAUK,KAC9B1G,YAAaqG,EAAUK,MAGzB1H,EAAY4H,UAAYR,EAExBpH,EAAY6H,aAAe,CACzB3H,KAAM,QACNC,KAAM,OACNM,SAAU,KACVD,SAAU,KACVJ,KAAM,GACNC,eAAgB,GAChBC,UAAW,EACXK,MAAO,KACPC,UAAW,GACXC,aAAa,EACbC,iBAAkB,UAClBP,aAAc,KACdQ,oBAAoB,EACpBC,aAAa"}
+{"version":3,"file":"FilesLoader.js","sources":["../../../src/components/FilesLoader/FilesLoader.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { LinearProgress, Typography } from '@material-ui/core';\nimport IconButton from '~/components/IconButton';\nimport Button from '~/components/Button';\n\nimport { CheckOneIcon, CloseSmallIcon, DeleteFourIcon, RedoIcon, UploadIcon } from '~/icons';\n\nimport IconWarning from './Icons/IconWarning';\nimport LoaderIcon from './Icons/IconLoader.svg';\nimport { FileIcon } from '~/components/FileIcon';\nimport { useStyles } from './useStyles';\n\nfunction getInitSizeParams(sizeBytes: number, unit: string, customUnitName: string) {\n  if (unit === 'time') {\n    return {\n      downloaded: 0,\n      unit: 'min',\n      convertedSize: sizeBytes,\n    };\n  }\n\n  if (unit === 'custom') {\n    return {\n      downloaded: 0,\n      unit: customUnitName,\n      convertedSize: sizeBytes,\n    };\n  }\n\n  if (sizeBytes >= 10 ** 6) {\n    return {\n      downloaded: 0,\n      unit: 'MB',\n      convertedSize: Math.floor(sizeBytes / 10 ** 5) / 10,\n    };\n  }\n  if (sizeBytes >= 10 ** 3) {\n    return {\n      downloaded: 0,\n      unit: 'KB',\n      convertedSize: Math.floor(sizeBytes / 10 ** 2) / 10,\n    };\n  }\n  return {\n    downloaded: 0,\n    unit: 'B',\n    convertedSize: Math.floor(sizeBytes * 10) / 10,\n  };\n}\n\ninterface FilesLoaderProps extends PropTypes.InferProps<typeof filesLoaderPropTypes> {}\ninterface SizeParams {\n  downloaded?: number;\n  convertedSize?: number;\n  unit?: string;\n}\n\n/**\n * @deprecated\n */\nfunction FilesLoader({\n  size = 'small',\n  unit = 'size',\n  name = '',\n  customUnitName = '',\n  sizeBytes = 1,\n  handleCancel = null,\n  onReload = null,\n  onDelete = null,\n  loadedBytes,\n  error = null,\n  errorText = '',\n  formatError = false,\n  importButtonType = 'default',\n  isLoadingAnimation = false,\n  showActions = true,\n}: FilesLoaderProps): JSX.Element {\n  const classes = useStyles();\n  const [sizeParams, setSizeParams] = useState<SizeParams>({});\n  const [progressPercent, setProgressPercent] = useState(0);\n  const [isSuccessButtonVisible, setIsSuccessButtonVisible] = useState(true);\n  const isLarge = size === 'large';\n  const iconSize = isLarge ? 24 : 16;\n  const iconButtonSize = isLarge ? 'medium' : 'small';\n\n  const handleCancelProgress = () => {\n    handleCancel?.(name);\n    setProgressPercent(0);\n    setSizeParams(prev => ({ ...prev, downloaded: 0 }));\n  };\n\n  useEffect(() => {\n    setSizeParams(getInitSizeParams(sizeBytes ?? 1, unit ?? 'size', customUnitName ?? ''));\n  }, [sizeBytes, unit]);\n\n  useEffect(() => {\n    if (loadedBytes && sizeBytes) {\n      const currentPercent = Math.round((loadedBytes / sizeBytes) * 100);\n      setSizeParams(prev => ({\n        ...prev,\n        downloaded: Math.floor(((prev.convertedSize ?? 0) * currentPercent) / 10) / 10,\n      }));\n      setProgressPercent(currentPercent);\n    }\n  }, [loadedBytes, sizeBytes]);\n\n  useEffect(() => {\n    let timerId: ReturnType<typeof setTimeout>;\n    if (onDelete && progressPercent >= 100) {\n      setIsSuccessButtonVisible(true);\n      timerId = setTimeout(() => {\n        setIsSuccessButtonVisible(false);\n      }, 5000);\n    }\n    return () => timerId && clearTimeout(timerId);\n  }, [progressPercent]);\n\n  useEffect(() => {\n    if (error) {\n      setProgressPercent(0);\n      setSizeParams(prev => ({ ...prev, downloaded: 0 }));\n    }\n  }, [error]);\n\n  const [iconButtonClassName, actionIconClassName] = useMemo(() => {\n    const iconButtonStyle = classNames(classes.iconButton, {\n      [classes.iconButtonLarge]: isLarge,\n    });\n    const actionIconStyle = classNames(classes.actionIcon, {\n      [classes.actionIconLarge]: isLarge,\n    });\n    return [iconButtonStyle, actionIconStyle];\n  }, [isLarge]);\n\n  return (\n    <div className={classes.fileStateWrapper}>\n      <div className={classes.fileIconContainer}>\n        <FileIcon name={name ?? ''} style={{ fontSize: isLarge ? 48 : 32 }} />\n      </div>\n      <div className={classes.fileState}>\n        <div className={classes.fileStateProgress}>\n          <div className={classes.fileNameWrapper}>\n            <Typography\n              className={classNames(classes.fileName, { [classes.fileNameLarge]: isLarge })}\n            >\n              {name && name.length > 7 ? (\n                <>\n                  <span className={classes.firstPart}>{name.slice(0, name.length - 7)}</span>\n                  <span>{name.slice(-7)}</span>\n                </>\n              ) : (\n                name\n              )}\n            </Typography>\n          </div>\n          {!isLoadingAnimation && (\n            <LinearProgress\n              className={classes.progressBar}\n              variant=\"determinate\"\n              value={progressPercent}\n              classes={{\n                colorPrimary: classNames(classes.progressBackground, {\n                  [classes.progressBarError]: error,\n                }),\n                barColorPrimary: classNames(classes.progressBarColor, {\n                  [classes.progressBarError]: error,\n                }),\n              }}\n            />\n          )}\n          <div className={classes.loaderProgressContainer}>\n            {!isLoadingAnimation && (\n              <Typography\n                className={classNames(classes.fileSize, { [classes.fileSizeLarge]: isLarge })}\n                component=\"span\"\n              >\n                {`${sizeParams.downloaded} of ${sizeParams.convertedSize} ${sizeParams.unit}`}\n              </Typography>\n            )}\n            <div\n              className={classNames(classes.progressStatus, { [classes.fileSizeLarge]: isLarge })}\n            >\n              {error && (\n                <Typography component=\"div\" className={classes.errorContainer}>\n                  <IconWarning size={size} />\n                  <Typography\n                    component=\"span\"\n                    className={classNames(classes.errorText, { [classes.fileSizeLarge]: isLarge })}\n                  >\n                    {formatError\n                      ? 'Upload Error. Unacceptable file format.'\n                      : `Upload Error${errorText && `. ${errorText}`}`}\n                  </Typography>\n                </Typography>\n              )}\n              {!error && !isLoadingAnimation && `${progressPercent} %`}\n            </div>\n          </div>\n        </div>\n\n        {showActions && (\n          <div className={classes.fileActions}>\n            {progressPercent < 100 && !error && (\n              <>\n                {isLoadingAnimation ? (\n                  <div\n                    className={classNames(classes.loadingIcon, {\n                      [classes.loadingLargeIcon]: isLarge,\n                    })}\n                    style={{ backgroundImage: `url(${LoaderIcon})` }}\n                  />\n                ) : (\n                  <IconButton\n                    tooltipProps={{ title: 'Cancel' }}\n                    className={iconButtonClassName}\n                    onClick={handleCancelProgress}\n                    size={iconButtonSize}\n                  >\n                    <CloseSmallIcon className={actionIconClassName} size={iconSize} />\n                  </IconButton>\n                )}\n              </>\n            )}\n            {progressPercent === 100 &&\n              !error &&\n              (!isSuccessButtonVisible && onDelete ? (\n                <IconButton\n                  variant=\"contained\"\n                  tooltipProps={{ title: 'Delete' }}\n                  className={iconButtonClassName}\n                  onClick={onDelete}\n                  size={iconButtonSize}\n                >\n                  <DeleteFourIcon className={actionIconClassName} size={iconSize} />\n                </IconButton>\n              ) : (\n                <CheckOneIcon fill=\"#75DB29\" size={iconSize} style={{ marginLeft: 12 }} />\n              ))}\n\n            {onReload && error && (\n              <>\n                {!formatError ? (\n                  <IconButton\n                    size={iconButtonSize}\n                    tooltipProps={{ title: 'Reload' }}\n                    className={iconButtonClassName}\n                    onClick={onReload}\n                  >\n                    <RedoIcon size={iconSize} />\n                  </IconButton>\n                ) : (\n                  <>\n                    {importButtonType === 'default' ? (\n                      <Button\n                        size={isLarge ? 'medium' : 'small'}\n                        variation=\"primary\"\n                        startIcon={<UploadIcon />}\n                        onClick={onReload}\n                      >\n                        Import\n                      </Button>\n                    ) : (\n                      <IconButton\n                        size={iconButtonSize}\n                        tooltipProps={{ title: 'Import File' }}\n                        className={iconButtonClassName}\n                        onClick={onReload}\n                      >\n                        <UploadIcon size={iconSize} />\n                      </IconButton>\n                    )}\n                  </>\n                )}\n              </>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nconst filesLoaderPropTypes = {\n  size: PropTypes.oneOf(['small', 'large']),\n  unit: PropTypes.oneOf(['size', 'time', 'custom']),\n  customUnitName: PropTypes.string,\n  onDelete: PropTypes.func,\n  onReload: PropTypes.func,\n  handleCancel: PropTypes.func,\n  name: PropTypes.string,\n  sizeBytes: PropTypes.number,\n  error: PropTypes.bool,\n  errorText: PropTypes.string,\n  formatError: PropTypes.bool,\n  importButtonType: PropTypes.oneOf(['default', 'icon']),\n  loadedBytes: PropTypes.number.isRequired,\n  isLoadingAnimation: PropTypes.bool,\n  showActions: PropTypes.bool,\n};\n\nFilesLoader.propTypes = filesLoaderPropTypes;\n\nexport default FilesLoader;\n"],"names":["FilesLoader","_ref","_ref$size","size","_ref$unit","unit","_ref$name","name","_ref$customUnitName","customUnitName","_ref$sizeBytes","sizeBytes","_ref$handleCancel","handleCancel","_ref$onReload","onReload","_ref$onDelete","onDelete","loadedBytes","_ref$error","error","_ref$errorText","errorText","_ref$formatError","formatError","_ref$importButtonType","importButtonType","_ref$isLoadingAnimati","isLoadingAnimation","_ref$showActions","showActions","classes","useStyles","_useState","useState","_useState2","_slicedToArray","sizeParams","setSizeParams","_useState4","_useState3","progressPercent","setProgressPercent","_useState6","_useState5","isSuccessButtonVisible","setIsSuccessButtonVisible","isLarge","iconSize","iconButtonSize","useEffect","downloaded","convertedSize","Math","pow","floor","getInitSizeParams","currentPercent","round","prev","_prev$convertedSize","_objectSpread","timerId","setTimeout","clearTimeout","useMemo","classNames","iconButton","_defineProperty","iconButtonLarge","actionIcon","actionIconLarge","_useMemo2","_useMemo","iconButtonClassName","actionIconClassName","_jsxs","className","fileStateWrapper","children","_jsx","fileIconContainer","FileIcon","style","fontSize","fileState","fileStateProgress","fileNameWrapper","Typography","fileName","fileNameLarge","length","_Fragment","firstPart","slice","LinearProgress","progressBar","variant","value","colorPrimary","progressBackground","progressBarError","barColorPrimary","progressBarColor","loaderProgressContainer","fileSize","fileSizeLarge","component","concat","progressStatus","errorContainer","IconWarning","fileActions","loadingIcon","loadingLargeIcon","backgroundImage","IconButton","tooltipProps","title","onClick","CloseSmallIcon","DeleteFourIcon","CheckOneIcon","fill","marginLeft","Button","variation","startIcon","UploadIcon","RedoIcon","filesLoaderPropTypes","PropTypes","oneOf","string","func","number","bool","isRequired","propTypes"],"mappings":"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"}

package/components/FolderMenuItem/components/FolderIcon.d.ts

@@ -1,8 +1,8 @@
 import PropTypes from 'prop-types';
 declare function FolderIcon({ className, isOpen, color }: {
-    className: any;
+    className?: string | undefined;
     color: any;
-    isOpen: any;
+    isOpen?: boolean | undefined;
 }): import("react").JSX.Element;
 declare namespace FolderIcon {
     var propTypes: {
@@ -10,10 +10,6 @@ declare namespace FolderIcon {
         className: PropTypes.Requireable<string>;
         color: PropTypes.Validator<string>;
     };
-    var defaultProps: {
-        isOpen: boolean;
-        className: string;
-    };
 }
 export default FolderIcon;
 //# sourceMappingURL=FolderIcon.d.ts.map

package/components/FolderMenuItem/components/FolderIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FolderIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/FolderMenuItem/components/FolderIcon.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;4BAuBf,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE;;;;CAAA;;;;;;;;;;;;eAuBjC,UAAU"}
+{"version":3,"file":"FolderIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/FolderMenuItem/components/FolderIcon.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;4BAuBf,EAAE,SAAc,EAAE,MAAc,EAAE,KAAK,EAAE;;;;CAAA;;;;;;;;eAkB9C,UAAU"}

package/components/FolderMenuItem/components/FolderIcon.js

@@ -1,2 +1,2 @@
-import o from"prop-types";import{makeStyles as r}from"@material-ui/core";import e from"classnames";import s from"./OpenFolderIcon.js";import i from"./ClosedFolderIcon.js";import{jsx as l}from"react/jsx-runtime";var n=r({folderIcon:{width:16,height:16,display:"flex",alignItems:"flex-end"},iconColor:function(o){return{"& svg":{fill:o.color}}}}),t=function(o){var r=o.className,t=o.isOpen,a=o.color,c=n({color:a}),m=t?s:i;return l("div",{className:e(c.folderIcon,c.iconColor,r),children:l(m,{})})};t.propTypes={isOpen:o.bool,className:o.string,color:o.string.isRequired},t.defaultProps={isOpen:!1,className:""};export{t as default};
+import o from"prop-types";import{makeStyles as r}from"@material-ui/core";import e from"classnames";import i from"./OpenFolderIcon.js";import l from"./ClosedFolderIcon.js";import{jsx as s}from"react/jsx-runtime";var n=r({folderIcon:{width:16,height:16,display:"flex",alignItems:"flex-end"},iconColor:function(o){return{"& svg":{fill:o.color}}}}),t=function(o){var r=o.className,t=void 0===r?"":r,c=o.isOpen,m=void 0!==c&&c,a=o.color,p=n({color:a}),d=m?i:l;return s("div",{className:e(p.folderIcon,p.iconColor,t),children:s(d,{})})};t.propTypes={isOpen:o.bool,className:o.string,color:o.string.isRequired};export{t as default};
 //# sourceMappingURL=FolderIcon.js.map

package/components/FolderMenuItem/components/FolderIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"FolderIcon.js","sources":["../../../../src/components/FolderMenuItem/components/FolderIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport OpenFolderIcon from './OpenFolderIcon';\nimport ClosedFolderIcon from './ClosedFolderIcon';\n\nconst useStyles = makeStyles({\n  folderIcon: {\n    width: 16,\n    height: 16,\n    display: 'flex',\n    alignItems: 'flex-end',\n  },\n  iconColor: ({ color }) => {\n    return {\n      '& svg': {\n        fill: color,\n      },\n    };\n  },\n});\n\nconst FolderIcon = ({ className, isOpen, color }) => {\n  const classes = useStyles({ color });\n\n  const Icon = isOpen ? OpenFolderIcon : ClosedFolderIcon;\n\n  return (\n    <div className={classNames(classes.folderIcon, classes.iconColor, className)}>\n      <Icon />\n    </div>\n  );\n};\n\nFolderIcon.propTypes = {\n  isOpen: PropTypes.bool,\n  className: PropTypes.string,\n  color: PropTypes.string.isRequired,\n};\n\nFolderIcon.defaultProps = {\n  isOpen: false,\n  className: '',\n};\n\nexport default FolderIcon;\n"],"names":["useStyles","makeStyles","folderIcon","width","height","display","alignItems","iconColor","_ref","fill","color","FolderIcon","_ref2","className","isOpen","classes","Icon","OpenFolderIcon","ClosedFolderIcon","_jsx","classNames","children","propTypes","PropTypes","bool","string","isRequired","defaultProps"],"mappings":"mNAOA,IAAMA,EAAYC,EAAW,CAC3BC,WAAY,CACVC,MAAO,GACPC,OAAQ,GACRC,QAAS,OACTC,WAAY,YAEdC,UAAW,SAAeC,GACxB,MAAO,CACL,QAAS,CACPC,OAHQC,OAMd,IAGIC,EAAa,SAAkCC,GAAA,IAA/BC,IAAAA,UAAWC,IAAAA,OAAQJ,IAAAA,MACjCK,EAAUf,EAAU,CAAEU,MAAAA,IAEtBM,EAAOF,EAASG,EAAiBC,EAEvC,OACEC,EAAA,MAAA,CAAKN,UAAWO,EAAWL,EAAQb,WAAYa,EAAQR,UAAWM,GAAWQ,SAC3EF,EAACH,EAAI,KAGX,EAEAL,EAAWW,UAAY,CACrBR,OAAQS,EAAUC,KAClBX,UAAWU,EAAUE,OACrBf,MAAOa,EAAUE,OAAOC,YAG1Bf,EAAWgB,aAAe,CACxBb,QAAQ,EACRD,UAAW"}
+{"version":3,"file":"FolderIcon.js","sources":["../../../../src/components/FolderMenuItem/components/FolderIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport OpenFolderIcon from './OpenFolderIcon';\nimport ClosedFolderIcon from './ClosedFolderIcon';\n\nconst useStyles = makeStyles({\n  folderIcon: {\n    width: 16,\n    height: 16,\n    display: 'flex',\n    alignItems: 'flex-end',\n  },\n  iconColor: ({ color }) => {\n    return {\n      '& svg': {\n        fill: color,\n      },\n    };\n  },\n});\n\nconst FolderIcon = ({ className = '', isOpen = false, color }) => {\n  const classes = useStyles({ color });\n\n  const Icon = isOpen ? OpenFolderIcon : ClosedFolderIcon;\n\n  return (\n    <div className={classNames(classes.folderIcon, classes.iconColor, className)}>\n      <Icon />\n    </div>\n  );\n};\n\nFolderIcon.propTypes = {\n  isOpen: PropTypes.bool,\n  className: PropTypes.string,\n  color: PropTypes.string.isRequired,\n};\n\nexport default FolderIcon;\n"],"names":["useStyles","makeStyles","folderIcon","width","height","display","alignItems","iconColor","_ref","fill","color","FolderIcon","_ref2","_ref2$className","className","_ref2$isOpen","isOpen","classes","Icon","OpenFolderIcon","ClosedFolderIcon","_jsx","classNames","children","propTypes","PropTypes","bool","string","isRequired"],"mappings":"mNAOA,IAAMA,EAAYC,EAAW,CAC3BC,WAAY,CACVC,MAAO,GACPC,OAAQ,GACRC,QAAS,OACTC,WAAY,YAEdC,UAAW,SAAeC,GACxB,MAAO,CACL,QAAS,CACPC,OAHQC,OAMd,IAGIC,EAAa,SAA+CC,GAAA,IAAAC,EAAAD,EAA5CE,UAAAA,aAAY,GAAED,EAAAE,EAAAH,EAAEI,OAAAA,cAAcD,EAAEL,IAAAA,MAC9CO,EAAUjB,EAAU,CAAEU,MAAAA,IAEtBQ,EAAOF,EAASG,EAAiBC,EAEvC,OACEC,EAAA,MAAA,CAAKP,UAAWQ,EAAWL,EAAQf,WAAYe,EAAQV,UAAWO,GAAWS,SAC3EF,EAACH,EAAI,KAGX,EAEAP,EAAWa,UAAY,CACrBR,OAAQS,EAAUC,KAClBZ,UAAWW,EAAUE,OACrBjB,MAAOe,EAAUE,OAAOC"}

package/components/FolderMenuItem/index.d.ts

@@ -1,9 +1,9 @@
 import PropTypes from 'prop-types';
 declare function FolderMenuItem({ folderColor, isCreatable, isOpen, isSelected, name, onAdd, onClick, onToggle, }: {
     folderColor: any;
-    isCreatable: any;
-    isOpen: any;
-    isSelected: any;
+    isCreatable?: boolean | undefined;
+    isOpen?: boolean | undefined;
+    isSelected?: boolean | undefined;
     name: any;
     onAdd: any;
     onClick: any;
@@ -20,11 +20,6 @@ declare namespace FolderMenuItem {
         onClick: PropTypes.Validator<(...args: any[]) => any>;
         onToggle: PropTypes.Validator<(...args: any[]) => any>;
     };
-    var defaultProps: {
-        isCreatable: boolean;
-        isOpen: boolean;
-        isSelected: boolean;
-    };
 }
 export default FolderMenuItem;
 //# sourceMappingURL=index.d.ts.map

package/components/FolderMenuItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FolderMenuItem/index.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;gCAiFX,EACtB,WAAW,EACX,WAAW,EACX,MAAM,EACN,UAAU,EACV,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAQ,GACT;;;;;;;;;CAAA;;;;;;;;;;;;;;;;;;eA8Dc,cAAc"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FolderMenuItem/index.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;gCAiFX,EACtB,WAAW,EACX,WAAmB,EACnB,MAAc,EACd,UAAkB,EAClB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAQ,GACT;;;;;;;;;CAAA;;;;;;;;;;;;;eAwDc,cAAc"}

package/components/FolderMenuItem/index.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import o from"prop-types";import i from"classnames";import{makeStyles as t,Tooltip as r}from"@material-ui/core";import n from"@material-ui/icons/AddCircle";import l from"@material-ui/icons/ExpandLess";import a from"@material-ui/icons/ExpandMore";import s from"../IconButton/index.js";import{jsxs as c,jsx as d}from"react/jsx-runtime";import p from"./components/FolderIcon.js";function m(e,o){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);o&&(t=t.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),i.push.apply(i,t)}return i}function f(o){for(var i=1;i<arguments.length;i++){var t=null!=arguments[i]?arguments[i]:{};i%2?m(Object(t),!0).forEach((function(i){e(o,i,t[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(t,e))}))}return o}var u=t((function(e){return{folderMenuItem:{alignItems:"center",backgroundColor:e.palette.background.b8,color:"#FFFFFF",cursor:"pointer",display:"flex",fontSize:"0.875rem",fontWeight:"500",height:36,justifyContent:"space-between",paddingLeft:48,paddingRight:4,position:"relative",width:"100%",boxSizing:"border-box","&:hover":{backgroundColor:"rgba(3, 188, 212, 0.07)"},"&:hover svg":{visibility:"visible"},"&:hover $addIcon":{visibility:"visible"},"&:hover $toggleIcon":{visibility:"visible"}},addIcon:{visibility:"hidden"},toggleIcon:{visibility:"hidden"},folderMenuItemSelected:{backgroundColor:"rgba(3, 188, 212, 0.15) !important","&::before":{left:0,height:"100%",width:4,backgroundColor:e.palette.primary.main,position:"absolute",content:'""',borderRadius:"4px 0 0 4px"}},addCircleIcon:{visibility:"hidden"},actions:{display:"flex",alignItems:"center"},folderIcon:{position:"absolute",left:24,top:8},folderName:{overflow:"hidden",marginRight:4,height:"36px",lineHeight:"36px",whiteSpace:"nowrap",textOverflow:"ellipsis",userSelect:"none"}}})),b=function(o){var t=o.folderColor,m=o.isCreatable,b=o.isOpen,g=o.isSelected,h=o.name,v=o.onAdd,y=o.onClick,O=o.onToggle,C=u();return c("div",{className:i(C.folderMenuItem,e({},C.folderMenuItemSelected,g)),onClick:y,children:[d(p,{color:t,isOpen:b,className:C.folderIcon}),d("div",{className:C.folderName,children:h}),c("div",{className:C.actions,children:[m&&d(r,{title:"Add Page",placement:"bottom-end",children:d(s,{className:C.addIcon,size:"small",onClick:function(e){e.stopPropagation(),v()},children:d(n,{fontSize:"small"})})}),d(s,{className:C.toggleIcon,size:"small",onClick:function(e){e.stopPropagation(),O()},children:d((function(e){return d(r,{title:b?"Collapse":"Expand",placement:"bottom-end",children:d(b?l:a,f({},e))})}),{fontSize:"small"})})]})]})};b.propTypes={folderColor:o.string.isRequired,isCreatable:o.bool,isOpen:o.bool,isSelected:o.bool,name:o.string.isRequired,onAdd:o.func.isRequired,onClick:o.func.isRequired,onToggle:o.func.isRequired},b.defaultProps={isCreatable:!1,isOpen:!1,isSelected:!1};export{b as default};
+import e from"@babel/runtime/helpers/defineProperty";import o from"prop-types";import i from"classnames";import{makeStyles as r,Tooltip as t}from"@material-ui/core";import n from"@material-ui/icons/AddCircle";import l from"@material-ui/icons/ExpandLess";import a from"@material-ui/icons/ExpandMore";import c from"../IconButton/index.js";import{jsxs as s,jsx as d}from"react/jsx-runtime";import p from"./components/FolderIcon.js";function m(e,o){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),i.push.apply(i,r)}return i}function f(o){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?m(Object(r),!0).forEach((function(i){e(o,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(r,e))}))}return o}var u=r((function(e){return{folderMenuItem:{alignItems:"center",backgroundColor:e.palette.background.b8,color:"#FFFFFF",cursor:"pointer",display:"flex",fontSize:"0.875rem",fontWeight:"500",height:36,justifyContent:"space-between",paddingLeft:48,paddingRight:4,position:"relative",width:"100%",boxSizing:"border-box","&:hover":{backgroundColor:"rgba(3, 188, 212, 0.07)"},"&:hover svg":{visibility:"visible"},"&:hover $addIcon":{visibility:"visible"},"&:hover $toggleIcon":{visibility:"visible"}},addIcon:{visibility:"hidden"},toggleIcon:{visibility:"hidden"},folderMenuItemSelected:{backgroundColor:"rgba(3, 188, 212, 0.15) !important","&::before":{left:0,height:"100%",width:4,backgroundColor:e.palette.primary.main,position:"absolute",content:'""',borderRadius:"4px 0 0 4px"}},addCircleIcon:{visibility:"hidden"},actions:{display:"flex",alignItems:"center"},folderIcon:{position:"absolute",left:24,top:8},folderName:{overflow:"hidden",marginRight:4,height:"36px",lineHeight:"36px",whiteSpace:"nowrap",textOverflow:"ellipsis",userSelect:"none"}}})),b=function(o){var r=o.folderColor,m=o.isCreatable,b=void 0!==m&&m,g=o.isOpen,h=void 0!==g&&g,v=o.isSelected,y=void 0!==v&&v,O=o.name,C=o.onAdd,I=o.onClick,j=o.onToggle,x=u();return s("div",{className:i(x.folderMenuItem,e({},x.folderMenuItemSelected,y)),onClick:I,children:[d(p,{color:r,isOpen:h,className:x.folderIcon}),d("div",{className:x.folderName,children:O}),s("div",{className:x.actions,children:[b&&d(t,{title:"Add Page",placement:"bottom-end",children:d(c,{className:x.addIcon,size:"small",onClick:function(e){e.stopPropagation(),C()},children:d(n,{fontSize:"small"})})}),d(c,{className:x.toggleIcon,size:"small",onClick:function(e){e.stopPropagation(),j()},children:d((function(e){return d(t,{title:h?"Collapse":"Expand",placement:"bottom-end",children:d(h?l:a,f({},e))})}),{fontSize:"small"})})]})]})};b.propTypes={folderColor:o.string.isRequired,isCreatable:o.bool,isOpen:o.bool,isSelected:o.bool,name:o.string.isRequired,onAdd:o.func.isRequired,onClick:o.func.isRequired,onToggle:o.func.isRequired};export{b as default};
 //# sourceMappingURL=index.js.map