@corva/ui 3.75.0-9 → 3.75.0-rc.0

package/components/UserMention/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/UserMention/index.js"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport { debounce } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { MentionsInput, Mention } from 'react-mentions';\nimport blue from '@material-ui/core/colors/blue';\n\nimport { handleFetchUsers } from './utils';\n\nimport { URL_CAPTURE_PATTERN } from '~/utils/links';\nimport { USER_MARKUP, LINK_MARKUP } from './constants';\n\nimport styles from './style.css';\n\nimport Avatar from '~components/Avatar';\nimport { withPermissionsHOC, PERMISSIONS } from '~/permissions';\n\nconst PAGE_NAME = 'userMention';\n\nconst muiStyles = {\n  avatar: {\n    height: 45,\n    width: 45,\n    border: '1.5px solid #fff',\n  },\n};\n\nconst mentionLightStyle = {\n  backgroundColor: blue[100],\n};\nconst mentionDarkStyle = {\n  color: '#00bcd4',\n};\n\n// Matches the mirror token in `LinkedText`, which react-mentions cannot share as a class.\n// Off the palette, not literal white, or the tint vanishes against a light theme.\nconst linkStyle = {\n  color: 'var(--palette-info-light)',\n  backgroundColor: 'rgb(from var(--palette-primary-text-1) r g b / 0.04)',\n  // Outline, not border: a border takes space and would shift the text.\n  outline: '1px solid rgb(from var(--palette-primary-text-1) r g b / 0.16)',\n  borderRadius: '4px',\n};\n\n// This mention exists to paint existing text, never to offer a suggestion.\nconst NEVER_TRIGGERS = /$^/;\nconst NO_SUGGESTIONS = [];\n\n// NOTE: IMPORTANT! 'input', 'mention' and 'highliter' should always have same font/latter/height/line etc values\nconst inputStyles = {\n  suggestions: {\n    item: {\n      '&focused': {\n        backgroundColor: 'rgba(0, 0, 0, 0.08)',\n      },\n    },\n  },\n};\n\nconst darkThemeInputStyles = {\n  ...inputStyles,\n  input: {\n    color: '#fff',\n    caretColor: '#fff',\n    zIndex: 1,\n  },\n  highlighter: {\n    color: '#fff',\n  },\n};\n\nconst lightThemeInputStyles = {\n  ...inputStyles,\n  input: { color: '#000' },\n};\n\nconst renderSuggestion = (entry, classes) => (\n  <div className={styles.mention__suggestion}>\n    <Avatar\n      alt={entry.display}\n      displayName={entry.display}\n      className={classes.avatar}\n      imgSrc={entry.photo}\n    />\n    <div className={styles.mention__suggestion__info}>\n      <span\n        data-testid={`${PAGE_NAME}_name_${entry.display}`}\n        className={styles.mention__suggestion__info__name}\n      >\n        {entry.display}\n      </span>\n      {entry.title && (\n        <span className={styles.mention__suggestion__info__group}>{entry.title}</span>\n      )}\n    </div>\n  </div>\n);\n\nconst UserMention = ({\n  onChange = DEFAULT_USER_MENTION_ON_CHANGE,\n  singleLine = false,\n  suggestionsPortalHost = null,\n  value = '',\n  inputRef = null,\n  classes,\n  style = DEFAULT_USER_MENTION_STYLE,\n  withLightTheme = false,\n  placeholder = \"Mention people using '@'\",\n  onMount = DEFAULT_USER_MENTION_ON_MOUNT,\n  onKeyDown = DEFAULT_USER_MENTION_ON_KEY_DOWN,\n  onKeyUp = DEFAULT_USER_MENTION_ON_KEY_UP,\n  onFocus = DEFAULT_USER_MENTION_ON_FOCUS,\n  onBlur = DEFAULT_USER_MENTION_ON_BLUR,\n  autoFocus = true,\n  disabled = false,\n  companyId = null,\n  currentUser = null,\n  isCompanySelectVisible,\n  mentionProps = DEFAULT_USER_MENTION_MENTION_PROPS,\n  allowSuggestionsAboveCursor = false,\n  allowEmptyQuery = false,\n  highlightLinks = false,\n}) => {\n  useEffect(onMount, []);\n\n  const fetchUsers = (search, callback) => {\n    const companyIds =\n      isCompanySelectVisible && currentUser && currentUser.company_id !== companyId\n        ? [currentUser.company_id, companyId]\n        : null;\n\n    handleFetchUsers(search, callback, companyIds, allowEmptyQuery);\n  };\n\n  const debouncedUsersFetch = useCallback(debounce(fetchUsers, 400), [companyId, allowEmptyQuery]);\n\n  const onInputChange = (event, newValue) => {\n    onChange(newValue);\n  };\n\n  const themedStyle = {\n    ...(withLightTheme ? lightThemeInputStyles : darkThemeInputStyles),\n    ...style,\n  };\n\n  // react-mentions paints the text in the textarea and keeps the highlighter behind it, so a\n  // mention's colour never shows through. Handing the text to the highlighter instead is what\n  // lets a link carry the same token as the plain textareas do.\n  if (highlightLinks) {\n    const textColor = themedStyle.input?.color;\n\n    themedStyle.input = { caretColor: textColor, ...themedStyle.input, color: 'transparent' };\n    themedStyle.highlighter = {\n      color: textColor,\n      ...themedStyle.highlighter,\n      substring: { visibility: 'visible' },\n    };\n  }\n\n  return (\n    <MentionsInput\n      value={value}\n      onChange={onInputChange}\n      singleLine={singleLine}\n      allowSpaceInQuery\n      classNames={styles}\n      placeholder={placeholder}\n      suggestionsPortalHost={suggestionsPortalHost}\n      inputRef={inputRef}\n      style={themedStyle}\n      onKeyDown={onKeyDown}\n      onKeyUp={onKeyUp}\n      autoFocus={autoFocus}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      disabled={disabled}\n      allowSuggestionsAboveCursor={allowSuggestionsAboveCursor}\n    >\n      <Mention\n        markup={USER_MARKUP}\n        renderSuggestion={entry => renderSuggestion(entry, classes)}\n        trigger=\"@\"\n        data={debouncedUsersFetch}\n        displayTransform={(id, display) => `@${display}`}\n        style={withLightTheme ? mentionLightStyle : mentionDarkStyle}\n        appendSpaceOnAdd\n        {...mentionProps}\n      />\n\n      {/* Highlight only: a `regex` makes react-mentions style matching text without any markup\n          of its own, so the url stays exactly as typed in the value it hands back. */}\n      {highlightLinks && (\n        <Mention\n          markup={LINK_MARKUP}\n          regex={URL_CAPTURE_PATTERN}\n          trigger={NEVER_TRIGGERS}\n          data={NO_SUGGESTIONS}\n          displayTransform={display => display}\n          style={linkStyle}\n        />\n      )}\n    </MentionsInput>\n  );\n};\n\nUserMention.propTypes = {\n  onChange: PropTypes.func,\n  singleLine: PropTypes.bool,\n  suggestionsPortalHost: PropTypes.shape({\n    current: PropTypes.instanceOf(Element),\n  }),\n  value: PropTypes.string,\n  inputRef: PropTypes.shape({}),\n  classes: PropTypes.shape({\n    avatar: PropTypes.string.isRequired,\n  }).isRequired,\n  withLightTheme: PropTypes.bool,\n  placeholder: PropTypes.string,\n  style: PropTypes.shape({}),\n  mentionProps: PropTypes.shape({}),\n  onMount: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  onKeyUp: PropTypes.func,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  autoFocus: PropTypes.bool,\n  disabled: PropTypes.bool,\n\n  currentUser: PropTypes.shape({\n    company_id: PropTypes.number.isRequired,\n  }),\n  companyId: PropTypes.number,\n  isCompanySelectVisible: PropTypes.bool.isRequired,\n  allowSuggestionsAboveCursor: PropTypes.bool,\n  highlightLinks: PropTypes.bool,\n  /** Show default users when only \"@\" is typed, instead of waiting for a search term. */\n  allowEmptyQuery: PropTypes.bool,\n};\n\nconst DEFAULT_USER_MENTION_ON_CHANGE = () => undefined;\n\nconst DEFAULT_USER_MENTION_STYLE = {\n  suggestions: {\n    list: {\n      background: '#414141',\n    },\n    item: {\n      color: 'white',\n      height: 30,\n      '&focused': {\n        backgroundColor: 'rgba(255, 255, 255, 0.08)',\n      },\n    },\n  },\n};\n\nconst DEFAULT_USER_MENTION_MENTION_PROPS = {};\nconst DEFAULT_USER_MENTION_ON_MOUNT = () => undefined;\nconst DEFAULT_USER_MENTION_ON_KEY_DOWN = () => undefined;\nconst DEFAULT_USER_MENTION_ON_KEY_UP = () => undefined;\nconst DEFAULT_USER_MENTION_ON_FOCUS = () => undefined;\nconst DEFAULT_USER_MENTION_ON_BLUR = () => undefined;\n\nexport default withPermissionsHOC({ isCompanySelectVisible: PERMISSIONS.companySelectorView })(\n  withStyles(muiStyles)(UserMention)\n);\n"],"names":["mentionLightStyle","backgroundColor","blue","mentionDarkStyle","color","linkStyle","outline","borderRadius","NEVER_TRIGGERS","NO_SUGGESTIONS","inputStyles","suggestions","item","darkThemeInputStyles","input","caretColor","zIndex","highlighter","lightThemeInputStyles","UserMention","_ref","_ref$onChange","onChange","DEFAULT_USER_MENTION_ON_CHANGE","_ref$singleLine","singleLine","_ref$suggestionsPorta","suggestionsPortalHost","_ref$value","value","_ref$inputRef","inputRef","classes","_ref$style","style","DEFAULT_USER_MENTION_STYLE","_ref$withLightTheme","withLightTheme","_ref$placeholder","placeholder","_ref$onMount","onMount","DEFAULT_USER_MENTION_ON_MOUNT","_ref$onKeyDown","onKeyDown","DEFAULT_USER_MENTION_ON_KEY_DOWN","_ref$onKeyUp","onKeyUp","DEFAULT_USER_MENTION_ON_KEY_UP","_ref$onFocus","onFocus","DEFAULT_USER_MENTION_ON_FOCUS","_ref$onBlur","onBlur","DEFAULT_USER_MENTION_ON_BLUR","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$companyId","companyId","_ref$currentUser","currentUser","isCompanySelectVisible","_ref$mentionProps","mentionProps","DEFAULT_USER_MENTION_MENTION_PROPS","_ref$allowSuggestions","allowSuggestionsAboveCursor","_ref$allowEmptyQuery","allowEmptyQuery","_ref$highlightLinks","highlightLinks","useEffect","debouncedUsersFetch","useCallback","debounce","search","callback","companyIds","company_id","handleFetchUsers","themedStyle","_themedStyle$input","textColor","_objectSpread","substring","visibility","_jsxs","MentionsInput","event","newValue","allowSpaceInQuery","classNames","styles","children","_jsx","Mention","markup","USER_MARKUP","renderSuggestion","entry","className","mention__suggestion","Avatar","alt","display","displayName","avatar","imgSrc","photo","mention__suggestion__info","concat","mention__suggestion__info__name","title","mention__suggestion__info__group","trigger","data","displayTransform","id","appendSpaceOnAdd","LINK_MARKUP","regex","URL_CAPTURE_PATTERN","propTypes","PropTypes","func","bool","shape","current","instanceOf","Element","string","isRequired","number","list","background","height","UserMention$1","withPermissionsHOC","PERMISSIONS","companySelectorView","withStyles","width","border"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/UserMention/index.js"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport { debounce } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { MentionsInput, Mention } from 'react-mentions';\nimport blue from '@material-ui/core/colors/blue';\n\nimport { handleFetchUsers } from './utils';\n\nimport { URL_CAPTURE_PATTERN } from '~/utils/links';\nimport { USER_MARKUP, LINK_MARKUP } from './constants';\n\nimport styles from './style.css';\n\nimport Avatar from '~components/Avatar';\nimport { withPermissionsHOC, PERMISSIONS } from '~/permissions';\n\nconst PAGE_NAME = 'userMention';\n\nconst muiStyles = {\n  avatar: {\n    height: 45,\n    width: 45,\n    border: '1.5px solid #fff',\n  },\n};\n\nconst mentionLightStyle = {\n  backgroundColor: blue[100],\n};\nconst mentionDarkStyle = {\n  color: '#00bcd4',\n};\n\n// Matches the mirror token in `LinkedText`, which react-mentions cannot share as a class.\n// Off the palette, not literal white, or the tint vanishes against a light theme.\nconst linkStyle = {\n  color: 'var(--palette-info-light)',\n  backgroundColor: 'rgb(from var(--palette-primary-text-1) r g b / 0.04)',\n  // Outline, not border: a border takes space and would shift the text.\n  outline: '1px solid rgb(from var(--palette-primary-text-1) r g b / 0.16)',\n  borderRadius: '4px',\n};\n\n// This mention exists to paint existing text, never to offer a suggestion.\n// `/$^/` looks like it never matches but matches the empty string, and react-mentions then reads\n// capture groups this regex does not have — every caret at the start of an empty composer threw.\nconst NEVER_TRIGGERS = /(?!)/;\nconst NO_SUGGESTIONS = [];\n\n// NOTE: IMPORTANT! 'input', 'mention' and 'highliter' should always have same font/latter/height/line etc values\nconst inputStyles = {\n  suggestions: {\n    item: {\n      '&focused': {\n        backgroundColor: 'rgba(0, 0, 0, 0.08)',\n      },\n    },\n  },\n};\n\nconst darkThemeInputStyles = {\n  ...inputStyles,\n  input: {\n    color: '#fff',\n    caretColor: '#fff',\n    zIndex: 1,\n  },\n  highlighter: {\n    color: '#fff',\n  },\n};\n\nconst lightThemeInputStyles = {\n  ...inputStyles,\n  input: { color: '#000' },\n};\n\nconst renderSuggestion = (entry, classes) => (\n  <div className={styles.mention__suggestion}>\n    <Avatar\n      alt={entry.display}\n      displayName={entry.display}\n      className={classes.avatar}\n      imgSrc={entry.photo}\n    />\n    <div className={styles.mention__suggestion__info}>\n      <span\n        data-testid={`${PAGE_NAME}_name_${entry.display}`}\n        className={styles.mention__suggestion__info__name}\n      >\n        {entry.display}\n      </span>\n      {entry.title && (\n        <span className={styles.mention__suggestion__info__group}>{entry.title}</span>\n      )}\n    </div>\n  </div>\n);\n\nconst UserMention = ({\n  onChange = DEFAULT_USER_MENTION_ON_CHANGE,\n  singleLine = false,\n  suggestionsPortalHost = null,\n  value = '',\n  inputRef = null,\n  classes,\n  style = DEFAULT_USER_MENTION_STYLE,\n  withLightTheme = false,\n  placeholder = \"Mention people using '@'\",\n  onMount = DEFAULT_USER_MENTION_ON_MOUNT,\n  onKeyDown = DEFAULT_USER_MENTION_ON_KEY_DOWN,\n  onKeyUp = DEFAULT_USER_MENTION_ON_KEY_UP,\n  onFocus = DEFAULT_USER_MENTION_ON_FOCUS,\n  onBlur = DEFAULT_USER_MENTION_ON_BLUR,\n  autoFocus = true,\n  disabled = false,\n  companyId = null,\n  currentUser = null,\n  isCompanySelectVisible,\n  mentionProps = DEFAULT_USER_MENTION_MENTION_PROPS,\n  allowSuggestionsAboveCursor = false,\n  allowEmptyQuery = false,\n  highlightLinks = false,\n}) => {\n  useEffect(onMount, []);\n\n  const fetchUsers = (search, callback) => {\n    const companyIds =\n      isCompanySelectVisible && currentUser && currentUser.company_id !== companyId\n        ? [currentUser.company_id, companyId]\n        : null;\n\n    handleFetchUsers(search, callback, companyIds, allowEmptyQuery);\n  };\n\n  const debouncedUsersFetch = useCallback(debounce(fetchUsers, 400), [companyId, allowEmptyQuery]);\n\n  const onInputChange = (event, newValue) => {\n    onChange(newValue);\n  };\n\n  const themedStyle = {\n    ...(withLightTheme ? lightThemeInputStyles : darkThemeInputStyles),\n    ...style,\n  };\n\n  // react-mentions paints the text in the textarea and keeps the highlighter behind it, so a\n  // mention's colour never shows through. Handing the text to the highlighter instead is what\n  // lets a link carry the same token as the plain textareas do.\n  if (highlightLinks) {\n    const textColor = themedStyle.input?.color;\n\n    themedStyle.input = { caretColor: textColor, ...themedStyle.input, color: 'transparent' };\n    themedStyle.highlighter = {\n      color: textColor,\n      ...themedStyle.highlighter,\n      substring: { visibility: 'visible' },\n    };\n  }\n\n  return (\n    <MentionsInput\n      value={value}\n      onChange={onInputChange}\n      singleLine={singleLine}\n      allowSpaceInQuery\n      classNames={styles}\n      placeholder={placeholder}\n      suggestionsPortalHost={suggestionsPortalHost}\n      inputRef={inputRef}\n      style={themedStyle}\n      onKeyDown={onKeyDown}\n      onKeyUp={onKeyUp}\n      autoFocus={autoFocus}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      disabled={disabled}\n      allowSuggestionsAboveCursor={allowSuggestionsAboveCursor}\n    >\n      <Mention\n        markup={USER_MARKUP}\n        renderSuggestion={entry => renderSuggestion(entry, classes)}\n        trigger=\"@\"\n        data={debouncedUsersFetch}\n        displayTransform={(id, display) => `@${display}`}\n        style={withLightTheme ? mentionLightStyle : mentionDarkStyle}\n        appendSpaceOnAdd\n        {...mentionProps}\n      />\n\n      {/* Highlight only: a `regex` makes react-mentions style matching text without any markup\n          of its own, so the url stays exactly as typed in the value it hands back. */}\n      {highlightLinks && (\n        <Mention\n          markup={LINK_MARKUP}\n          regex={URL_CAPTURE_PATTERN}\n          trigger={NEVER_TRIGGERS}\n          data={NO_SUGGESTIONS}\n          displayTransform={display => display}\n          style={linkStyle}\n        />\n      )}\n    </MentionsInput>\n  );\n};\n\nUserMention.propTypes = {\n  onChange: PropTypes.func,\n  singleLine: PropTypes.bool,\n  suggestionsPortalHost: PropTypes.shape({\n    current: PropTypes.instanceOf(Element),\n  }),\n  value: PropTypes.string,\n  inputRef: PropTypes.shape({}),\n  classes: PropTypes.shape({\n    avatar: PropTypes.string.isRequired,\n  }).isRequired,\n  withLightTheme: PropTypes.bool,\n  placeholder: PropTypes.string,\n  style: PropTypes.shape({}),\n  mentionProps: PropTypes.shape({}),\n  onMount: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  onKeyUp: PropTypes.func,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  autoFocus: PropTypes.bool,\n  disabled: PropTypes.bool,\n\n  currentUser: PropTypes.shape({\n    company_id: PropTypes.number.isRequired,\n  }),\n  companyId: PropTypes.number,\n  isCompanySelectVisible: PropTypes.bool.isRequired,\n  allowSuggestionsAboveCursor: PropTypes.bool,\n  highlightLinks: PropTypes.bool,\n  /** Show default users when only \"@\" is typed, instead of waiting for a search term. */\n  allowEmptyQuery: PropTypes.bool,\n};\n\nconst DEFAULT_USER_MENTION_ON_CHANGE = () => undefined;\n\nconst DEFAULT_USER_MENTION_STYLE = {\n  suggestions: {\n    list: {\n      background: '#414141',\n    },\n    item: {\n      color: 'white',\n      height: 30,\n      '&focused': {\n        backgroundColor: 'rgba(255, 255, 255, 0.08)',\n      },\n    },\n  },\n};\n\nconst DEFAULT_USER_MENTION_MENTION_PROPS = {};\nconst DEFAULT_USER_MENTION_ON_MOUNT = () => undefined;\nconst DEFAULT_USER_MENTION_ON_KEY_DOWN = () => undefined;\nconst DEFAULT_USER_MENTION_ON_KEY_UP = () => undefined;\nconst DEFAULT_USER_MENTION_ON_FOCUS = () => undefined;\nconst DEFAULT_USER_MENTION_ON_BLUR = () => undefined;\n\nexport default withPermissionsHOC({ isCompanySelectVisible: PERMISSIONS.companySelectorView })(\n  withStyles(muiStyles)(UserMention)\n);\n"],"names":["mentionLightStyle","backgroundColor","blue","mentionDarkStyle","color","linkStyle","outline","borderRadius","NEVER_TRIGGERS","NO_SUGGESTIONS","inputStyles","suggestions","item","darkThemeInputStyles","input","caretColor","zIndex","highlighter","lightThemeInputStyles","UserMention","_ref","_ref$onChange","onChange","DEFAULT_USER_MENTION_ON_CHANGE","_ref$singleLine","singleLine","_ref$suggestionsPorta","suggestionsPortalHost","_ref$value","value","_ref$inputRef","inputRef","classes","_ref$style","style","DEFAULT_USER_MENTION_STYLE","_ref$withLightTheme","withLightTheme","_ref$placeholder","placeholder","_ref$onMount","onMount","DEFAULT_USER_MENTION_ON_MOUNT","_ref$onKeyDown","onKeyDown","DEFAULT_USER_MENTION_ON_KEY_DOWN","_ref$onKeyUp","onKeyUp","DEFAULT_USER_MENTION_ON_KEY_UP","_ref$onFocus","onFocus","DEFAULT_USER_MENTION_ON_FOCUS","_ref$onBlur","onBlur","DEFAULT_USER_MENTION_ON_BLUR","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$companyId","companyId","_ref$currentUser","currentUser","isCompanySelectVisible","_ref$mentionProps","mentionProps","DEFAULT_USER_MENTION_MENTION_PROPS","_ref$allowSuggestions","allowSuggestionsAboveCursor","_ref$allowEmptyQuery","allowEmptyQuery","_ref$highlightLinks","highlightLinks","useEffect","debouncedUsersFetch","useCallback","debounce","search","callback","companyIds","company_id","handleFetchUsers","themedStyle","_themedStyle$input","textColor","_objectSpread","substring","visibility","_jsxs","MentionsInput","event","newValue","allowSpaceInQuery","classNames","styles","children","_jsx","Mention","markup","USER_MARKUP","renderSuggestion","entry","className","mention__suggestion","Avatar","alt","display","displayName","avatar","imgSrc","photo","mention__suggestion__info","concat","mention__suggestion__info__name","title","mention__suggestion__info__group","trigger","data","displayTransform","id","appendSpaceOnAdd","LINK_MARKUP","regex","URL_CAPTURE_PATTERN","propTypes","PropTypes","func","bool","shape","current","instanceOf","Element","string","isRequired","number","list","background","height","UserMention$1","withPermissionsHOC","PERMISSIONS","companySelectorView","withStyles","width","border"],"mappings":"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"}

package/components/__tests__/CommentLoader.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=CommentLoader.test.d.ts.map

package/components/__tests__/CommentLoader.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentLoader.test.d.ts","sourceRoot":"","sources":["../../../src/components/__tests__/CommentLoader.test.js"],"names":[],"mappings":""}

package/components/__tests__/ConfirmationDialog.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ConfirmationDialog.test.d.ts.map

package/components/__tests__/ConfirmationDialog.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationDialog.test.d.ts","sourceRoot":"","sources":["../../../src/components/__tests__/ConfirmationDialog.test.js"],"names":[],"mappings":""}

package/components/__tests__/EmojiIconButton.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=EmojiIconButton.test.d.ts.map

package/components/__tests__/EmojiIconButton.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiIconButton.test.d.ts","sourceRoot":"","sources":["../../../src/components/__tests__/EmojiIconButton.test.js"],"names":[],"mappings":""}

package/components/index.js

@@ -1,2 +1,2 @@
-export{default as Modal}from"./Modal/Modal.js";export{default as IconMenu}from"./IconMenu/index.js";export{default as StyledMenuItem}from"./StyledMenuItem/index.js";export{AppIcon}from"./AppIcon/AppIcon.js";export{default as AppHeader}from"./DevCenter/AppHeader/AppHeader.js";export{default as AppSideBar}from"./DevCenter/AppSideBar/AppSideBar.js";export{default as AppsDataProvider}from"./DevCenter/AppsDataProvider/AppsDataProvider.js";export{default as DevCenterAppContainer}from"./DevCenter/DevCenterAppContainer/DevCenterAppContainer.js";export{default as NavigationBar}from"./DevCenter/NavigationBar/NavigationBar.js";export{default as SideBar}from"./DevCenter/SideBar/SideBar.js";export{AppSettingsPopover}from"./DevCenter/AppSettingsPopover/AppSettingsPopover.js";export{AppFilterPanelLayout}from"./DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"./DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";export{UniversalLink}from"./DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react";export{withUniversalLocationHOC}from"./DevCenter/DevCenterRouterContext/hocs/withUniversalLocationHOC.js";export{DevCenterIsolatedAppPage}from"./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";export{DevCenterIsolatedApp}from"./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";export{default as AppContext}from"./DevCenter/AppContext.js";export{default as AppSettingsAssetEditor}from"./AssetEditor/index.js";export{default as AppSettingsAssetEditorV2}from"./AssetEditorV2/index.js";export{default as AppVersionsSelect,AppVersionsSelectView}from"./AppVersionsSelect/AppVersionsSelect.js";export{default as LoadingIndicator}from"./LoadingIndicator/LoadingIndicator.js";import*as e from"./Typography.js";export{e as Typography};export{default as RealTimeSidebar}from"./RealTimeValuesSidebar/RealTimeSidebar.js";export{default as CollapsableSidebar}from"./CollapsableSidebar.js";export{default as DateTimePicker}from"./DateTimePicker/index.js";export{default as DatePicker}from"./DatePicker/index.js";export{default as ErrorBoundary}from"./ErrorBoundary/ErrorBoundary.js";import"./ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";export{default as AnnotationsList}from"./Annotations/components/AnnotationsList/index.js";export{default as LastAnnotation}from"./Annotations/components/LastAnnotation/index.js";export{AnnotationsProvider,useAnnotationsDispatch,useAnnotationsState}from"./Annotations/AnnotationsContext.js";export{default as SlateFormattedText}from"./SlateFormattedText/SlateFormattedText.js";export{Element,Leaf}from"./SlateFormattedText/RenderElements.js";export{slateFormattingTextUtils}from"./SlateFormattedText/utils.js";export{default as EmptyState}from"./EmptyState/EmptyState.js";export{default as ParameterCharts}from"./ParameterCharts/ParameterCharts.js";export{default as AddEditTrack}from"./ParameterCharts/AddEditTrack.js";export{default as ChartActionsList}from"./ChartActionsList/ChartActionsList.js";export{default as CopyToClipboard}from"./CopyToClipboard/CopyToClipboard.js";export{default as AssetEditorAutocomplete,default as SingleAssetEditorAutocomplete}from"./AssetEditor/AssetEditorAutocomplete.js";export{default as SingleAssetEditor}from"./AssetEditor/SingleAssetEditor.js";export{ColorEditor}from"./SettingEditors/ColorEditor/index.js";export{default as StyledDropdownEditor}from"./SettingEditors/DropdownEditor/index.js";export{default as RadioEditor}from"./SettingEditors/RadioEditor/index.js";export{SwitchControlComponent as SwitchControl}from"./SwitchControl/index.js";export{default as ColorPicker}from"./ColorPicker/ColorPicker.js";export{default as ChartButton}from"./Chart/components/ChartButton.js";export{default as ChartButtons}from"./Chart/components/ChartButtons.js";export{default as ChartWrapper}from"./Chart/components/ChartWrapper.js";export{default as AxisDropdown}from"./Chart/components/AxisDropdown.js";export{default as ChartSelect}from"./Chart/components/ChartSelect.js";export{default as DragToZoomButton}from"./Chart/components/buttons/DragToZoomButton.js";export{default as ZoomInButton}from"./Chart/components/buttons/ZoomInButton.js";export{default as ZoomOutButton}from"./Chart/components/buttons/ZoomOutButton.js";export{default as PanButton}from"./Chart/components/buttons/PanButton.js";export{default as ResetZoomButton}from"./Chart/components/buttons/ResetZoomButton.js";export{default as HideAxesButton}from"./Chart/components/buttons/HideAxesButton.js";export{default as ChartTypeButton}from"./Chart/components/buttons/ChartTypeButton.js";export{default as PaletteChromePicker}from"./ColorPicker/PaletteChromePicker/PaletteChromePicker.js";export{default as TruncatedText}from"./TruncatedText/index.js";export{MiddleTruncatedText}from"./MiddleTruncatedText/MiddleTruncatedText.js";export{default as RangeSlider}from"./RangeSlider/RangeSlider.js";export{default as AdvancedSlider}from"./AdvancedSlider/AdvancedSlider.js";export{default as AppSettingsDialog}from"./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";export{default as RemoveAppButton}from"./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";export{default as Breadcrumbs}from"./Breadcrumbs/index.js";export{VTableComponent as VirtualizedTable}from"./VirtualizedTable/index.js";export{default as EmptyView}from"./EmptyView/EmptyView.js";export{default as EmptyAppView}from"./EmptyView/EmptyAppView/EmptyAppView.js";export{default as Button}from"./Button/components/Button/index.js";export{LiveButton}from"./Button/components/LiveButton/index.js";export{default as ContextMenuItem}from"./ContextMenuItem/index.js";export{default as FolderMenuItem}from"./FolderMenuItem/index.js";export{default as EditableItem}from"./EditableItem/EditableItem/index.js";export{default as EditableItemWithBadge}from"./EditableItem/EditableItemWithBadge/index.js";export{default as Checkbox}from"./Checkbox/index.js";export{default as FolderMenuItemWithLinks}from"./FolderMenuItemWithLinks/index.js";export{default as IconButton}from"./IconButton/index.js";export{default as TextField}from"./TextField/index.js";export{default as Chip}from"./Chip/index.js";export{default as Counter}from"./Counter/index.js";export{default as AnchorsList}from"./AnchorsList/AnchorsList.js";export{default as Select}from"./Select/index.js";export{SelectFilterBy}from"./Select/SelectFilterBy.js";export{default as CustomSelect}from"./CustomSelect/index.js";export{default as Tabs}from"./Tabs/Tabs.js";export{default as Tab}from"./Tabs/Tab.js";export{default as ResizableTable}from"./ResizableTable/ResizableTable.js";export{GradientManager}from"./GradientManager/GradientManager.js";export{GradientManagerWithStorage}from"./GradientManager/GradientManagerWithStorage/GradientManagerWithStorage.js";export{GradientPicker}from"./GradientPicker/GradientPicker.js";export{default as BHASchematic}from"./Drillstring/BHASchematic.js";export{default as BHATable}from"./Drillstring/BHATable/index.js";export{default as BHAComponentIcon}from"./Drillstring/BHAComponentIcon.js";export{default as BHAComponentDetail}from"./Drillstring/BHAComponentDetail/index.js";export{default as BHATileIcon}from"./Drillstring/BHATileIcon.js";export{default as BHATile}from"./Drillstring/BHATile/BHATile.js";export{default as BHAList}from"./Drillstring/BHAList/BHAList.js";export{default as BHAComponentsTable}from"./Drillstring/BHAComponentsTable/BHAComponentsTable.js";export{default as CasingTable}from"./Casing/CasingTable/index.js";export{default as CasingComponentIcon}from"./Casing/CasingComponentIcon.js";export{default as CasingTileIcon}from"./Casing/CasingTileIcon.js";export{default as CasingTableV2}from"./Casing/CasingTableV2/CasingTableV2.js";export{default as CasingTile}from"./Casing/CasingTile/CasingTile.js";export{default as DisabledSettingsMessage}from"./DisabledSettingsMessage/DisabledSettingsMessage.js";import*as o from"./WellSummary/index.js";export{o as WellSummary};export{default as BICOffsetPickerDialog}from"./BICOffsetPickerDialog/index.js";export{default as OffsetWellButton}from"./OffsetWellButton/OffsetWellButton.js";export{default as OffsetWellPickerV2}from"./OffsetWellPickerV2/OffsetWellPickerDialog.js";export{default as OffsetWellPickerV3}from"./OffsetWellPickerV3/index.js";export{default as OffsetWellChip}from"./OffsetWellChips/Chip.js";export{default as OffsetWellChipsContainer}from"./OffsetWellChips/ChipsContainer.js";export{default as OffsetWellPickerV4}from"./OffsetWellPickerV4/index.js";export{OffsetWellPickerV5WithStore as OffsetWellPickerV5}from"./OffsetWellPickerV5/components/OffsetWellPickerV5WithStore/OffsetWellPickerV5WithStore.js";export{default as OffsetWellMap}from"./OffsetWellMap/OffsetWellMap.js";export{Notifications}from"./Notifications/Notifications.js";export{NotificationsContainer}from"./Notifications/NotificationsContainer.js";import"./Toaster/Toaster.js";export{ToastContainer}from"./Toaster/ToastContainer.js";export{default as ConfirmationDialog}from"./ConfirmationDialog.js";export{default as TextLink}from"./TextLink/index.js";export{AvatarComponent as Avatar}from"./Avatar/index.js";export{default as TemplatePopover}from"./Template/TemplatePopover/index.js";export{default as TemplateSharingDialog}from"./Template/TemplateSharingDialog/index.js";export{default as MenuItem}from"./MenuItem/index.js";export{default as MiddleTruncate}from"./MiddleTruncate/MiddleTruncate.js";export{default as PadModeSelect}from"./PadModeSelect/PadModeSelect.js";export{default as PinnableFilters}from"./PinnableFilters/PinnableFilters.js";export{default as HeaderLayout}from"./HeaderLayout/HeaderLayout.js";import*as t from"./PadOffsetsPicker/index.js";export{t as PadOffsetsPicker};export{default as PadOffsetsPickerV2}from"./PadOffsetsPickerV2/PadOffsetsPickerV2.js";export{default as TableSortLabel}from"./Table/TableSortLabel/TableSortLabel.js";export{default as TableToolbar}from"./Table/TableToolbar/TableToolbar.js";export{TableContainer}from"./Table/TableContainer/TableContainer.js";export{TableCell}from"./Table/TableCell/TableCell.js";export{TablePagination}from"./Table/TablePagination/TablePagination.js";export{TablePaginationActions}from"./Table/TablePaginationActions/TablePaginationActions.js";export{Table}from"./Table/Table/Table.js";export{TableBody,TableHead,TableRow}from"@material-ui/core";export{Tooltip}from"./Tooltip/Tooltip.js";export{ScrollableTooltip}from"./Tooltip/ScrollableTooltip.js";export{default as PriceInput}from"./PriceInput/PriceInput.js";export{default as LabelsCounter}from"./LabelsCounter/LabelsCounter.js";export{Stepper}from"./Stepper/Stepper.js";export{Step}from"./Stepper/Step/Step.js";export{StepsWrapper}from"./Stepper/StepsWrapper.js";export{default as CommentIcon}from"./Comment/CommentIcon/index.js";export{default as FilesLoader}from"./FilesLoader/FilesLoader.js";export{FileIcon}from"./FileIcon/FileIcon.js";export{default as SearchInput}from"./SearchInput/index.js";export{default as FeedItem}from"./FeedItem/FeedItem.js";export{FeedItemEditProvider,useFeedItemEditProvider}from"./FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";export{default as PostInput}from"./PostInput/PostInput.js";export{default as KeyboardDateTimePicker}from"./KeyboardDateTimePicker.js";export{default as AddCommentPopover}from"./AddComment/Popover.js";export{default as AddCommentPopup}from"./AddComment/Popup.js";export{default as ComparisonBar}from"./StageDesignVActual/ComparisonBar/ComparisonBar.js";export{default as ElementsComparison}from"./StageDesignVActual/ElementsComparison/ElementsComparison.js";export{default as ComparisonHeader}from"./StageDesignVActual/ComparisonHeader.js";export{default as ComparisonRow}from"./StageDesignVActual/ComparisonRow.js";export{default as DevCenterEmbeddedApp}from"./EmbeddedApp/DevCenterEmbeddedApp.js";export{default as EmbeddedApp}from"./EmbeddedApp/EmbeddedApp.js";import*as s from"./HelpCenter/index.js";export{s as HelpCenter};export{default as Autocomplete}from"./Autocomplete/Autocomplete.js";export{default as DocumentViewer}from"./DocumentViewer/DocumentViewer.js";export{Popover}from"./Popover/Popover.js";export{Popper}from"./Popper/Popper.js";export{default as ColorPickerPalette}from"./ColorPickerPalette/ColorPickerPalette.js";export{Search}from"./Search/Search.js";import"./Search/components/Listbox.js";import"./Search/components/Paper.js";export{default as RecentSearches}from"./Search/components/RecentSearches.js";import"react/jsx-runtime";import"./Search/components/Groups.js";import"./Search/components/SelectAllListItem.js";export{StatusBadge}from"./StatusBadge/index.js";export{default as Attachment}from"./Attachment/index.js";export{default as EmojiIconButton}from"./EmojiIconButton.js";export{default as FileUploadIconButton}from"./FileUploadIconButton.js";export{default as FilePreview}from"./FilePreview/index.js";export{default as FailedFileUploading}from"./FailedFileUploading.js";export{default as UserMention}from"./UserMention/index.js";export{default as CommentsInfo}from"./CommentsInfo/index.js";export{default as CommentInput}from"./CommentInput/index.js";export{default as Comment}from"./Comment/index.js";export{default as CommentLoader}from"./CommentLoader.js";export{AssetStatusBadge}from"./AssetNameLabel/AssetStatusBadge.js";export{default as PrimaryAssetSelect}from"./AssetEditorV2/components/PrimaryAssetSelect.js";export{default as SecondaryAssetSelect}from"./AssetEditorV2/components/SecondaryAssetSelect.js";import"./AssetEditorV2/components/SelectItem.js";export{default as MultipleAssetsToggle}from"./AssetEditorV2/components/MultipleAssetsToggle.js";import"./AssetEditorV2/components/PrimaryAssetSelectV2.js";export{default as EChartsWrapper}from"./EChartsWrapper/EChartsWrapper.js";export{default as AssetsMultipleSelector}from"./AssetsMultipleSelector/AssetsMultipleSelector.js";export{default as NewDocumentViewer}from"./NewDocumentViewer/NewDocumentViewer.js";export{FilesLoaderV2}from"./FilesLoaderV2/FilesLoaderV2.js";export{FilesDropzone}from"./FilesDropzone/FilesDropzone.js";export{FilesProcessor}from"./FilesProcessor/FilesProcessor.js";export{Hint}from"./Hint/Hint.js";export{default as Formula}from"./Formula/Formula.js";export{CommentCard}from"./CommentCard/CommentCard.js";export{CommentComposer}from"./CommentComposer/CommentComposer.js";export{AttachmentPreview}from"./AttachmentPreview/AttachmentPreview.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"../componentsV2/FileIcon/FileIcon.js";import"../componentsV2/ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import"./DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"./DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../componentsV2/Text/Text.js";import"./DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"@babel/runtime/helpers/slicedToArray";import"uuid";import"../componentsV2/Tooltip/Tooltip.scss.js";import"@icon-park/react/es/all";import"../icons/IconParkProvider.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"../componentsV2/Menu/Menu.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../clients/jsonApi/index.js";import"../utils/main.js";import"./AttachmentPreview/AttachmentImage.js";import"./AttachmentPreview/AttachmentPreview.scss.js";import"file-extension";import"image-extensions";import"video-extensions";export{getIsStoredKey}from"./AttachmentPreview/useStoredAttachment.js";export{CommentPin}from"./CommentPin/CommentPin.js";export{FeedCard}from"./FeedCard/FeedCard.js";export{FeedItemCard}from"./FeedItemCard/FeedItemCard.js";export{NewCommentCursor}from"./NewCommentCursor/NewCommentCursor.js";export{CommentInput as CommentInputNext}from"./CommentInputNext/CommentInputNext.js";export{LinkedText}from"./LinkedText/LinkedText.js";export{default as FeedItemContent}from"./FeedItem/components/Content.js";export{LiveButtonState}from"./Button/components/LiveButton/constants.js";
+export{default as Modal}from"./Modal/Modal.js";export{default as IconMenu}from"./IconMenu/index.js";export{default as StyledMenuItem}from"./StyledMenuItem/index.js";export{AppIcon}from"./AppIcon/AppIcon.js";export{default as AppHeader}from"./DevCenter/AppHeader/AppHeader.js";export{default as AppSideBar}from"./DevCenter/AppSideBar/AppSideBar.js";export{default as AppsDataProvider}from"./DevCenter/AppsDataProvider/AppsDataProvider.js";export{default as DevCenterAppContainer}from"./DevCenter/DevCenterAppContainer/DevCenterAppContainer.js";export{default as NavigationBar}from"./DevCenter/NavigationBar/NavigationBar.js";export{default as SideBar}from"./DevCenter/SideBar/SideBar.js";export{AppSettingsPopover}from"./DevCenter/AppSettingsPopover/AppSettingsPopover.js";export{AppFilterPanelLayout}from"./DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"./DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";export{UniversalLink}from"./DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react";export{withUniversalLocationHOC}from"./DevCenter/DevCenterRouterContext/hocs/withUniversalLocationHOC.js";export{DevCenterIsolatedAppPage}from"./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";export{DevCenterIsolatedApp}from"./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";export{default as AppContext}from"./DevCenter/AppContext.js";export{default as AppSettingsAssetEditor}from"./AssetEditor/index.js";export{default as AppSettingsAssetEditorV2}from"./AssetEditorV2/index.js";export{default as AppVersionsSelect,AppVersionsSelectView}from"./AppVersionsSelect/AppVersionsSelect.js";export{default as LoadingIndicator}from"./LoadingIndicator/LoadingIndicator.js";import*as e from"./Typography.js";export{e as Typography};export{default as RealTimeSidebar}from"./RealTimeValuesSidebar/RealTimeSidebar.js";export{default as CollapsableSidebar}from"./CollapsableSidebar.js";export{default as DateTimePicker}from"./DateTimePicker/index.js";export{default as DatePicker}from"./DatePicker/index.js";export{default as ErrorBoundary}from"./ErrorBoundary/ErrorBoundary.js";import"./ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";export{default as AnnotationsList}from"./Annotations/components/AnnotationsList/index.js";export{default as LastAnnotation}from"./Annotations/components/LastAnnotation/index.js";export{AnnotationsProvider,useAnnotationsDispatch,useAnnotationsState}from"./Annotations/AnnotationsContext.js";export{default as SlateFormattedText}from"./SlateFormattedText/SlateFormattedText.js";export{Element,Leaf}from"./SlateFormattedText/RenderElements.js";export{slateFormattingTextUtils}from"./SlateFormattedText/utils.js";export{default as EmptyState}from"./EmptyState/EmptyState.js";export{default as ParameterCharts}from"./ParameterCharts/ParameterCharts.js";export{default as AddEditTrack}from"./ParameterCharts/AddEditTrack.js";export{default as ChartActionsList}from"./ChartActionsList/ChartActionsList.js";export{default as CopyToClipboard}from"./CopyToClipboard/CopyToClipboard.js";export{default as AssetEditorAutocomplete,default as SingleAssetEditorAutocomplete}from"./AssetEditor/AssetEditorAutocomplete.js";export{default as SingleAssetEditor}from"./AssetEditor/SingleAssetEditor.js";export{ColorEditor}from"./SettingEditors/ColorEditor/index.js";export{default as StyledDropdownEditor}from"./SettingEditors/DropdownEditor/index.js";export{default as RadioEditor}from"./SettingEditors/RadioEditor/index.js";export{SwitchControlComponent as SwitchControl}from"./SwitchControl/index.js";export{default as ColorPicker}from"./ColorPicker/ColorPicker.js";export{default as ChartButton}from"./Chart/components/ChartButton.js";export{default as ChartButtons}from"./Chart/components/ChartButtons.js";export{default as ChartWrapper}from"./Chart/components/ChartWrapper.js";export{default as AxisDropdown}from"./Chart/components/AxisDropdown.js";export{default as ChartSelect}from"./Chart/components/ChartSelect.js";export{default as DragToZoomButton}from"./Chart/components/buttons/DragToZoomButton.js";export{default as ZoomInButton}from"./Chart/components/buttons/ZoomInButton.js";export{default as ZoomOutButton}from"./Chart/components/buttons/ZoomOutButton.js";export{default as PanButton}from"./Chart/components/buttons/PanButton.js";export{default as ResetZoomButton}from"./Chart/components/buttons/ResetZoomButton.js";export{default as HideAxesButton}from"./Chart/components/buttons/HideAxesButton.js";export{default as ChartTypeButton}from"./Chart/components/buttons/ChartTypeButton.js";export{default as PaletteChromePicker}from"./ColorPicker/PaletteChromePicker/PaletteChromePicker.js";export{default as TruncatedText}from"./TruncatedText/index.js";export{MiddleTruncatedText}from"./MiddleTruncatedText/MiddleTruncatedText.js";export{default as RangeSlider}from"./RangeSlider/RangeSlider.js";export{default as AdvancedSlider}from"./AdvancedSlider/AdvancedSlider.js";export{default as AppSettingsDialog}from"./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";export{default as RemoveAppButton}from"./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";export{default as Breadcrumbs}from"./Breadcrumbs/index.js";export{VTableComponent as VirtualizedTable}from"./VirtualizedTable/index.js";export{default as EmptyView}from"./EmptyView/EmptyView.js";export{default as EmptyAppView}from"./EmptyView/EmptyAppView/EmptyAppView.js";export{default as Button}from"./Button/components/Button/index.js";export{LiveButton}from"./Button/components/LiveButton/index.js";export{default as ContextMenuItem}from"./ContextMenuItem/index.js";export{default as FolderMenuItem}from"./FolderMenuItem/index.js";export{default as EditableItem}from"./EditableItem/EditableItem/index.js";export{default as EditableItemWithBadge}from"./EditableItem/EditableItemWithBadge/index.js";export{default as Checkbox}from"./Checkbox/index.js";export{default as FolderMenuItemWithLinks}from"./FolderMenuItemWithLinks/index.js";export{default as IconButton}from"./IconButton/index.js";export{default as TextField}from"./TextField/index.js";export{default as Chip}from"./Chip/index.js";export{default as Counter}from"./Counter/index.js";export{default as AnchorsList}from"./AnchorsList/AnchorsList.js";export{default as Select}from"./Select/index.js";export{SelectFilterBy}from"./Select/SelectFilterBy.js";export{default as CustomSelect}from"./CustomSelect/index.js";export{default as Tabs}from"./Tabs/Tabs.js";export{default as Tab}from"./Tabs/Tab.js";export{default as ResizableTable}from"./ResizableTable/ResizableTable.js";export{GradientManager}from"./GradientManager/GradientManager.js";export{GradientManagerWithStorage}from"./GradientManager/GradientManagerWithStorage/GradientManagerWithStorage.js";export{GradientPicker}from"./GradientPicker/GradientPicker.js";export{default as BHASchematic}from"./Drillstring/BHASchematic.js";export{default as BHATable}from"./Drillstring/BHATable/index.js";export{default as BHAComponentIcon}from"./Drillstring/BHAComponentIcon.js";export{default as BHAComponentDetail}from"./Drillstring/BHAComponentDetail/index.js";export{default as BHATileIcon}from"./Drillstring/BHATileIcon.js";export{default as BHATile}from"./Drillstring/BHATile/BHATile.js";export{default as BHAList}from"./Drillstring/BHAList/BHAList.js";export{default as BHAComponentsTable}from"./Drillstring/BHAComponentsTable/BHAComponentsTable.js";export{default as CasingTable}from"./Casing/CasingTable/index.js";export{default as CasingComponentIcon}from"./Casing/CasingComponentIcon.js";export{default as CasingTileIcon}from"./Casing/CasingTileIcon.js";export{default as CasingTableV2}from"./Casing/CasingTableV2/CasingTableV2.js";export{default as CasingTile}from"./Casing/CasingTile/CasingTile.js";export{default as DisabledSettingsMessage}from"./DisabledSettingsMessage/DisabledSettingsMessage.js";import*as o from"./WellSummary/index.js";export{o as WellSummary};export{default as BICOffsetPickerDialog}from"./BICOffsetPickerDialog/index.js";export{default as OffsetWellButton}from"./OffsetWellButton/OffsetWellButton.js";export{default as OffsetWellPickerV2}from"./OffsetWellPickerV2/OffsetWellPickerDialog.js";export{default as OffsetWellPickerV3}from"./OffsetWellPickerV3/index.js";export{default as OffsetWellChip}from"./OffsetWellChips/Chip.js";export{default as OffsetWellChipsContainer}from"./OffsetWellChips/ChipsContainer.js";export{default as OffsetWellPickerV4}from"./OffsetWellPickerV4/index.js";export{OffsetWellPickerV5WithStore as OffsetWellPickerV5}from"./OffsetWellPickerV5/components/OffsetWellPickerV5WithStore/OffsetWellPickerV5WithStore.js";export{default as OffsetWellMap}from"./OffsetWellMap/OffsetWellMap.js";export{Notifications}from"./Notifications/Notifications.js";export{NotificationsContainer}from"./Notifications/NotificationsContainer.js";import"./Toaster/Toaster.js";export{ToastContainer}from"./Toaster/ToastContainer.js";export{default as ConfirmationDialog}from"./ConfirmationDialog.js";export{default as TextLink}from"./TextLink/index.js";export{AvatarComponent as Avatar}from"./Avatar/index.js";export{default as TemplatePopover}from"./Template/TemplatePopover/index.js";export{default as TemplateSharingDialog}from"./Template/TemplateSharingDialog/index.js";export{default as MenuItem}from"./MenuItem/index.js";export{default as MiddleTruncate}from"./MiddleTruncate/MiddleTruncate.js";export{default as PadModeSelect}from"./PadModeSelect/PadModeSelect.js";export{default as PinnableFilters}from"./PinnableFilters/PinnableFilters.js";export{default as HeaderLayout}from"./HeaderLayout/HeaderLayout.js";import*as t from"./PadOffsetsPicker/index.js";export{t as PadOffsetsPicker};export{default as PadOffsetsPickerV2}from"./PadOffsetsPickerV2/PadOffsetsPickerV2.js";export{default as TableSortLabel}from"./Table/TableSortLabel/TableSortLabel.js";export{default as TableToolbar}from"./Table/TableToolbar/TableToolbar.js";export{TableContainer}from"./Table/TableContainer/TableContainer.js";export{TableCell}from"./Table/TableCell/TableCell.js";export{TablePagination}from"./Table/TablePagination/TablePagination.js";export{TablePaginationActions}from"./Table/TablePaginationActions/TablePaginationActions.js";export{Table}from"./Table/Table/Table.js";export{TableBody,TableHead,TableRow}from"@material-ui/core";export{Tooltip}from"./Tooltip/Tooltip.js";export{ScrollableTooltip}from"./Tooltip/ScrollableTooltip.js";export{default as PriceInput}from"./PriceInput/PriceInput.js";export{default as LabelsCounter}from"./LabelsCounter/LabelsCounter.js";export{Stepper}from"./Stepper/Stepper.js";export{Step}from"./Stepper/Step/Step.js";export{StepsWrapper}from"./Stepper/StepsWrapper.js";export{default as CommentIcon}from"./Comment/CommentIcon/index.js";export{default as FilesLoader}from"./FilesLoader/FilesLoader.js";export{FileIcon}from"./FileIcon/FileIcon.js";export{default as SearchInput}from"./SearchInput/index.js";export{default as FeedItem}from"./FeedItem/FeedItem.js";export{FeedItemEditProvider,useFeedItemEditProvider}from"./FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";export{default as PostInput}from"./PostInput/PostInput.js";export{default as KeyboardDateTimePicker}from"./KeyboardDateTimePicker.js";export{default as AddCommentPopover}from"./AddComment/Popover.js";export{default as AddCommentPopup}from"./AddComment/Popup.js";export{default as ComparisonBar}from"./StageDesignVActual/ComparisonBar/ComparisonBar.js";export{default as ElementsComparison}from"./StageDesignVActual/ElementsComparison/ElementsComparison.js";export{default as ComparisonHeader}from"./StageDesignVActual/ComparisonHeader.js";export{default as ComparisonRow}from"./StageDesignVActual/ComparisonRow.js";export{default as DevCenterEmbeddedApp}from"./EmbeddedApp/DevCenterEmbeddedApp.js";export{default as EmbeddedApp}from"./EmbeddedApp/EmbeddedApp.js";import*as s from"./HelpCenter/index.js";export{s as HelpCenter};export{default as Autocomplete}from"./Autocomplete/Autocomplete.js";export{default as DocumentViewer}from"./DocumentViewer/DocumentViewer.js";export{Popover}from"./Popover/Popover.js";export{Popper}from"./Popper/Popper.js";export{default as ColorPickerPalette}from"./ColorPickerPalette/ColorPickerPalette.js";export{Search}from"./Search/Search.js";import"./Search/components/Listbox.js";import"./Search/components/Paper.js";export{default as RecentSearches}from"./Search/components/RecentSearches.js";import"react/jsx-runtime";import"./Search/components/Groups.js";import"./Search/components/SelectAllListItem.js";export{StatusBadge}from"./StatusBadge/index.js";export{default as Attachment}from"./Attachment/index.js";export{default as EmojiIconButton}from"./EmojiIconButton.js";export{default as FileUploadIconButton}from"./FileUploadIconButton.js";export{default as FilePreview}from"./FilePreview/index.js";export{default as FailedFileUploading}from"./FailedFileUploading.js";export{default as UserMention}from"./UserMention/index.js";export{default as CommentsInfo}from"./CommentsInfo/index.js";export{default as CommentInput}from"./CommentInput/index.js";export{default as Comment}from"./Comment/index.js";export{default as CommentLoader}from"./CommentLoader.js";export{AssetStatusBadge}from"./AssetNameLabel/AssetStatusBadge.js";export{default as PrimaryAssetSelect}from"./AssetEditorV2/components/PrimaryAssetSelect.js";export{default as SecondaryAssetSelect}from"./AssetEditorV2/components/SecondaryAssetSelect.js";import"./AssetEditorV2/components/SelectItem.js";export{default as MultipleAssetsToggle}from"./AssetEditorV2/components/MultipleAssetsToggle.js";import"./AssetEditorV2/components/PrimaryAssetSelectV2.js";export{default as EChartsWrapper}from"./EChartsWrapper/EChartsWrapper.js";export{default as AssetsMultipleSelector}from"./AssetsMultipleSelector/AssetsMultipleSelector.js";export{default as NewDocumentViewer}from"./NewDocumentViewer/NewDocumentViewer.js";export{FilesLoaderV2}from"./FilesLoaderV2/FilesLoaderV2.js";export{FilesDropzone}from"./FilesDropzone/FilesDropzone.js";export{FilesProcessor}from"./FilesProcessor/FilesProcessor.js";export{Hint}from"./Hint/Hint.js";export{default as Formula}from"./Formula/Formula.js";export{CommentCard}from"./CommentCard/CommentCard.js";export{CommentComposer}from"./CommentComposer/CommentComposer.js";export{AttachmentPreview}from"./AttachmentPreview/AttachmentPreview.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"../componentsV2/FileIcon/FileIcon.js";import"../componentsV2/ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import"./DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"./DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../componentsV2/Text/Text.js";import"./DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"@babel/runtime/helpers/slicedToArray";import"uuid";import"../componentsV2/Tooltip/Tooltip.scss.js";import"@icon-park/react/es/all";import"../icons/IconParkProvider.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/InfoRounded.js";import"../icons/customIcons/icons/FlameFilled.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/PinOne.js";import"../icons/customIcons/icons/PinOneCrossed.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"../componentsV2/Menu/Menu.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../clients/jsonApi/index.js";import"../utils/main.js";import"./AttachmentPreview/AttachmentImage.js";import"./AttachmentPreview/AttachmentPreview.scss.js";import"file-extension";import"image-extensions";import"video-extensions";export{getIsStoredKey}from"./AttachmentPreview/useStoredAttachment.js";export{CommentPin}from"./CommentPin/CommentPin.js";export{FeedCard}from"./FeedCard/FeedCard.js";export{FeedItemCard}from"./FeedItemCard/FeedItemCard.js";export{NewCommentCursor}from"./NewCommentCursor/NewCommentCursor.js";export{CommentInput as CommentInputNext}from"./CommentInputNext/CommentInputNext.js";export{LinkedText}from"./LinkedText/LinkedText.js";export{default as FeedItemContent}from"./FeedItem/components/Content.js";export{LiveButtonState}from"./Button/components/LiveButton/constants.js";
 //# sourceMappingURL=index.js.map

package/componentsV2/Accordion/Accordion.js

@@ -1,2 +1,2 @@
-import{Accordion as o,AccordionSummary as s,AccordionDetails as c}from"@material-ui/core";import{useCallback as i,useMemo as n}from"react";import t from"classnames";import{DownIcon as m}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 r from"./Accordion.scss.js";import{jsxs as e,jsx as p}from"react/jsx-runtime";var u={medium:r.medium,small:r.small},a={medium:24,small:16},I={start:"",end:r.iconEnd},j={disableRipple:!0},l=function(l){var d=l.size,C=void 0===d?"medium":d,h=l.iconPosition,F=void 0===h?"start":h,v=l.className,O=l.testId,b=l.children,A=l.open,P=l.title,f=l.onChange,g=l.disabled,x=l.titleHover,M=void 0===x||x,k=l.unmountWhenClosed,D=void 0===k||k,E=i((function(o,s){null==f||f(s,o)}),[f]),R=n((function(){return{unmountOnExit:D}}),[D]);return e(o,{expanded:A,onChange:E,disabled:g,className:t(r.root,v),"data-testid":O,TransitionProps:R,children:[p(s,{expandIcon:p(m,{size:a[C]}),className:t(r.title,I[F],u[C],!M&&r.staticTitle),IconButtonProps:j,children:P}),p(c,{children:b})]})};export{l as Accordion};
+import{Accordion as o,AccordionSummary as s,AccordionDetails as c}from"@material-ui/core";import{useCallback as i,useMemo as n}from"react";import t from"classnames";import{DownIcon as m}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/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.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/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.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 r from"./Accordion.scss.js";import{jsxs as e,jsx as p}from"react/jsx-runtime";var u={medium:r.medium,small:r.small},I={medium:24,small:16},a={start:"",end:r.iconEnd},j={disableRipple:!0},l=function(l){var d=l.size,C=void 0===d?"medium":d,h=l.iconPosition,F=void 0===h?"start":h,O=l.className,v=l.testId,b=l.children,P=l.open,A=l.title,f=l.onChange,g=l.disabled,x=l.titleHover,M=void 0===x||x,k=l.unmountWhenClosed,R=void 0===k||k,D=i((function(o,s){null==f||f(s,o)}),[f]),E=n((function(){return{unmountOnExit:R}}),[R]);return e(o,{expanded:P,onChange:D,disabled:g,className:t(r.root,O),"data-testid":v,TransitionProps:E,children:[p(s,{expandIcon:p(m,{size:I[C]}),className:t(r.title,a[F],u[C],!M&&r.staticTitle),IconButtonProps:j,children:A}),p(c,{children:b})]})};export{l as Accordion};
 //# sourceMappingURL=Accordion.js.map

package/componentsV2/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../src/componentsV2/Accordion/Accordion.tsx"],"sourcesContent":["import {\n  Accordion as MuiAccordion,\n  AccordionDetails as MuiAccordionDetails,\n  AccordionProps as MuiAccordionProps,\n  AccordionSummary as MuiAccordionSummary,\n} from '@material-ui/core';\nimport { ChangeEvent, ReactNode, useCallback, useMemo } from 'react';\nimport classNames from 'classnames';\n\nimport { DownIcon } from '../../icons';\n\nimport styles from './Accordion.scss';\n\nexport type AccordionProps = {\n  /**\n   * Title to show\n   */\n  title: ReactNode;\n  /**\n   * Content to hide under accordion\n   */\n  children: ReactNode;\n\n  size?: 'small' | 'medium';\n\n  iconPosition?: 'start' | 'end';\n\n  /**\n   * Controls title's color change on hover\n   */\n  titleHover?: boolean;\n\n  open?: boolean;\n  onChange?: (isOpen: boolean, event: ChangeEvent) => void;\n\n  disabled?: boolean;\n\n  /**\n   * Controls whether content should persist in DOM tree if closed\n   */\n  unmountWhenClosed?: boolean;\n\n  className?: string;\n  testId?: string;\n};\n\nconst SizeToClassNameMap: Record<Required<AccordionProps>['size'], string> = {\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst SizeToIconSizeMap: Record<Required<AccordionProps>['size'], number> = {\n  medium: 24,\n  small: 16,\n};\n\nconst IconPosClassNameMap: Record<Required<AccordionProps>['iconPosition'], string> = {\n  start: '',\n  end: styles.iconEnd,\n};\n\nconst IconButtonProps = { disableRipple: true };\n\nexport const Accordion = ({\n  size = 'medium',\n  iconPosition = 'start',\n  className,\n  testId,\n  children,\n  open,\n  title,\n  onChange,\n  disabled,\n  titleHover = true,\n  unmountWhenClosed = true,\n}: AccordionProps) => {\n  const onChangeHandler = useCallback<Required<MuiAccordionProps>['onChange']>(\n    (event, value) => {\n      onChange?.(value, event as ChangeEvent);\n    },\n    [onChange]\n  );\n\n  const transitionProps = useMemo(\n    () => ({\n      unmountOnExit: unmountWhenClosed,\n    }),\n    [unmountWhenClosed]\n  );\n\n  return (\n    <MuiAccordion\n      expanded={open}\n      onChange={onChangeHandler}\n      disabled={disabled}\n      className={classNames(styles.root, className)}\n      data-testid={testId}\n      TransitionProps={transitionProps}\n    >\n      <MuiAccordionSummary\n        expandIcon={<DownIcon size={SizeToIconSizeMap[size]} />}\n        className={classNames(\n          styles.title,\n          IconPosClassNameMap[iconPosition],\n          SizeToClassNameMap[size],\n          !titleHover && styles.staticTitle\n        )}\n        IconButtonProps={IconButtonProps}\n      >\n        {title}\n      </MuiAccordionSummary>\n      <MuiAccordionDetails>{children}</MuiAccordionDetails>\n    </MuiAccordion>\n  );\n};\n"],"names":["SizeToClassNameMap","medium","styles","small","SizeToIconSizeMap","IconPosClassNameMap","start","end","iconEnd","IconButtonProps","disableRipple","Accordion","_ref","_ref$size","size","_ref$iconPosition","iconPosition","className","testId","children","open","title","onChange","disabled","_ref$titleHover","titleHover","_ref$unmountWhenClose","unmountWhenClosed","onChangeHandler","useCallback","event","value","transitionProps","useMemo","unmountOnExit","_jsxs","MuiAccordion","expanded","classNames","root","TransitionProps","_jsx","MuiAccordionSummary","expandIcon","DownIcon","staticTitle","MuiAccordionDetails"],"mappings":"m4HA8CA,IAAMA,EAAuE,CAC3EC,OAAQC,EAAOD,OACfE,MAAOD,EAAOC,OAGVC,EAAsE,CAC1EH,OAAQ,GACRE,MAAO,IAGHE,EAAgF,CACpFC,MAAO,GACPC,IAAKL,EAAOM,SAGRC,EAAkB,CAAEC,eAAe,GAE5BC,EAAY,SAYHC,GAAA,IAAAC,EAAAD,EAXpBE,KAAAA,aAAO,SAAQD,EAAAE,EAAAH,EACfI,aAAAA,aAAe,QAAOD,EACtBE,IAAAA,UACAC,IAAAA,OACAC,IAAAA,SACAC,IAAAA,KACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,SAAQC,EAAAZ,EACRa,WAAAA,cAAiBD,EAAAE,EAAAd,EACjBe,kBAAAA,cAAwBD,EAElBE,EAAkBC,GACtB,SAACC,EAAOC,GACNT,SAAAA,EAAWS,EAAOD,EACpB,GACA,CAACR,IAGGU,EAAkBC,GACtB,WAAA,MAAO,CACLC,cAAeP,EAChB,GACD,CAACA,IAGH,OACEQ,EAACC,EAAY,CACXC,SAAUjB,EACVE,SAAUM,EACVL,SAAUA,EACVN,UAAWqB,EAAWpC,EAAOqC,KAAMtB,GACnC,cAAaC,EACbsB,gBAAiBR,EAAgBb,SAAA,CAEjCsB,EAACC,EAAmB,CAClBC,WAAYF,EAACG,EAAQ,CAAC9B,KAAMV,EAAkBU,KAC9CG,UAAWqB,EACTpC,EAAOmB,MACPhB,EAAoBW,GACpBhB,EAAmBc,IAClBW,GAAcvB,EAAO2C,aAExBpC,gBAAiBA,EAAgBU,SAEhCE,IAEHoB,EAACK,EAAmB,CAAA3B,SAAEA,MAG5B"}
+{"version":3,"file":"Accordion.js","sources":["../../../src/componentsV2/Accordion/Accordion.tsx"],"sourcesContent":["import {\n  Accordion as MuiAccordion,\n  AccordionDetails as MuiAccordionDetails,\n  AccordionProps as MuiAccordionProps,\n  AccordionSummary as MuiAccordionSummary,\n} from '@material-ui/core';\nimport { ChangeEvent, ReactNode, useCallback, useMemo } from 'react';\nimport classNames from 'classnames';\n\nimport { DownIcon } from '../../icons';\n\nimport styles from './Accordion.scss';\n\nexport type AccordionProps = {\n  /**\n   * Title to show\n   */\n  title: ReactNode;\n  /**\n   * Content to hide under accordion\n   */\n  children: ReactNode;\n\n  size?: 'small' | 'medium';\n\n  iconPosition?: 'start' | 'end';\n\n  /**\n   * Controls title's color change on hover\n   */\n  titleHover?: boolean;\n\n  open?: boolean;\n  onChange?: (isOpen: boolean, event: ChangeEvent) => void;\n\n  disabled?: boolean;\n\n  /**\n   * Controls whether content should persist in DOM tree if closed\n   */\n  unmountWhenClosed?: boolean;\n\n  className?: string;\n  testId?: string;\n};\n\nconst SizeToClassNameMap: Record<Required<AccordionProps>['size'], string> = {\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst SizeToIconSizeMap: Record<Required<AccordionProps>['size'], number> = {\n  medium: 24,\n  small: 16,\n};\n\nconst IconPosClassNameMap: Record<Required<AccordionProps>['iconPosition'], string> = {\n  start: '',\n  end: styles.iconEnd,\n};\n\nconst IconButtonProps = { disableRipple: true };\n\nexport const Accordion = ({\n  size = 'medium',\n  iconPosition = 'start',\n  className,\n  testId,\n  children,\n  open,\n  title,\n  onChange,\n  disabled,\n  titleHover = true,\n  unmountWhenClosed = true,\n}: AccordionProps) => {\n  const onChangeHandler = useCallback<Required<MuiAccordionProps>['onChange']>(\n    (event, value) => {\n      onChange?.(value, event as ChangeEvent);\n    },\n    [onChange]\n  );\n\n  const transitionProps = useMemo(\n    () => ({\n      unmountOnExit: unmountWhenClosed,\n    }),\n    [unmountWhenClosed]\n  );\n\n  return (\n    <MuiAccordion\n      expanded={open}\n      onChange={onChangeHandler}\n      disabled={disabled}\n      className={classNames(styles.root, className)}\n      data-testid={testId}\n      TransitionProps={transitionProps}\n    >\n      <MuiAccordionSummary\n        expandIcon={<DownIcon size={SizeToIconSizeMap[size]} />}\n        className={classNames(\n          styles.title,\n          IconPosClassNameMap[iconPosition],\n          SizeToClassNameMap[size],\n          !titleHover && styles.staticTitle\n        )}\n        IconButtonProps={IconButtonProps}\n      >\n        {title}\n      </MuiAccordionSummary>\n      <MuiAccordionDetails>{children}</MuiAccordionDetails>\n    </MuiAccordion>\n  );\n};\n"],"names":["SizeToClassNameMap","medium","styles","small","SizeToIconSizeMap","IconPosClassNameMap","start","end","iconEnd","IconButtonProps","disableRipple","Accordion","_ref","_ref$size","size","_ref$iconPosition","iconPosition","className","testId","children","open","title","onChange","disabled","_ref$titleHover","titleHover","_ref$unmountWhenClose","unmountWhenClosed","onChangeHandler","useCallback","event","value","transitionProps","useMemo","unmountOnExit","_jsxs","MuiAccordion","expanded","classNames","root","TransitionProps","_jsx","MuiAccordionSummary","expandIcon","DownIcon","staticTitle","MuiAccordionDetails"],"mappings":"olIA8CA,IAAMA,EAAuE,CAC3EC,OAAQC,EAAOD,OACfE,MAAOD,EAAOC,OAGVC,EAAsE,CAC1EH,OAAQ,GACRE,MAAO,IAGHE,EAAgF,CACpFC,MAAO,GACPC,IAAKL,EAAOM,SAGRC,EAAkB,CAAEC,eAAe,GAE5BC,EAAY,SAYHC,GAAA,IAAAC,EAAAD,EAXpBE,KAAAA,aAAO,SAAQD,EAAAE,EAAAH,EACfI,aAAAA,aAAe,QAAOD,EACtBE,IAAAA,UACAC,IAAAA,OACAC,IAAAA,SACAC,IAAAA,KACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,SAAQC,EAAAZ,EACRa,WAAAA,cAAiBD,EAAAE,EAAAd,EACjBe,kBAAAA,cAAwBD,EAElBE,EAAkBC,GACtB,SAACC,EAAOC,GACNT,SAAAA,EAAWS,EAAOD,EACpB,GACA,CAACR,IAGGU,EAAkBC,GACtB,WAAA,MAAO,CACLC,cAAeP,EAChB,GACD,CAACA,IAGH,OACEQ,EAACC,EAAY,CACXC,SAAUjB,EACVE,SAAUM,EACVL,SAAUA,EACVN,UAAWqB,EAAWpC,EAAOqC,KAAMtB,GACnC,cAAaC,EACbsB,gBAAiBR,EAAgBb,SAAA,CAEjCsB,EAACC,EAAmB,CAClBC,WAAYF,EAACG,EAAQ,CAAC9B,KAAMV,EAAkBU,KAC9CG,UAAWqB,EACTpC,EAAOmB,MACPhB,EAAoBW,GACpBhB,EAAmBc,IAClBW,GAAcvB,EAAO2C,aAExBpC,gBAAiBA,EAAgBU,SAEhCE,IAEHoB,EAACK,EAAmB,CAAA3B,SAAEA,MAG5B"}

package/componentsV2/AppContainer/AppContainer.constants.scss.js

@@ -0,0 +1,2 @@
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var s={spacing:"8",sidePadding:"12px"};e("");export{s as default};
+//# sourceMappingURL=AppContainer.constants.scss.js.map

package/componentsV2/AppContainer/AppContainer.constants.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,aAAa,sDAAyD;"}

package/componentsV2/AppContainer/AppContainer.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { PanelConfig } from '../AppPanel/utils';
 export type AppContainerProps = {
     /**
      * App header, usually `AppHeader`
@@ -20,6 +21,10 @@ export type AppContainerProps = {
         footer: string;
         content?: string;
     }>;
+    /**
+     * Config object for standard app panels
+     */
+    panels?: Record<string, PanelConfig>;
     settingsInitiallyPinned?: boolean;
     settingsPinningEnabled?: boolean;
     settingsHeaderControls?: ReactNode;

package/componentsV2/AppContainer/AppContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppContainer.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppContainer/AppContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAA+B,MAAM,OAAO,CAAC;AAc3E,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;QAC3B,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC,CAAC;IAEH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,sBAAsB,CAAC,EAAE,SAAS,CAAC;IAEnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,YAAY,8GA6FxB,CAAC"}
+{"version":3,"file":"AppContainer.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppContainer/AppContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAwC,MAAM,OAAO,CAAC;AAQpF,OAAO,EAA0B,WAAW,EAAoB,MAAM,mBAAmB,CAAC;AAQ1F,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;QAC3B,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC,CAAC;IAEH;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAErC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,sBAAsB,CAAC,EAAE,SAAS,CAAC;IAEnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,YAAY,8GA4GxB,CAAC"}

package/componentsV2/AppContainer/AppContainer.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{forwardRef as t,useState as n,useRef as i,useEffect as o}from"react";import s from"classnames";import{debounce as a}from"lodash";import{useAppCommons as c}from"../AppCommonsProvider/AppCommonsContext.js";import{AppSizeContext as l}from"../AppSizeProvider/AppSizeProvider.js";import{AppSettingsPinningProvider as d}from"../AppSettings/AppSettingsPinningContext.js";import{AppContainerFinderProps as p}from"../utils.js";import{AppContainerTestIds as m}from"./AppContainer.constants.js";import{Content as f}from"./Content.js";import u from"./AppContainer.scss.js";import{jsx as b,jsxs as h}from"react/jsx-runtime";function v(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function j(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}var g=t((function(e,t){var v=e.footer,g=e.testId,O=e.className,P=e.header,y=e.children,A=e.elementsClassNames,C=e.settingsInitiallyPinned,w=e.settingsPinningEnabled,x=e.settingsHeaderControls,N=n(),S=r(N,2),z=S[0],E=S[1],D=i(null);o((function(){var e=a((function(){requestAnimationFrame((function(){if(D.current){var e=D.current,r=e.clientWidth,t=e.clientHeight;E({width:r,height:t})}}))}),200,{leading:!0}),r=new ResizeObserver(e);return D.current&&r.observe(D.current),function(){r.disconnect(),e.cancel()}}),[]);var H=c(),I=H.maximized,T=H.appHeadersV3Enabled;return b("div",j(j({className:s(u.root,O),"data-testid":g,ref:t},p),{},{children:b(l.Provider,{value:z,children:h(d,{initiallyPinned:C,pinningEnabled:w,additionalControls:x,children:[P&&b("div",{className:s(u.header,I&&!T&&u.headerMaximized,null==A?void 0:A.header),"data-testid":m.HeaderTestId,children:P}),b(f,{dimensions:z,className:null==A?void 0:A.content,ref:D,children:y}),v&&!T&&b("div",{className:s(u.footer,null==A?void 0:A.footer),"data-testid":m.FooterTestId,children:v})]})})}))}));export{g as AppContainer};
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{forwardRef as t,useState as n,useRef as o,useEffect as i,useMemo as s}from"react";import a from"classnames";import{debounce as p}from"lodash";import"../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommonsInternal as m}from"../AppCommonsProvider/AppCommonsContext.js";import{AppSizeContext as l}from"../AppSizeProvider/AppSizeProvider.js";import{AppContainerFinderProps as c}from"../utils.js";import{AppPanelsContextProvider as d}from"../AppPanel/AppPanelsContext.js";import{SettingsIdSymbol as f}from"../AppPanel/utils.js";import{AppSettings as u}from"../AppSettings/AppSettings.js";import{AppContainerTestIds as v}from"./AppContainer.constants.js";import{Content as b}from"./Content.js";import h from"./AppContainer.scss.js";import{jsx as j,jsxs as P}from"react/jsx-runtime";function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function g(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}var y=t((function(t,O){var y=t.footer,A=t.testId,C=t.className,w=t.header,S=t.children,x=t.elementsClassNames,N=t.settingsInitiallyPinned,z=t.settingsPinningEnabled,I=t.settingsHeaderControls,D=t.panels,E=n(),H=r(E,2),T=H[0],F=H[1],k=o(null);i((function(){var e=p((function(){requestAnimationFrame((function(){if(k.current){var e=k.current,r=e.clientWidth,t=e.clientHeight;F({width:r,height:t})}}))}),200,{leading:!0}),r=new ResizeObserver(e);return k.current&&r.observe(k.current),function(){r.disconnect(),e.cancel()}}),[]);var q=m(),M=q.maximized,R=q.appHeadersV3Enabled,V=q.appSettingsComponent,W=s((function(){return g(V?e({},f,{isInitiallyPinned:!!N,isPinnable:!!z,component:u,additionalControls:I}):{},D)}),[V,D,N,z,I]);return j("div",g(g({className:a(h.root,C),"data-testid":A,ref:O},c),{},{children:j(l.Provider,{value:T,children:P(d,{panels:W,children:[w&&j("div",{className:a(h.header,M&&!R&&h.headerMaximized,null==x?void 0:x.header),"data-testid":v.HeaderTestId,children:w}),j(b,{className:null==x?void 0:x.content,ref:k,children:S}),y&&!R&&j("div",{className:a(h.footer,null==x?void 0:x.footer),"data-testid":v.FooterTestId,children:y})]})})}))}));export{y as AppContainer};
 //# sourceMappingURL=AppContainer.js.map

package/componentsV2/AppContainer/AppContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppContainer.js","sources":["../../../src/componentsV2/AppContainer/AppContainer.tsx"],"sourcesContent":["import { forwardRef, ReactNode, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { debounce } from 'lodash';\n\nimport { useAppCommons } from '../AppCommonsProvider/AppCommonsContext';\nimport { AppSizeContext, AppSizeContextType } from '../AppSizeProvider';\nimport { AppSettingsPinningProvider } from '../AppSettings/AppSettingsPinningContext';\nimport { AppContainerFinderProps } from '../utils';\n\nimport { AppContainerTestIds } from './AppContainer.constants';\nimport { Content } from './Content';\n\nimport styles from './AppContainer.scss';\n\nexport type AppContainerProps = {\n  /**\n   * App header, usually `AppHeader`\n   */\n  header?: ReactNode;\n  /**\n   * App content\n   */\n  children?: ReactNode;\n  /**\n   * App footer, usually `AppFooter`\n   */\n  footer?: ReactNode;\n\n  /**\n   * An escape hatch to tweak styling of internal elements\n   */\n  elementsClassNames?: Partial<{\n    header: string;\n    footer: string;\n    content?: string;\n  }>;\n\n  settingsInitiallyPinned?: boolean;\n  settingsPinningEnabled?: boolean;\n  settingsHeaderControls?: ReactNode;\n\n  className?: string;\n  testId?: string;\n};\n\nexport const AppContainer = forwardRef<HTMLDivElement, AppContainerProps>(\n  (\n    {\n      footer,\n      testId,\n      className,\n      header,\n      children,\n      elementsClassNames,\n      settingsInitiallyPinned,\n      settingsPinningEnabled,\n      settingsHeaderControls,\n    },\n    ref\n  ) => {\n    const [dimensions, setDimensions] = useState<AppSizeContextType>();\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n      const deferredCalculateDimensions = () => {\n        requestAnimationFrame(() => {\n          if (containerRef.current) {\n            const { clientWidth, clientHeight } = containerRef.current;\n\n            setDimensions({ width: clientWidth, height: clientHeight });\n          }\n        });\n      };\n\n      const onDimensionsChange = debounce(deferredCalculateDimensions, 200, { leading: true });\n\n      const resizeObserver = new ResizeObserver(onDimensionsChange);\n\n      if (containerRef.current) {\n        resizeObserver.observe(containerRef.current);\n      }\n\n      return () => {\n        resizeObserver.disconnect();\n        onDimensionsChange.cancel();\n      };\n    }, []);\n\n    const { maximized, appHeadersV3Enabled } = useAppCommons();\n\n    return (\n      <div\n        className={classNames(styles.root, className)}\n        data-testid={testId}\n        ref={ref}\n        // Needed for some components to find app's root element\n        {...AppContainerFinderProps}\n      >\n        <AppSizeContext.Provider value={dimensions}>\n          <AppSettingsPinningProvider\n            initiallyPinned={settingsInitiallyPinned}\n            pinningEnabled={settingsPinningEnabled}\n            additionalControls={settingsHeaderControls}\n          >\n            {header && (\n              <div\n                className={classNames(\n                  styles.header,\n                  maximized && !appHeadersV3Enabled && styles.headerMaximized,\n                  elementsClassNames?.header\n                )}\n                data-testid={AppContainerTestIds.HeaderTestId}\n              >\n                {header}\n              </div>\n            )}\n\n            <Content\n              dimensions={dimensions}\n              className={elementsClassNames?.content}\n              ref={containerRef}\n            >\n              {children}\n            </Content>\n\n            {footer && !appHeadersV3Enabled && (\n              <div\n                className={classNames(styles.footer, elementsClassNames?.footer)}\n                data-testid={AppContainerTestIds.FooterTestId}\n              >\n                {footer}\n              </div>\n            )}\n          </AppSettingsPinningProvider>\n        </AppSizeContext.Provider>\n      </div>\n    );\n  }\n);\n"],"names":["AppContainer","forwardRef","_ref","ref","footer","testId","className","header","children","elementsClassNames","settingsInitiallyPinned","settingsPinningEnabled","settingsHeaderControls","_useState","useState","_useState2","_slicedToArray","dimensions","setDimensions","containerRef","useRef","useEffect","onDimensionsChange","debounce","requestAnimationFrame","current","clientWidth","clientHeight","width","height","leading","resizeObserver","ResizeObserver","observe","disconnect","cancel","_useAppCommons","useAppCommons","maximized","appHeadersV3Enabled","_jsx","_objectSpread","classNames","styles","root","AppContainerFinderProps","AppSizeContext","Provider","value","_jsxs","AppSettingsPinningProvider","initiallyPinned","pinningEnabled","additionalControls","headerMaximized","AppContainerTestIds","HeaderTestId","Content","content","FooterTestId"],"mappings":"sxCA6CaA,EAAeC,GAC1B,SAAAC,EAYEC,GACG,IAXDC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,SACAC,IAAAA,mBACAC,IAAAA,wBACAC,IAAAA,uBACAC,IAAAA,uBAIFC,EAAoCC,IAA8BC,EAAAC,EAAAH,EAAA,GAA3DI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAeC,EAAuB,MAE5CC,GAAU,WACR,IAUMC,EAAqBC,GAVS,WAClCC,uBAAsB,WACpB,GAAIL,EAAaM,QAAS,CACxB,IAAsCN,EAAAA,EAAaM,QAA3CC,IAAAA,YAAaC,IAAAA,aAErBT,EAAc,CAAEU,MAAOF,EAAaG,OAAQF,GAC9C,CACF,MAG+D,IAAK,CAAEG,SAAS,IAE3EC,EAAiB,IAAIC,eAAeV,GAM1C,OAJIH,EAAaM,SACfM,EAAeE,QAAQd,EAAaM,SAG/B,WACLM,EAAeG,aACfZ,EAAmBa,SAEtB,GAAE,IAEH,IAAAC,EAA2CC,IAAnCC,IAAAA,UAAWC,IAAAA,oBAEnB,OACEC,EAAA,MAAAC,EAAAA,EAAA,CACEnC,UAAWoC,EAAWC,EAAOC,KAAMtC,GACnC,cAAaD,EACbF,IAAKA,GAED0C,GAAuB,GAAA,CAAArC,SAE3BgC,EAACM,EAAeC,SAAQ,CAACC,MAAO/B,EAAWT,SACzCyC,EAACC,EAA0B,CACzBC,gBAAiBzC,EACjB0C,eAAgBzC,EAChB0C,mBAAoBzC,EAAuBJ,SAAA,CAE1CD,GACCiC,EAAA,MAAA,CACElC,UAAWoC,EACTC,EAAOpC,OACP+B,IAAcC,GAAuBI,EAAOW,gBAC5C7C,aAAAA,EAAAA,EAAoBF,QAEtB,cAAagD,EAAoBC,aAAahD,SAE7CD,IAILiC,EAACiB,EAAO,CACNxC,WAAYA,EACZX,UAAWG,aAAAA,EAAAA,EAAoBiD,QAC/BvD,IAAKgB,EAAaX,SAEjBA,IAGFJ,IAAWmC,GACVC,EAAA,MAAA,CACElC,UAAWoC,EAAWC,EAAOvC,OAAQK,aAAkB,EAAlBA,EAAoBL,QACzD,cAAamD,EAAoBI,aAAanD,SAE7CJ,WAOf"}
+{"version":3,"file":"AppContainer.js","sources":["../../../src/componentsV2/AppContainer/AppContainer.tsx"],"sourcesContent":["import { forwardRef, ReactNode, useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { debounce } from 'lodash';\n\nimport { useAppCommonsInternal } from '../AppCommonsProvider';\nimport { AppSizeContext, AppSizeContextType } from '../AppSizeProvider';\nimport { AppContainerFinderProps } from '../utils';\nimport { AppPanelsContextProvider } from '../AppPanel/AppPanelsContext';\nimport { AppPanelConfigInternal, PanelConfig, SettingsIdSymbol } from '../AppPanel/utils';\nimport { AppSettings } from '../AppSettings';\n\nimport { AppContainerTestIds } from './AppContainer.constants';\nimport { Content } from './Content';\n\nimport styles from './AppContainer.scss';\n\nexport type AppContainerProps = {\n  /**\n   * App header, usually `AppHeader`\n   */\n  header?: ReactNode;\n  /**\n   * App content\n   */\n  children?: ReactNode;\n  /**\n   * App footer, usually `AppFooter`\n   */\n  footer?: ReactNode;\n\n  /**\n   * An escape hatch to tweak styling of internal elements\n   */\n  elementsClassNames?: Partial<{\n    header: string;\n    footer: string;\n    content?: string;\n  }>;\n\n  /**\n   * Config object for standard app panels\n   */\n  panels?: Record<string, PanelConfig>;\n\n  settingsInitiallyPinned?: boolean;\n  settingsPinningEnabled?: boolean;\n  settingsHeaderControls?: ReactNode;\n\n  className?: string;\n  testId?: string;\n};\n\nexport const AppContainer = forwardRef<HTMLDivElement, AppContainerProps>(\n  (\n    {\n      footer,\n      testId,\n      className,\n      header,\n      children,\n      elementsClassNames,\n      settingsInitiallyPinned,\n      settingsPinningEnabled,\n      settingsHeaderControls,\n      panels,\n    },\n    ref\n  ) => {\n    const [dimensions, setDimensions] = useState<AppSizeContextType>();\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n      const deferredCalculateDimensions = () => {\n        requestAnimationFrame(() => {\n          if (containerRef.current) {\n            const { clientWidth, clientHeight } = containerRef.current;\n\n            setDimensions({ width: clientWidth, height: clientHeight });\n          }\n        });\n      };\n\n      const onDimensionsChange = debounce(deferredCalculateDimensions, 200, { leading: true });\n\n      const resizeObserver = new ResizeObserver(onDimensionsChange);\n\n      if (containerRef.current) {\n        resizeObserver.observe(containerRef.current);\n      }\n\n      return () => {\n        resizeObserver.disconnect();\n        onDimensionsChange.cancel();\n      };\n    }, []);\n\n    const { maximized, appHeadersV3Enabled, appSettingsComponent } = useAppCommonsInternal();\n\n    const panelsWithSettings = useMemo((): AppPanelConfigInternal => {\n      if (appSettingsComponent) {\n        return {\n          [SettingsIdSymbol]: {\n            isInitiallyPinned: !!settingsInitiallyPinned,\n            isPinnable: !!settingsPinningEnabled,\n            component: AppSettings,\n            additionalControls: settingsHeaderControls,\n          },\n          ...panels,\n        };\n      }\n\n      return { ...panels };\n    }, [\n      appSettingsComponent,\n      panels,\n      settingsInitiallyPinned,\n      settingsPinningEnabled,\n      settingsHeaderControls,\n    ]);\n\n    return (\n      <div\n        className={classNames(styles.root, className)}\n        data-testid={testId}\n        ref={ref}\n        // Needed for some components to find app's root element\n        {...AppContainerFinderProps}\n      >\n        <AppSizeContext.Provider value={dimensions}>\n          <AppPanelsContextProvider panels={panelsWithSettings}>\n            {header && (\n              <div\n                className={classNames(\n                  styles.header,\n                  maximized && !appHeadersV3Enabled && styles.headerMaximized,\n                  elementsClassNames?.header\n                )}\n                data-testid={AppContainerTestIds.HeaderTestId}\n              >\n                {header}\n              </div>\n            )}\n\n            <Content className={elementsClassNames?.content} ref={containerRef}>\n              {children}\n            </Content>\n\n            {footer && !appHeadersV3Enabled && (\n              <div\n                className={classNames(styles.footer, elementsClassNames?.footer)}\n                data-testid={AppContainerTestIds.FooterTestId}\n              >\n                {footer}\n              </div>\n            )}\n          </AppPanelsContextProvider>\n        </AppSizeContext.Provider>\n      </div>\n    );\n  }\n);\n"],"names":["AppContainer","forwardRef","_ref","ref","footer","testId","className","header","children","elementsClassNames","settingsInitiallyPinned","settingsPinningEnabled","settingsHeaderControls","panels","_useState","useState","_useState2","_slicedToArray","dimensions","setDimensions","containerRef","useRef","useEffect","onDimensionsChange","debounce","requestAnimationFrame","current","clientWidth","clientHeight","width","height","leading","resizeObserver","ResizeObserver","observe","disconnect","cancel","_useAppCommonsInterna","useAppCommonsInternal","maximized","appHeadersV3Enabled","appSettingsComponent","panelsWithSettings","useMemo","_objectSpread","_defineProperty","SettingsIdSymbol","isInitiallyPinned","isPinnable","component","AppSettings","additionalControls","_jsx","classNames","styles","root","AppContainerFinderProps","AppSizeContext","Provider","value","_jsxs","AppPanelsContextProvider","headerMaximized","AppContainerTestIds","HeaderTestId","Content","content","FooterTestId"],"mappings":"q8CAoDaA,EAAeC,GAC1B,SAAAC,EAaEC,GACG,IAZDC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,SACAC,IAAAA,mBACAC,IAAAA,wBACAC,IAAAA,uBACAC,IAAAA,uBACAC,IAAAA,OAIFC,EAAoCC,IAA8BC,EAAAC,EAAAH,EAAA,GAA3DI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAeC,EAAuB,MAE5CC,GAAU,WACR,IAUMC,EAAqBC,GAVS,WAClCC,uBAAsB,WACpB,GAAIL,EAAaM,QAAS,CACxB,IAAsCN,EAAAA,EAAaM,QAA3CC,IAAAA,YAAaC,IAAAA,aAErBT,EAAc,CAAEU,MAAOF,EAAaG,OAAQF,GAC9C,CACF,MAG+D,IAAK,CAAEG,SAAS,IAE3EC,EAAiB,IAAIC,eAAeV,GAM1C,OAJIH,EAAaM,SACfM,EAAeE,QAAQd,EAAaM,SAG/B,WACLM,EAAeG,aACfZ,EAAmBa,SAEtB,GAAE,IAEH,IAAAC,EAAiEC,IAAzDC,IAAAA,UAAWC,IAAAA,oBAAqBC,IAAAA,qBAElCC,EAAqBC,GAAQ,WACjC,OACEC,EADEH,EACFI,EAAA,CAAA,EACGC,EAAmB,CAClBC,oBAAqBrC,EACrBsC,aAAcrC,EACdsC,UAAWC,EACXC,mBAAoBvC,IAM1B,GAJOC,EAKT,GAAG,CACD4B,EACA5B,EACAH,EACAC,EACAC,IAGF,OACEwC,EAAA,MAAAR,EAAAA,EAAA,CACEtC,UAAW+C,EAAWC,EAAOC,KAAMjD,GACnC,cAAaD,EACbF,IAAKA,GAEDqD,GAAuB,GAAA,CAAAhD,SAE3B4C,EAACK,EAAeC,SAAQ,CAACC,MAAOzC,EAAWV,SACzCoD,EAACC,EAAwB,CAAChD,OAAQ6B,EAAmBlC,SAAA,CAClDD,GACC6C,EAAA,MAAA,CACE9C,UAAW+C,EACTC,EAAO/C,OACPgC,IAAcC,GAAuBc,EAAOQ,gBAC5CrD,aAAAA,EAAAA,EAAoBF,QAEtB,cAAawD,EAAoBC,aAAaxD,SAE7CD,IAIL6C,EAACa,EAAO,CAAC3D,UAAWG,aAAAA,EAAAA,EAAoByD,QAAS/D,IAAKiB,EAAaZ,SAChEA,IAGFJ,IAAWoC,GACVY,EAAA,MAAA,CACE9C,UAAW+C,EAAWC,EAAOlD,OAAQK,aAAkB,EAAlBA,EAAoBL,QACzD,cAAa2D,EAAoBI,aAAa3D,SAE7CJ,WAOf"}

package/componentsV2/AppContainer/AppContainer.scss.js

@@ -1,2 +1,2 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var n={spacing:"8",root:"AppContainer_root__40UxS",header:"AppContainer_header__tRwXc",footer:"AppContainer_footer__ET6dS",content:"AppContainer_content__jwvuY",withPinnedSettings:"AppContainer_withPinnedSettings__S5LyP",headerMaximized:"AppContainer_headerMaximized__2v0mT",pinnedSettings:"AppContainer_pinnedSettings__UYDTW"};e(".AppContainer_root__40UxS{container-type:size;container-name:CorvaUI-AppContainer-root;display:flex;flex-flow:column;height:100%;min-height:110px;position:relative;width:100%}.AppContainer_footer__ET6dS,.AppContainer_header__tRwXc{align-items:flex-start;display:flex;flex-flow:column;justify-content:center}.AppContainer_content__jwvuY{display:flex;flex-flow:column nowrap;flex-grow:1;padding:0 12px;transition:width .15s cubic-bezier(.4,0,.2,1);width:100%}.AppContainer_content__jwvuY.AppContainer_withPinnedSettings__S5LyP{width:calc(100% - 308px)}.AppContainer_header__tRwXc{padding:0 12px}.AppContainer_headerMaximized__2v0mT{padding-right:28px}.AppContainer_footer__ET6dS{margin-top:auto;padding:0 125px 0 12px}.AppContainer_pinnedSettings__UYDTW{--corvaui-background:var(--palette-background-b-6);background-color:var(--palette-background-b-6);bottom:0;overflow:hidden;position:absolute;right:12px;width:296px}");export{n as default};
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var n={spacing:"8",sidePadding:"12px",root:"AppContainer_root__40UxS",header:"AppContainer_header__tRwXc",footer:"AppContainer_footer__ET6dS",contentWrapper:"AppContainer_contentWrapper__ThRi-",content:"AppContainer_content__jwvuY",panelAnchor:"AppContainer_panelAnchor__Zscxv",headerMaximized:"AppContainer_headerMaximized__2v0mT"};e(".AppContainer_root__40UxS{container-type:size;container-name:CorvaUI-AppContainer-root;display:flex;flex-flow:column;height:100%;min-height:110px;position:relative;width:100%}.AppContainer_footer__ET6dS,.AppContainer_header__tRwXc{align-items:flex-start;display:flex;flex-flow:column;justify-content:center}.AppContainer_contentWrapper__ThRi-{display:flex;flex-flow:row nowrap;flex-grow:1;height:100%;min-height:1px;min-width:1px;position:relative}.AppContainer_content__jwvuY{display:flex;flex:1 1;flex-flow:column nowrap;height:100%;min-width:1px;padding:0 12px}.AppContainer_panelAnchor__Zscxv{inset:0 12px auto 12px;position:absolute}.AppContainer_header__tRwXc{padding:0 12px}.AppContainer_headerMaximized__2v0mT{padding-right:28px}.AppContainer_footer__ET6dS{margin-top:auto;padding:0 125px 0 12px}");export{n as default};
 //# sourceMappingURL=AppContainer.scss.js.map

package/componentsV2/AppContainer/AppContainer.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppContainer.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppContainer/AppContainer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAOlD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;eAsBa,IAAI;AA8BnB,eAAO,MAAM,OAAO,UAAW,KAAK,4CAInC,CAAC;AAEF,eAAO,MAAM,WAAW,+CAkBvB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAkCxB,CAAC"}
+{"version":3,"file":"AppContainer.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppContainer/AppContainer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAOlD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;eAwBa,IAAI;AA8BnB,eAAO,MAAM,OAAO,UAAW,KAAK,4CAInC,CAAC;AAEF,eAAO,MAAM,WAAW,+CAkBvB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAkCxB,CAAC"}

package/componentsV2/AppContainer/Content.d.ts

@@ -2,10 +2,6 @@ import { ReactNode } from 'react';
 type ContentProps = {
     className?: string;
     children?: ReactNode;
-    dimensions?: {
-        height: number;
-        width: number;
-    };
 };
 export declare const Content: import("react").ForwardRefExoticComponent<ContentProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/componentsV2/AppContainer/Content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppContainer/Content.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,SAAS,EAAwB,MAAM,OAAO,CAAC;AAUpE,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,OAAO,yGA+BnB,CAAC"}
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppContainer/Content.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,SAAS,EAAU,MAAM,OAAO,CAAC;AAStD,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,OAAO,yGAgClB,CAAC"}

package/componentsV2/AppContainer/Content.js

@@ -1,2 +1,2 @@
-import t from"classnames";import{forwardRef as n,useCallback as i,useMemo as e}from"react";import{Paper as s}from"../Paper/Paper.js";import{AppSettings as o}from"../AppSettings/AppSettings.js";import"../AppSettings/AppSettings.constants.js";import{useAppSettingPinning as r}from"../AppSettings/AppSettingsPinningContext.js";import{AppContainerTestIds as p}from"./AppContainer.constants.js";import m from"./AppContainer.scss.js";import{jsxs as a,Fragment as c,jsx as l}from"react/jsx-runtime";var d=n((function(n,d){var f=n.className,g=n.children,h=n.dimensions,S=r(),u=S.isPinned,A=S.close,j=i((function(){A(!0)}),[A]),v=e((function(){return{height:"".concat(null==h?void 0:h.height,"px")}}),[null==h?void 0:h.height]);return a(c,{children:[l("div",{className:t(m.content,u&&m.withPinnedSettings,f),"data-testid":p.ContentTestId,ref:d,children:g}),!!h&&u&&l(s,{className:m.pinnedSettings,children:l(o,{rootStyles:v,onClose:j})})]})}));export{d as Content};
+import r from"classnames";import{forwardRef as n,useRef as t}from"react";import{useAppPanelsIds as e}from"../AppPanel/AppPanelsContext.js";import{AppPanelDisplay as a}from"../AppPanel/AppPanelDisplay.js";import{AppContainerTestIds as o}from"./AppContainer.constants.js";import p from"./AppContainer.scss.js";import{jsxs as s,jsx as i}from"react/jsx-runtime";var m=n((function(n,m){var c=n.className,f=n.children,l=t(null),d=e();return s("div",{className:p.contentWrapper,ref:m,children:[i("div",{className:p.panelAnchor,ref:l}),d.start.map((function(r,n){return i(a,{id:r,anchorRef:l},"string"==typeof r?r:n)})),i("div",{className:r(p.content,c),"data-testid":o.ContentTestId,children:f}),d.end.map((function(r,n){return i(a,{id:r,anchorRef:l},"string"==typeof r?r:n)}))]})}));export{m as Content};
 //# sourceMappingURL=Content.js.map

package/componentsV2/AppContainer/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../../src/componentsV2/AppContainer/Content.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { forwardRef, ReactNode, useCallback, useMemo } from 'react';\n\nimport { Paper } from '../Paper';\nimport { AppSettings } from '../AppSettings';\nimport { useAppSettingPinning } from '../AppSettings/AppSettingsPinningContext';\n\nimport { AppContainerTestIds } from './AppContainer.constants';\n\nimport styles from './AppContainer.scss';\n\ntype ContentProps = {\n  className?: string;\n  children?: ReactNode;\n  dimensions?: { height: number; width: number };\n};\n\nexport const Content = forwardRef<HTMLDivElement, ContentProps>(\n  ({ className, children, dimensions }, ref) => {\n    const { isPinned, close } = useAppSettingPinning();\n\n    const closeSettings = useCallback(() => {\n      close(true);\n    }, [close]);\n\n    const settingsStyles = useMemo(\n      () => ({ height: `${dimensions?.height}px` }),\n      [dimensions?.height]\n    );\n\n    return (\n      <>\n        <div\n          className={classNames(styles.content, isPinned && styles.withPinnedSettings, className)}\n          data-testid={AppContainerTestIds.ContentTestId}\n          ref={ref}\n        >\n          {children}\n        </div>\n\n        {!!dimensions && isPinned && (\n          <Paper className={styles.pinnedSettings}>\n            <AppSettings rootStyles={settingsStyles} onClose={closeSettings} />\n          </Paper>\n        )}\n      </>\n    );\n  }\n);\n"],"names":["Content","forwardRef","_ref","ref","className","children","dimensions","_useAppSettingPinning","useAppSettingPinning","isPinned","close","closeSettings","useCallback","settingsStyles","useMemo","height","_jsxs","_Fragment","_jsx","classNames","styles","content","withPinnedSettings","AppContainerTestIds","ContentTestId","Paper","pinnedSettings","AppSettings","rootStyles","onClose"],"mappings":"gfAiBaA,EAAUC,GACrB,SAAAC,EAAsCC,GAAQ,IAA3CC,IAAAA,UAAWC,IAAAA,SAAUC,IAAAA,WACtBC,EAA4BC,IAApBC,IAAAA,SAAUC,IAAAA,MAEZC,EAAgBC,GAAY,WAChCF,GAAM,EACR,GAAG,CAACA,IAEEG,EAAiBC,GACrB,WAAA,MAAO,CAAEC,iBAAWT,aAAAA,EAAAA,EAAYS,OAAM,SACtC,CAACT,eAAAA,EAAYS,SAGf,OACEC,EAAAC,EAAA,CAAAZ,SACE,CAAAa,EAAA,MAAA,CACEd,UAAWe,EAAWC,EAAOC,QAASZ,GAAYW,EAAOE,mBAAoBlB,GAC7E,cAAamB,EAAoBC,cACjCrB,IAAKA,EAAIE,SAERA,MAGAC,GAAcG,GACfS,EAACO,EAAK,CAACrB,UAAWgB,EAAOM,eAAerB,SACtCa,EAACS,EAAW,CAACC,WAAYf,EAAgBgB,QAASlB,QAK5D"}
+{"version":3,"file":"Content.js","sources":["../../../src/componentsV2/AppContainer/Content.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { forwardRef, ReactNode, useRef } from 'react';\n\nimport { useAppPanelsIds } from '../AppPanel/AppPanelsContext';\nimport { AppPanelDisplay } from '../AppPanel/AppPanelDisplay';\n\nimport { AppContainerTestIds } from './AppContainer.constants';\n\nimport styles from './AppContainer.scss';\n\ntype ContentProps = {\n  className?: string;\n  children?: ReactNode;\n};\n\nexport const Content = forwardRef<HTMLDivElement, ContentProps>(({ className, children }, ref) => {\n  const panelAnchorRef = useRef<HTMLDivElement>(null);\n  const panelIds = useAppPanelsIds();\n\n  return (\n    <div className={styles.contentWrapper} ref={ref}>\n      <div className={styles.panelAnchor} ref={panelAnchorRef} />\n\n      {panelIds.start.map((id, index) => (\n        <AppPanelDisplay\n          id={id}\n          anchorRef={panelAnchorRef}\n          key={typeof id === 'string' ? id : index}\n        />\n      ))}\n\n      <div\n        className={classNames(styles.content, className)}\n        data-testid={AppContainerTestIds.ContentTestId}\n      >\n        {children}\n      </div>\n\n      {panelIds.end.map((id, index) => (\n        <AppPanelDisplay\n          id={id}\n          anchorRef={panelAnchorRef}\n          key={typeof id === 'string' ? id : index}\n        />\n      ))}\n    </div>\n  );\n});\n"],"names":["Content","forwardRef","_ref","ref","className","children","panelAnchorRef","useRef","panelIds","useAppPanelsIds","_jsxs","styles","contentWrapper","_jsx","panelAnchor","start","map","id","index","AppPanelDisplay","anchorRef","classNames","content","AppContainerTestIds","ContentTestId","end"],"mappings":"0WAeaA,EAAUC,GAAyC,SAAAC,EAA0BC,GAAQ,IAA/BC,IAAAA,UAAWC,IAAAA,SACtEC,EAAiBC,EAAuB,MACxCC,EAAWC,IAEjB,OACEC,EAAA,MAAA,CAAKN,UAAWO,EAAOC,eAAgBT,IAAKA,EAAIE,SAC9C,CAAAQ,EAAA,MAAA,CAAKT,UAAWO,EAAOG,YAAaX,IAAKG,IAExCE,EAASO,MAAMC,KAAI,SAACC,EAAIC,GAAK,OAC5BL,EAACM,EAAe,CACdF,GAAIA,EACJG,UAAWd,GACQ,iBAAPW,EAAkBA,EAAKC,EACnC,IAGJL,EAAA,MAAA,CACET,UAAWiB,EAAWV,EAAOW,QAASlB,GACtC,cAAamB,EAAoBC,cAAcnB,SAE9CA,IAGFG,EAASiB,IAAIT,KAAI,SAACC,EAAIC,GAAK,OAC1BL,EAACM,EAAe,CACdF,GAAIA,EACJG,UAAWd,GACQ,iBAAPW,EAAkBA,EAAKC,EACnC,MAIV"}

package/componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.js

@@ -1,2 +1,2 @@
-import o from"moment";import{template as s}from"lodash";import{Tooltip as c}from"../../Tooltip/Tooltip.js";import{ButtonIcon as i}from"../../ButtonIcon/ButtonIcon.js";import{DqStatusIcon as n}from"../../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import{Text as t}from"../../Text/Text.js";import{UniversalLink as e}from"../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import{MIXPANEL_ACTION_TYPES as r}from"../../../constants/mixpanel.js";import{ArrowRightIcon as m}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 l from"./DqAlertTooltip.scss.js";import{jsx as a,jsxs as u,Fragment as d}from"react/jsx-runtime";var p=function(s){return s&&o.unix(s).format("MMM D YYYY, hh:mm A")},I=function(s){return o.unix(s).format("DD MMM HH:mm (Z)")},j=function(o){var c=o.message,i=s(c)({timestampFormatter:I}).split("**").map((function(o,s){return s%2==1?a("b",{children:o},s):o}));return a("span",{className:l.message,children:i})},v=function(o){var s=o.children,c=o.label,i=o.className;return u("div",{className:l.item,children:[c&&a(t,{size:14,color:"T6",children:c}),s&&a(t,{size:14,color:"T1",className:i,children:s})]})},h=function(o){var s,I,h,C,g,f,D,F,b,A,M,T,S,y,O,N,x,k,P,E,U,R,z,B=o.children,q=o.item,G=Math.max(null===(s=q.alert)||void 0===s?void 0:s.statusUpdatedAt,null===(I=q.alert)||void 0===I?void 0:I.lastCheckedAt),L=p(G),W=a("div",{className:l.content,children:null!==(h=q.alert)&&void 0!==h&&h.emptyMessage?a(t,{size:16,children:null!==(C=q.alert)&&void 0!==C&&C.statusUpdatedAt?p(null===(g=q.alert)||void 0===g?void 0:g.statusUpdatedAt):null===(f=q.alert)||void 0===f?void 0:f.emptyMessage}):u(d,{children:[u(t,{size:16,className:l.title,children:[null===(D=q.alert)||void 0===D?void 0:D.name,a(c,{title:"Go to Data Quality page",children:a(e,{href:q.linkToDQPage,onClick:function(){var o,s;null===(o=(s=window)[Symbol.for("logToMixpanel")])||void 0===o||o.call(s,r.REDIRECT.ASSET_DASHBOARD,{referer:"DQ Badge"})},children:a(i,{size:"medium",type:"secondary",children:a(m,{})})})})]}),u("div",{className:l.items,children:[a(v,{label:"Category:",children:null===(F=q.alert)||void 0===F?void 0:F.category}),a(v,{label:"Status:",className:l.status,children:null===(b=q.alert)||void 0===b?void 0:b.status}),u(v,{label:"Error Type:",className:"Issue"===(null===(A=q.alert)||void 0===A?void 0:A.state)?l.typeWarning:l.typeError,children:[a(n,{statusBadgeIconType:"Issue"===(null===(M=q.alert)||void 0===M?void 0:M.state)?"issue":"error",className:l.typeIcon}),null===(T=q.alert)||void 0===T?void 0:T.state]}),a(v,{label:"Score Deduction:",className:(R=null===(S=q.alert)||void 0===S?void 0:S.deductsFromScore,z="resolved"===(null===(y=q.alert)||void 0===y?void 0:y.status),z||!R?"":R>40?l.deductError:R>10?l.deductWarning:R>5?l.deductOk:l.deductGood),children:"resolved"!==(null===(O=q.alert)||void 0===O?void 0:O.status)&&null!==(N=q.alert)&&void 0!==N&&N.deductsFromScore&&(null===(x=q.alert)||void 0===x?void 0:x.deductsFromScore)>=0?"".concat(null===(k=q.alert)||void 0===k?void 0:k.deductsFromScore,"%"):"—"}),u(v,{className:l.alertMessage,children:[(null===(P=q.alert)||void 0===P?void 0:P.isThrottled)&&a("b",{children:"[Throttled]: "}),a(j,{message:null===(E=q.alert)||void 0===E?void 0:E.message})]}),a(v,{label:"Note:",children:(null===(U=q.alert)||void 0===U?void 0:U.note)||"—"}),a(v,{label:"Updated at:",children:L})]})]})});return a(c,{title:W,placement:"right",interactive:!0,className:l.root,children:B})};export{h as DqAlertTooltip};
+import o from"moment";import{template as s}from"lodash";import{Tooltip as c}from"../../Tooltip/Tooltip.js";import{ButtonIcon as i}from"../../ButtonIcon/ButtonIcon.js";import{DqStatusIcon as n}from"../../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import{Text as t}from"../../Text/Text.js";import{UniversalLink as e}from"../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import{MIXPANEL_ACTION_TYPES as r}from"../../../constants/mixpanel.js";import{ArrowRightIcon as m}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/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.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/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.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 l from"./DqAlertTooltip.scss.js";import{jsx as a,jsxs as u,Fragment as d}from"react/jsx-runtime";var p=function(s){return s&&o.unix(s).format("MMM D YYYY, hh:mm A")},I=function(s){return o.unix(s).format("DD MMM HH:mm (Z)")},j=function(o){var c=o.message,i=s(c)({timestampFormatter:I}).split("**").map((function(o,s){return s%2==1?a("b",{children:o},s):o}));return a("span",{className:l.message,children:i})},v=function(o){var s=o.children,c=o.label,i=o.className;return u("div",{className:l.item,children:[c&&a(t,{size:14,color:"T6",children:c}),s&&a(t,{size:14,color:"T1",className:i,children:s})]})},h=function(o){var s,I,h,C,f,g,F,D,b,A,M,O,T,S,y,N,x,k,P,E,R,U,z,B=o.children,q=o.item,G=Math.max(null===(s=q.alert)||void 0===s?void 0:s.statusUpdatedAt,null===(I=q.alert)||void 0===I?void 0:I.lastCheckedAt),L=p(G),W=a("div",{className:l.content,children:null!==(h=q.alert)&&void 0!==h&&h.emptyMessage?a(t,{size:16,children:null!==(C=q.alert)&&void 0!==C&&C.statusUpdatedAt?p(null===(f=q.alert)||void 0===f?void 0:f.statusUpdatedAt):null===(g=q.alert)||void 0===g?void 0:g.emptyMessage}):u(d,{children:[u(t,{size:16,className:l.title,children:[null===(F=q.alert)||void 0===F?void 0:F.name,a(c,{title:"Go to Data Quality page",children:a(e,{href:q.linkToDQPage,onClick:function(){var o,s;null===(o=(s=window)[Symbol.for("logToMixpanel")])||void 0===o||o.call(s,r.REDIRECT.ASSET_DASHBOARD,{referer:"DQ Badge"})},children:a(i,{size:"medium",type:"secondary",children:a(m,{})})})})]}),u("div",{className:l.items,children:[a(v,{label:"Category:",children:null===(D=q.alert)||void 0===D?void 0:D.category}),a(v,{label:"Status:",className:l.status,children:null===(b=q.alert)||void 0===b?void 0:b.status}),u(v,{label:"Error Type:",className:"Issue"===(null===(A=q.alert)||void 0===A?void 0:A.state)?l.typeWarning:l.typeError,children:[a(n,{statusBadgeIconType:"Issue"===(null===(M=q.alert)||void 0===M?void 0:M.state)?"issue":"error",className:l.typeIcon}),null===(O=q.alert)||void 0===O?void 0:O.state]}),a(v,{label:"Score Deduction:",className:(U=null===(T=q.alert)||void 0===T?void 0:T.deductsFromScore,z="resolved"===(null===(S=q.alert)||void 0===S?void 0:S.status),z||!U?"":U>40?l.deductError:U>10?l.deductWarning:U>5?l.deductOk:l.deductGood),children:"resolved"!==(null===(y=q.alert)||void 0===y?void 0:y.status)&&null!==(N=q.alert)&&void 0!==N&&N.deductsFromScore&&(null===(x=q.alert)||void 0===x?void 0:x.deductsFromScore)>=0?"".concat(null===(k=q.alert)||void 0===k?void 0:k.deductsFromScore,"%"):"—"}),u(v,{className:l.alertMessage,children:[(null===(P=q.alert)||void 0===P?void 0:P.isThrottled)&&a("b",{children:"[Throttled]: "}),a(j,{message:null===(E=q.alert)||void 0===E?void 0:E.message})]}),a(v,{label:"Note:",children:(null===(R=q.alert)||void 0===R?void 0:R.note)||"—"}),a(v,{label:"Updated at:",children:L})]})]})});return a(c,{title:W,placement:"right",interactive:!0,className:l.root,children:B})};export{h as DqAlertTooltip};
 //# sourceMappingURL=DqAlertTooltip.js.map

package/componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"DqAlertTooltip.js","sources":["../../../../src/componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\nimport moment from 'moment';\nimport { template } from 'lodash';\n\nimport { Tooltip } from '../../Tooltip';\nimport { AssetItem } from '../../AppFooter/DqPopover/types';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { DqStatusIcon } from '../../AppFooter/DqPopover/DqStatusIcon';\nimport { Text } from '../../Text';\nimport { UniversalLink } from '../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink';\nimport { MIXPANEL_ACTION_TYPES } from '../../../constants/mixpanel';\nimport { ArrowRightIcon } from '../../../icons';\n\nimport styles from './DqAlertTooltip.scss';\n\nconst formatDate = (date: number) => date && moment.unix(date).format('MMM D YYYY, hh:mm A');\n\nconst timestampFormatter = (timestamp: number) => {\n  return moment.unix(timestamp).format('DD MMM HH:mm (Z)');\n};\n\nconst FormattedMessage = ({ message }: { message: string }) => {\n  const compiled = template(message);\n  const messageParts = compiled({\n    timestampFormatter,\n  })\n    // Support of **Bold** syntax for backward compatibility\n    .split('**')\n    .map((message, i) => (i % 2 === 1 ? <b key={i}>{message}</b> : message));\n  return <span className={styles.message}>{messageParts}</span>;\n};\n\nconst getDeductsFromScoreClass = (score: number | undefined, isResolved: boolean) => {\n  if (isResolved || !score) return '';\n\n  if (score > 40) {\n    return styles.deductError;\n  } else if (score > 10) {\n    return styles.deductWarning;\n  } else if (score > 5) {\n    return styles.deductOk;\n  }\n\n  return styles.deductGood;\n};\n\nconst Item = ({\n  children,\n  label,\n  className,\n}: {\n  label?: ReactNode;\n  children?: ReactNode;\n  className?: string;\n}) => (\n  <div className={styles.item}>\n    {label && (\n      <Text size={14} color=\"T6\">\n        {label}\n      </Text>\n    )}\n    {children && (\n      <Text size={14} color=\"T1\" className={className}>\n        {children}\n      </Text>\n    )}\n  </div>\n);\n\nexport type DqAlertTooltipProps = {\n  children: ReactElement;\n  item: AssetItem;\n};\n\nexport const DqAlertTooltip = ({ children, item }: DqAlertTooltipProps) => {\n  const latestUpdateTime = Math.max(item.alert?.statusUpdatedAt, item.alert?.lastCheckedAt);\n  const statusUpdatedAt = formatDate(latestUpdateTime);\n\n  const title = (\n    <div className={styles.content}>\n      {item.alert?.emptyMessage ? (\n        <Text size={16}>\n          {item.alert?.statusUpdatedAt\n            ? formatDate(item.alert?.statusUpdatedAt)\n            : item.alert?.emptyMessage}\n        </Text>\n      ) : (\n        <>\n          <Text size={16} className={styles.title}>\n            {item.alert?.name}\n            <Tooltip title=\"Go to Data Quality page\">\n              <UniversalLink\n                href={item.linkToDQPage}\n                onClick={() => {\n                  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                  (window as any)[Symbol.for('logToMixpanel')]?.(\n                    MIXPANEL_ACTION_TYPES.REDIRECT.ASSET_DASHBOARD,\n                    { referer: 'DQ Badge' }\n                  );\n                }}\n              >\n                <ButtonIcon size=\"medium\" type=\"secondary\">\n                  <ArrowRightIcon />\n                </ButtonIcon>\n              </UniversalLink>\n            </Tooltip>\n          </Text>\n\n          <div className={styles.items}>\n            <Item label=\"Category:\">{item.alert?.category}</Item>\n            <Item label=\"Status:\" className={styles.status}>\n              {item.alert?.status}\n            </Item>\n            <Item\n              label=\"Error Type:\"\n              className={item.alert?.state === 'Issue' ? styles.typeWarning : styles.typeError}\n            >\n              <DqStatusIcon\n                statusBadgeIconType={item.alert?.state === 'Issue' ? 'issue' : 'error'}\n                className={styles.typeIcon}\n              />\n              {item.alert?.state}\n            </Item>\n            <Item\n              label=\"Score Deduction:\"\n              className={getDeductsFromScoreClass(\n                item.alert?.deductsFromScore,\n                item.alert?.status === 'resolved'\n              )}\n            >\n              {item.alert?.status !== 'resolved' &&\n              item.alert?.deductsFromScore &&\n              item.alert?.deductsFromScore >= 0\n                ? `${item.alert?.deductsFromScore}%`\n                : '—'}\n            </Item>\n            <Item className={styles.alertMessage}>\n              {item.alert?.isThrottled && <b>[Throttled]: </b>}\n              <FormattedMessage message={item.alert?.message} />\n            </Item>\n            <Item label=\"Note:\">{item.alert?.note || '—'}</Item>\n            <Item label=\"Updated at:\">{statusUpdatedAt}</Item>\n          </div>\n        </>\n      )}\n    </div>\n  );\n\n  return (\n    <Tooltip title={title} placement=\"right\" interactive className={styles.root}>\n      {children}\n    </Tooltip>\n  );\n};\n"],"names":["formatDate","date","moment","unix","format","timestampFormatter","timestamp","FormattedMessage","_ref","message","messageParts","template","compiled","split","map","i","_jsx","children","className","styles","Item","_ref2","label","_jsxs","item","Text","size","color","DqAlertTooltip","_ref3","_item$alert","_item$alert2","_item$alert3","_item$alert4","_item$alert5","_item$alert6","_item$alert7","_item$alert8","_item$alert9","_item$alert10","_item$alert11","_item$alert12","_item$alert13","_item$alert14","_item$alert15","_item$alert16","_item$alert17","_item$alert18","_item$alert19","_item$alert20","_item$alert21","score","isResolved","latestUpdateTime","Math","max","alert","statusUpdatedAt","lastCheckedAt","title","content","emptyMessage","_Fragment","name","Tooltip","UniversalLink","href","linkToDQPage","onClick","_Symbol$for","_ref4","window","Symbol","for","MIXPANEL_ACTION_TYPES","REDIRECT","ASSET_DASHBOARD","referer","ButtonIcon","type","ArrowRightIcon","items","category","status","state","typeWarning","typeError","DqStatusIcon","statusBadgeIconType","typeIcon","deductsFromScore","deductError","deductWarning","deductOk","deductGood","concat","alertMessage","isThrottled","note","placement","interactive","root"],"mappings":"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"}
+{"version":3,"file":"DqAlertTooltip.js","sources":["../../../../src/componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\nimport moment from 'moment';\nimport { template } from 'lodash';\n\nimport { Tooltip } from '../../Tooltip';\nimport { AssetItem } from '../../AppFooter/DqPopover/types';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { DqStatusIcon } from '../../AppFooter/DqPopover/DqStatusIcon';\nimport { Text } from '../../Text';\nimport { UniversalLink } from '../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink';\nimport { MIXPANEL_ACTION_TYPES } from '../../../constants/mixpanel';\nimport { ArrowRightIcon } from '../../../icons';\n\nimport styles from './DqAlertTooltip.scss';\n\nconst formatDate = (date: number) => date && moment.unix(date).format('MMM D YYYY, hh:mm A');\n\nconst timestampFormatter = (timestamp: number) => {\n  return moment.unix(timestamp).format('DD MMM HH:mm (Z)');\n};\n\nconst FormattedMessage = ({ message }: { message: string }) => {\n  const compiled = template(message);\n  const messageParts = compiled({\n    timestampFormatter,\n  })\n    // Support of **Bold** syntax for backward compatibility\n    .split('**')\n    .map((message, i) => (i % 2 === 1 ? <b key={i}>{message}</b> : message));\n  return <span className={styles.message}>{messageParts}</span>;\n};\n\nconst getDeductsFromScoreClass = (score: number | undefined, isResolved: boolean) => {\n  if (isResolved || !score) return '';\n\n  if (score > 40) {\n    return styles.deductError;\n  } else if (score > 10) {\n    return styles.deductWarning;\n  } else if (score > 5) {\n    return styles.deductOk;\n  }\n\n  return styles.deductGood;\n};\n\nconst Item = ({\n  children,\n  label,\n  className,\n}: {\n  label?: ReactNode;\n  children?: ReactNode;\n  className?: string;\n}) => (\n  <div className={styles.item}>\n    {label && (\n      <Text size={14} color=\"T6\">\n        {label}\n      </Text>\n    )}\n    {children && (\n      <Text size={14} color=\"T1\" className={className}>\n        {children}\n      </Text>\n    )}\n  </div>\n);\n\nexport type DqAlertTooltipProps = {\n  children: ReactElement;\n  item: AssetItem;\n};\n\nexport const DqAlertTooltip = ({ children, item }: DqAlertTooltipProps) => {\n  const latestUpdateTime = Math.max(item.alert?.statusUpdatedAt, item.alert?.lastCheckedAt);\n  const statusUpdatedAt = formatDate(latestUpdateTime);\n\n  const title = (\n    <div className={styles.content}>\n      {item.alert?.emptyMessage ? (\n        <Text size={16}>\n          {item.alert?.statusUpdatedAt\n            ? formatDate(item.alert?.statusUpdatedAt)\n            : item.alert?.emptyMessage}\n        </Text>\n      ) : (\n        <>\n          <Text size={16} className={styles.title}>\n            {item.alert?.name}\n            <Tooltip title=\"Go to Data Quality page\">\n              <UniversalLink\n                href={item.linkToDQPage}\n                onClick={() => {\n                  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                  (window as any)[Symbol.for('logToMixpanel')]?.(\n                    MIXPANEL_ACTION_TYPES.REDIRECT.ASSET_DASHBOARD,\n                    { referer: 'DQ Badge' }\n                  );\n                }}\n              >\n                <ButtonIcon size=\"medium\" type=\"secondary\">\n                  <ArrowRightIcon />\n                </ButtonIcon>\n              </UniversalLink>\n            </Tooltip>\n          </Text>\n\n          <div className={styles.items}>\n            <Item label=\"Category:\">{item.alert?.category}</Item>\n            <Item label=\"Status:\" className={styles.status}>\n              {item.alert?.status}\n            </Item>\n            <Item\n              label=\"Error Type:\"\n              className={item.alert?.state === 'Issue' ? styles.typeWarning : styles.typeError}\n            >\n              <DqStatusIcon\n                statusBadgeIconType={item.alert?.state === 'Issue' ? 'issue' : 'error'}\n                className={styles.typeIcon}\n              />\n              {item.alert?.state}\n            </Item>\n            <Item\n              label=\"Score Deduction:\"\n              className={getDeductsFromScoreClass(\n                item.alert?.deductsFromScore,\n                item.alert?.status === 'resolved'\n              )}\n            >\n              {item.alert?.status !== 'resolved' &&\n              item.alert?.deductsFromScore &&\n              item.alert?.deductsFromScore >= 0\n                ? `${item.alert?.deductsFromScore}%`\n                : '—'}\n            </Item>\n            <Item className={styles.alertMessage}>\n              {item.alert?.isThrottled && <b>[Throttled]: </b>}\n              <FormattedMessage message={item.alert?.message} />\n            </Item>\n            <Item label=\"Note:\">{item.alert?.note || '—'}</Item>\n            <Item label=\"Updated at:\">{statusUpdatedAt}</Item>\n          </div>\n        </>\n      )}\n    </div>\n  );\n\n  return (\n    <Tooltip title={title} placement=\"right\" interactive className={styles.root}>\n      {children}\n    </Tooltip>\n  );\n};\n"],"names":["formatDate","date","moment","unix","format","timestampFormatter","timestamp","FormattedMessage","_ref","message","messageParts","template","compiled","split","map","i","_jsx","children","className","styles","Item","_ref2","label","_jsxs","item","Text","size","color","DqAlertTooltip","_ref3","_item$alert","_item$alert2","_item$alert3","_item$alert4","_item$alert5","_item$alert6","_item$alert7","_item$alert8","_item$alert9","_item$alert10","_item$alert11","_item$alert12","_item$alert13","_item$alert14","_item$alert15","_item$alert16","_item$alert17","_item$alert18","_item$alert19","_item$alert20","_item$alert21","score","isResolved","latestUpdateTime","Math","max","alert","statusUpdatedAt","lastCheckedAt","title","content","emptyMessage","_Fragment","name","Tooltip","UniversalLink","href","linkToDQPage","onClick","_Symbol$for","_ref4","window","Symbol","for","MIXPANEL_ACTION_TYPES","REDIRECT","ASSET_DASHBOARD","referer","ButtonIcon","type","ArrowRightIcon","items","category","status","state","typeWarning","typeError","DqStatusIcon","statusBadgeIconType","typeIcon","deductsFromScore","deductError","deductWarning","deductOk","deductGood","concat","alertMessage","isThrottled","note","placement","interactive","root"],"mappings":"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"}