@corva/ui 3.75.0-1 → 3.75.0-11

package/componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"VersionSelect.js","sources":["../../../../../src/componentsV2/AppHeader/V3/VersionSelect/VersionSelect.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { Menu } from '../../../Menu';\nimport { PACKAGE_LABELS } from '../../../../constants/appPackages';\nimport { Text } from '../../../Text';\nimport { TextEndTruncated } from '../../../TextEndTruncated';\nimport { LoaderLogo } from '../../../LoaderLogo';\nimport { Tooltip } from '../../../Tooltip';\n\nimport {\n  AppPackage,\n  formatVersionText,\n  getVersionText,\n  isReact18Host,\n  VersionSelectTestIds,\n} from './VersionSelect.constants';\nimport { MenuItems } from './MenuItems';\n\nimport styles from './VersionSelect.scss';\n\nimport { DownIcon } from '~/icons';\nimport { getAppPackages } from '~/clients/jsonApi';\nimport { useAppCommons } from '~/effects';\n\nconst LabelToClassMap: Record<string, string> = {\n  [PACKAGE_LABELS.BETA]: styles.beta,\n  [PACKAGE_LABELS.DEV]: styles.dev,\n  [PACKAGE_LABELS.PROD]: styles.prod,\n};\n\nexport const VersionSelect = ({ className }: { className?: string }) => {\n  const { app, appId, onSettingChange, onSettingsChange, isNonIsolatedApp } = useAppCommons();\n  const [isOpen, setIsOpen] = useState(false);\n  const [isLoading, setIsLoading] = useState(true);\n  const [packages, setPackages] = useState<AppPackage[]>();\n  const toggleRef = useRef<HTMLDivElement>(null);\n  const loadingStartedRef = useRef(false);\n\n  const open = useCallback(() => setIsOpen(true), []);\n  const close = useCallback(() => setIsOpen(false), []);\n\n  const { label = '', version, package_code_version: packageCodeVersion } = app?.package || {};\n  const versionText = formatVersionText(packageCodeVersion || version || '');\n  const buttonText = getVersionText(versionText, label);\n\n  // [REACT-18-MIGRATION-TAG] PLT-3099: on a React-18 host an in-process app defaults to a\n  // React-18 package, but React-17 packages stay selectable with a warning (not disabled).\n  // isNonIsolatedApp carries the platform's actual isolation decision (DevCenterIsolatedApp);\n  // isolated apps keep their React-17 iframe realm, so nothing is flagged there.\n  const areReact17PackagesIncompatible = isReact18Host() && Boolean(isNonIsolatedApp);\n\n  useEffect(() => {\n    if (isOpen && !loadingStartedRef.current && !packages) {\n      loadingStartedRef.current = true;\n      const loader = async () => {\n        try {\n          const response = await getAppPackages(appId, {\n            order: 'desc',\n            sort: 'created_at',\n            status: ['draft', 'published'],\n            fields: ['attributes.label', 'attributes.package_json'],\n          });\n\n          setPackages(\n            response.data.map(({ attributes }: { attributes: AppPackage }) => attributes)\n          );\n        } catch (e) {\n          console.error(e);\n        }\n\n        setIsLoading(false);\n      };\n\n      loader();\n    }\n  }, [isOpen, packages, appId]);\n\n  const onPackageChange = useCallback(\n    (pkg: AppPackage) => {\n      close();\n\n      const packageValue = pkg.label || pkg.version;\n\n      // [REACT-18-MIGRATION-TAG] PLT-3099: an explicit user pick on a React-18 host opts the\n      // app out of the auto-switch so their choice is honored (the fix is a default, not a lock).\n      if (isReact18Host()) {\n        onSettingsChange({ package: packageValue, react18AutoSwitchDisabled: true });\n        return;\n      }\n\n      onSettingChange('package', packageValue);\n    },\n    [close, onSettingChange, onSettingsChange]\n  );\n\n  if (!versionText) {\n    return null;\n  }\n\n  return (\n    <Text className={classNames(styles.root, className)} size={14}>\n      <Tooltip title=\"Change App Version\" disabled={buttonText.length > 15}>\n        <div\n          data-testid={VersionSelectTestIds.ChangeAppVersionButtonTestId}\n          ref={toggleRef}\n          onClick={open}\n        >\n          <TextEndTruncated\n            className={classNames(\n              styles.button,\n              LabelToClassMap[label] || styles.nonLabelledVersion\n            )}\n            testId={VersionSelectTestIds.CurrentVersionLabelTestId}\n          >\n            {buttonText}\n\n            <DownIcon size={16} className={styles.icon} />\n          </TextEndTruncated>\n        </div>\n      </Tooltip>\n\n      <Menu\n        open={isOpen}\n        anchorEl={toggleRef.current}\n        placement=\"bottom-start\"\n        onClose={close}\n        className={styles.popover}\n      >\n        {isLoading ? (\n          <LoaderLogo size={40} />\n        ) : (\n          <MenuItems\n            packages={packages}\n            onChange={onPackageChange}\n            areReact17PackagesIncompatible={areReact17PackagesIncompatible}\n          />\n        )}\n      </Menu>\n    </Text>\n  );\n};\n"],"names":["LabelToClassMap","PACKAGE_LABELS","BETA","styles","beta","_defineProperty","_LabelToClassMap","DEV","dev","PROD","prod","VersionSelect","_ref","className","_useAppCommons","useAppCommons","app","appId","onSettingChange","onSettingsChange","isNonIsolatedApp","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","_useState4","_useState3","isLoading","setIsLoading","_useState5","_useState6","packages","setPackages","toggleRef","useRef","loadingStartedRef","open","useCallback","close","_ref2","package","_ref2$label","label","version","packageCodeVersion","package_code_version","versionText","formatVersionText","buttonText","getVersionText","areReact17PackagesIncompatible","isReact18Host","Boolean","useEffect","current","loader","_ref3","_asyncToGenerator","_regeneratorRuntime","mark","_callee","response","wrap","_context","prev","next","getAppPackages","order","sort","status","fields","sent","data","map","_ref4","attributes","t0","console","error","stop","apply","this","arguments","onPackageChange","pkg","packageValue","react18AutoSwitchDisabled","_jsxs","Text","classNames","root","size","children","_jsx","Tooltip","title","disabled","length","VersionSelectTestIds","ChangeAppVersionButtonTestId","ref","onClick","TextEndTruncated","button","nonLabelledVersion","testId","CurrentVersionLabelTestId","DownIcon","icon","Menu","anchorEl","placement","onClose","popover","LoaderLogo","MenuItems","onChange"],"mappings":"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"}
+{"version":3,"file":"VersionSelect.js","sources":["../../../../../src/componentsV2/AppHeader/V3/VersionSelect/VersionSelect.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { Menu } from '../../../Menu';\nimport { PACKAGE_LABELS } from '../../../../constants/appPackages';\nimport { Text } from '../../../Text';\nimport { TextEndTruncated } from '../../../TextEndTruncated';\nimport { LoaderLogo } from '../../../LoaderLogo';\nimport { Tooltip } from '../../../Tooltip';\n\nimport {\n  AppPackage,\n  formatVersionText,\n  getVersionText,\n  isReact18Host,\n  VersionSelectTestIds,\n} from './VersionSelect.constants';\nimport { MenuItems } from './MenuItems';\n\nimport styles from './VersionSelect.scss';\n\nimport { DownIcon } from '~/icons';\nimport { getAppPackages } from '~/clients/jsonApi';\nimport { useAppCommons } from '~/effects';\n\nconst LabelToClassMap: Record<string, string> = {\n  [PACKAGE_LABELS.BETA]: styles.beta,\n  [PACKAGE_LABELS.DEV]: styles.dev,\n  [PACKAGE_LABELS.PROD]: styles.prod,\n};\n\nexport const VersionSelect = ({ className }: { className?: string }) => {\n  const { app, appId, onSettingChange, onSettingsChange, isNonIsolatedApp } = useAppCommons();\n  const [isOpen, setIsOpen] = useState(false);\n  const [isLoading, setIsLoading] = useState(true);\n  const [packages, setPackages] = useState<AppPackage[]>();\n  const toggleRef = useRef<HTMLDivElement>(null);\n  const loadingStartedRef = useRef(false);\n\n  const open = useCallback(() => setIsOpen(true), []);\n  const close = useCallback(() => setIsOpen(false), []);\n\n  const { label = '', version, package_code_version: packageCodeVersion } = app?.package || {};\n  const versionText = formatVersionText(packageCodeVersion || version || '');\n  const buttonText = getVersionText(versionText, label);\n\n  // [REACT-18-MIGRATION-TAG] PLT-3099: on a React-18 host an in-process app defaults to a\n  // React-18 package, but React-17 packages stay selectable with a warning (not disabled).\n  // isNonIsolatedApp carries the platform's actual isolation decision (DevCenterIsolatedApp);\n  // isolated apps keep their React-17 iframe realm, so nothing is flagged there.\n  const areReact17PackagesIncompatible = isReact18Host() && Boolean(isNonIsolatedApp);\n\n  useEffect(() => {\n    if (isOpen && !loadingStartedRef.current && !packages) {\n      loadingStartedRef.current = true;\n      const loader = async () => {\n        try {\n          const response = await getAppPackages(appId, {\n            order: 'desc',\n            sort: 'created_at',\n            status: ['draft', 'published'],\n            fields: ['attributes.label', 'attributes.package_json'],\n          });\n\n          setPackages(\n            response.data.map(({ attributes }: { attributes: AppPackage }) => attributes)\n          );\n        } catch (e) {\n          console.error(e);\n        }\n\n        setIsLoading(false);\n      };\n\n      loader();\n    }\n  }, [isOpen, packages, appId]);\n\n  const onPackageChange = useCallback(\n    (pkg: AppPackage) => {\n      close();\n\n      const packageValue = pkg.label || pkg.version;\n\n      // [REACT-18-MIGRATION-TAG] PLT-3099: an explicit user pick on a React-18 host opts the\n      // app out of the auto-switch so their choice is honored (the fix is a default, not a lock).\n      if (isReact18Host()) {\n        onSettingsChange({ package: packageValue, react18AutoSwitchDisabled: true });\n        return;\n      }\n\n      onSettingChange('package', packageValue);\n    },\n    [close, onSettingChange, onSettingsChange]\n  );\n\n  if (!versionText) {\n    return null;\n  }\n\n  return (\n    <Text className={classNames(styles.root, className)} size={14}>\n      <Tooltip title=\"Change App Version\" disabled={buttonText.length > 15}>\n        <div\n          data-testid={VersionSelectTestIds.ChangeAppVersionButtonTestId}\n          ref={toggleRef}\n          onClick={open}\n        >\n          <TextEndTruncated\n            className={classNames(\n              styles.button,\n              LabelToClassMap[label] || styles.nonLabelledVersion\n            )}\n            testId={VersionSelectTestIds.CurrentVersionLabelTestId}\n          >\n            {buttonText}\n\n            <DownIcon size={16} className={styles.icon} />\n          </TextEndTruncated>\n        </div>\n      </Tooltip>\n\n      <Menu\n        open={isOpen}\n        anchorEl={toggleRef.current}\n        placement=\"bottom-start\"\n        onClose={close}\n        className={styles.popover}\n      >\n        {isLoading ? (\n          <LoaderLogo size={40} />\n        ) : (\n          <MenuItems\n            packages={packages}\n            onChange={onPackageChange}\n            areReact17PackagesIncompatible={areReact17PackagesIncompatible}\n          />\n        )}\n      </Menu>\n    </Text>\n  );\n};\n"],"names":["LabelToClassMap","PACKAGE_LABELS","BETA","styles","beta","_defineProperty","_LabelToClassMap","DEV","dev","PROD","prod","VersionSelect","_ref","className","_useAppCommons","useAppCommons","app","appId","onSettingChange","onSettingsChange","isNonIsolatedApp","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","_useState4","_useState3","isLoading","setIsLoading","_useState5","_useState6","packages","setPackages","toggleRef","useRef","loadingStartedRef","open","useCallback","close","_ref2","package","_ref2$label","label","version","packageCodeVersion","package_code_version","versionText","formatVersionText","buttonText","getVersionText","areReact17PackagesIncompatible","isReact18Host","Boolean","useEffect","current","loader","_ref3","_asyncToGenerator","_regeneratorRuntime","mark","_callee","response","wrap","_context","prev","next","getAppPackages","order","sort","status","fields","sent","data","map","_ref4","attributes","t0","console","error","stop","apply","this","arguments","onPackageChange","pkg","packageValue","react18AutoSwitchDisabled","_jsxs","Text","classNames","root","size","children","_jsx","Tooltip","title","disabled","length","VersionSelectTestIds","ChangeAppVersionButtonTestId","ref","onClick","TextEndTruncated","button","nonLabelledVersion","testId","CurrentVersionLabelTestId","DownIcon","icon","Menu","anchorEl","placement","onClose","popover","LoaderLogo","MenuItems","onChange"],"mappings":"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"}

package/componentsV2/AppSettings/AppSettings.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{forwardRef as s,useState as n,useRef as c,useEffect as i}from"react";import{debounce as t}from"lodash";import r from"classnames";import{Text as m}from"../Text/Text.js";import{Tooltip as e}from"../Tooltip/Tooltip.js";import{ButtonIcon as p}from"../ButtonIcon/ButtonIcon.js";import u from"../../components/ErrorBoundary/ErrorBoundary.js";import a from"../../components/ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import{useAppCommonsInternal as l}from"../AppCommonsProvider/AppCommonsContext.js";import{useAppSettingPinning as j}from"./AppSettingsPinningContext.js";import I from"./AppSettings.scss.js";import{CloseSmallIcon as d}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{Pin as C}from"../../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{AppSettingsTestIds as h}from"./AppSettings.constants.js";import{jsxs as g,jsx as v}from"react/jsx-runtime";var f=s((function(s,f){var A=s.rootStyles,S=s.onClose,F=l(),P=F.appSettings,b=F.currentUser,O=F.onSettingChange,B=F.onSettingsChange,E=F.layoutEnvironment,y=F.app,T=F.appData,k=F.appSettingsComponent,x=n(!1),D=o(x,2),M=D[0],U=D[1],N=c(null),w=j(),z=w.isPinned,R=w.onPinClick,G=w.showPinButton,q=w.additionalControls;return i((function(){if(N.current){var o=t((function(){requestAnimationFrame((function(){var o=N.current||{},s=o.clientHeight,n=void 0===s?0:s,c=o.scrollHeight;U(n<(void 0===c?0:c))}))}),200,{leading:!0}),s=new ResizeObserver(o);return N.current&&s.observe(N.current),function(){s.disconnect(),o.cancel()}}}),[]),k?g("div",{className:I.root,style:A,ref:f,children:[g("div",{className:I.header,children:[v(m,{size:16,weight:"medium",className:I.title,children:"Settings"}),q,G&&v(e,{title:z?"Unpin":"Pin",children:v(p,{size:"small",className:z?I.pinnedPinButton:void 0,onClick:R,testId:z?h.UnpinButtonTestId:h.PinButtonTestId,children:v(C,{})})}),v(e,{title:"Close Settings",children:v(p,{testId:h.CloseSettingsButtonTestId,size:"small",onClick:S,children:v(d,{})})})]}),v("div",{className:r(I.content,M&&I.scrollable),children:v("div",{className:I.contentInner,ref:N,children:v(u,{ErrorView:a,children:v(k,{app:y,appData:T,settings:P,onSettingChange:O,onSettingsChange:B,layoutEnvironment:E,currentUser:b})})})})]}):null}));export{f as AppSettings};
+import o from"@babel/runtime/helpers/slicedToArray";import{forwardRef as s,useState as n,useRef as c,useEffect as i}from"react";import{debounce as t}from"lodash";import r from"classnames";import{Text as m}from"../Text/Text.js";import{Tooltip as e}from"../Tooltip/Tooltip.js";import{ButtonIcon as p}from"../ButtonIcon/ButtonIcon.js";import u from"../../components/ErrorBoundary/ErrorBoundary.js";import l from"../../components/ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import{useAppCommonsInternal as a}from"../AppCommonsProvider/AppCommonsContext.js";import{useAppSettingPinning as I}from"./AppSettingsPinningContext.js";import j from"./AppSettings.scss.js";import{CloseSmallIcon as d}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{Pin as C}from"../../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{AppSettingsTestIds as h}from"./AppSettings.constants.js";import{jsxs as g,jsx as v}from"react/jsx-runtime";var f=s((function(s,f){var A=s.rootStyles,F=s.onClose,S=a(),P=S.appSettings,b=S.currentUser,O=S.onSettingChange,B=S.onSettingsChange,E=S.layoutEnvironment,y=S.app,T=S.appData,k=S.appSettingsComponent,x=n(!1),D=o(x,2),M=D[0],U=D[1],N=c(null),R=I(),w=R.isPinned,z=R.onPinClick,G=R.showPinButton,q=R.additionalControls;return i((function(){if(N.current){var o=t((function(){requestAnimationFrame((function(){var o=N.current||{},s=o.clientHeight,n=void 0===s?0:s,c=o.scrollHeight;U(n<(void 0===c?0:c))}))}),200,{leading:!0}),s=new ResizeObserver(o);return N.current&&s.observe(N.current),function(){s.disconnect(),o.cancel()}}}),[]),k?g("div",{className:j.root,style:A,ref:f,children:[g("div",{className:j.header,children:[v(m,{size:16,weight:"medium",className:j.title,children:"Settings"}),q,G&&v(e,{title:w?"Unpin":"Pin",children:v(p,{size:"small",className:w?j.pinnedPinButton:void 0,onClick:z,testId:w?h.UnpinButtonTestId:h.PinButtonTestId,children:v(C,{})})}),v(e,{title:"Close Settings",children:v(p,{testId:h.CloseSettingsButtonTestId,size:"small",onClick:F,children:v(d,{})})})]}),v("div",{className:r(j.content,M&&j.scrollable),children:v("div",{className:j.contentInner,ref:N,children:v(u,{ErrorView:l,children:v(k,{app:y,appData:T,settings:P,onSettingChange:O,onSettingsChange:B,layoutEnvironment:E,currentUser:b})})})})]}):null}));export{f as AppSettings};
 //# sourceMappingURL=AppSettings.js.map

package/componentsV2/AppSettings/AppSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSettings.js","sources":["../../../src/componentsV2/AppSettings/AppSettings.tsx"],"sourcesContent":["import { CSSProperties, forwardRef, useEffect, useRef, useState } from 'react';\nimport { debounce } from 'lodash';\nimport classNames from 'classnames';\n\nimport { Text } from '../Text';\nimport { Tooltip } from '../Tooltip';\nimport { ButtonIcon } from '../ButtonIcon';\nimport ErrorBoundary, { DevCenterAppErrorView } from '../../components/ErrorBoundary';\nimport { useAppCommonsInternal } from '../AppCommonsProvider/AppCommonsContext';\n\nimport { useAppSettingPinning } from './AppSettingsPinningContext';\n\nimport styles from './AppSettings.scss';\n\nimport { CloseSmallIcon, Pin } from '~/icons';\nimport { AppSettingsTestIds } from '~/componentsV2/AppSettings/AppSettings.constants';\n\nexport type AppSettingsProps = {\n  onClose?: () => void;\n  rootStyles?: CSSProperties;\n};\n\nexport const AppSettings = forwardRef<HTMLDivElement, AppSettingsProps>(\n  ({ rootStyles, onClose }, ref) => {\n    const {\n      appSettings,\n      currentUser,\n      onSettingChange,\n      onSettingsChange,\n      layoutEnvironment,\n      app,\n      appData,\n      appSettingsComponent: AppSettingsComponent,\n    } = useAppCommonsInternal();\n    const [isScrollable, setIsScrollable] = useState(false);\n\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const { isPinned, onPinClick, showPinButton, additionalControls } = useAppSettingPinning();\n\n    useEffect(() => {\n      if (containerRef.current) {\n        const onDimensionChange = debounce(\n          () => {\n            requestAnimationFrame(() => {\n              const { clientHeight = 0, scrollHeight = 0 } = containerRef.current || {};\n              setIsScrollable(clientHeight < scrollHeight);\n            });\n          },\n          200,\n          { leading: true }\n        );\n\n        const resizeObserver = new ResizeObserver(onDimensionChange);\n\n        if (containerRef.current) {\n          resizeObserver.observe(containerRef.current);\n        }\n\n        return () => {\n          resizeObserver.disconnect();\n          onDimensionChange.cancel();\n        };\n      }\n\n      return undefined;\n    }, []);\n\n    if (!AppSettingsComponent) {\n      return null;\n    }\n\n    return (\n      <div className={styles.root} style={rootStyles} ref={ref}>\n        <div className={styles.header}>\n          <Text size={16} weight=\"medium\" className={styles.title}>\n            Settings\n          </Text>\n\n          {additionalControls}\n\n          {showPinButton && (\n            <Tooltip title={isPinned ? 'Unpin' : 'Pin'}>\n              <ButtonIcon\n                size=\"small\"\n                className={isPinned ? styles.pinnedPinButton : undefined}\n                onClick={onPinClick}\n                testId={\n                  isPinned\n                    ? AppSettingsTestIds.UnpinButtonTestId\n                    : AppSettingsTestIds.PinButtonTestId\n                }\n              >\n                <Pin />\n              </ButtonIcon>\n            </Tooltip>\n          )}\n\n          <Tooltip title=\"Close Settings\">\n            <ButtonIcon\n              testId={AppSettingsTestIds.CloseSettingsButtonTestId}\n              size=\"small\"\n              onClick={onClose}\n            >\n              <CloseSmallIcon />\n            </ButtonIcon>\n          </Tooltip>\n        </div>\n\n        <div className={classNames(styles.content, isScrollable && styles.scrollable)}>\n          <div className={styles.contentInner} ref={containerRef}>\n            <ErrorBoundary ErrorView={DevCenterAppErrorView}>\n              <AppSettingsComponent\n                app={app}\n                appData={appData}\n                settings={appSettings}\n                onSettingChange={onSettingChange}\n                onSettingsChange={onSettingsChange}\n                layoutEnvironment={layoutEnvironment}\n                currentUser={currentUser}\n              />\n            </ErrorBoundary>\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n"],"names":["AppSettings","forwardRef","_ref","ref","rootStyles","onClose","_useAppCommonsInterna","useAppCommonsInternal","appSettings","currentUser","onSettingChange","onSettingsChange","layoutEnvironment","app","appData","AppSettingsComponent","appSettingsComponent","useState","_useState2","_slicedToArray","_useState","isScrollable","setIsScrollable","containerRef","useRef","_useAppSettingPinning","useAppSettingPinning","isPinned","onPinClick","showPinButton","additionalControls","useEffect","current","onDimensionChange","debounce","requestAnimationFrame","_ref2","_ref2$clientHeight","clientHeight","_ref2$scrollHeight","scrollHeight","leading","resizeObserver","ResizeObserver","observe","disconnect","cancel","_jsxs","className","styles","root","style","children","header","_jsx","Text","size","weight","title","Tooltip","ButtonIcon","pinnedPinButton","undefined","onClick","testId","AppSettingsTestIds","UnpinButtonTestId","PinButtonTestId","Pin","CloseSettingsButtonTestId","CloseSmallIcon","classNames","content","scrollable","contentInner","ErrorBoundary","ErrorView","DevCenterAppErrorView","settings"],"mappings":"y7IAsBaA,EAAcC,GACzB,SAAAC,EAA0BC,GAAQ,IAA/BC,IAAAA,WAAYC,IAAAA,QACbC,EASIC,IARFC,IAAAA,YACAC,IAAAA,YACAC,IAAAA,gBACAC,IAAAA,iBACAC,IAAAA,kBACAC,IAAAA,IACAC,IAAAA,QACsBC,IAAtBC,qBAEsCC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAAhDC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GAE9BK,EAAeC,EAAuB,MAE5CC,EAAoEC,IAA5DC,IAAAA,SAAUC,IAAAA,WAAYC,IAAAA,cAAeC,IAAAA,mBA8B7C,OA5BAC,GAAU,WACR,GAAIR,EAAaS,QAAS,CACxB,IAAMC,EAAoBC,GACxB,WACEC,uBAAsB,WACpB,IAAAC,EAA+Cb,EAAaS,SAAW,CAAE,EAAAK,EAAAD,EAAjEE,aAAAA,aAAe,EAACD,EAAAE,EAAAH,EAAEI,aAC1BlB,EAAgBgB,cADyB,EAACC,GAE5C,GACD,GACD,IACA,CAAEE,SAAS,IAGPC,EAAiB,IAAIC,eAAeV,GAM1C,OAJIV,EAAaS,SACfU,EAAeE,QAAQrB,EAAaS,SAG/B,WACLU,EAAeG,aACfZ,EAAkBa,SAEtB,CAGD,GAAE,IAEE/B,EAKHgC,EAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAMC,MAAO/C,EAAYD,IAAKA,EAAIiD,SACvD,CAAAL,EAAA,MAAA,CAAKC,UAAWC,EAAOI,OAAOD,SAAA,CAC5BE,EAACC,EAAI,CAACC,KAAM,GAAIC,OAAO,SAAST,UAAWC,EAAOS,MAAMN,SAAA,aAIvDtB,EAEAD,GACCyB,EAACK,EAAO,CAACD,MAAO/B,EAAW,QAAU,MAAMyB,SACzCE,EAACM,EAAU,CACTJ,KAAK,QACLR,UAAWrB,EAAWsB,EAAOY,qBAAkBC,EAC/CC,QAASnC,EACToC,OACErC,EACIsC,EAAmBC,kBACnBD,EAAmBE,gBACxBf,SAEDE,EAACc,EAAG,QAKVd,EAACK,EAAO,CAACD,MAAM,iBAAgBN,SAC7BE,EAACM,EAAU,CACTI,OAAQC,EAAmBI,0BAC3Bb,KAAK,QACLO,QAAS1D,EAAQ+C,SAEjBE,EAACgB,EAAc,WAKrBhB,EAAA,MAAA,CAAKN,UAAWuB,EAAWtB,EAAOuB,QAASnD,GAAgB4B,EAAOwB,YAAYrB,SAC5EE,EAAA,MAAA,CAAKN,UAAWC,EAAOyB,aAAcvE,IAAKoB,EAAa6B,SACrDE,EAACqB,EAAa,CAACC,UAAWC,EAAsBzB,SAC9CE,EAACvC,EAAoB,CACnBF,IAAKA,EACLC,QAASA,EACTgE,SAAUtE,EACVE,gBAAiBA,EACjBC,iBAAkBA,EAClBC,kBAAmBA,EACnBH,YAAaA,aAlDhB,IAyDX"}
+{"version":3,"file":"AppSettings.js","sources":["../../../src/componentsV2/AppSettings/AppSettings.tsx"],"sourcesContent":["import { CSSProperties, forwardRef, useEffect, useRef, useState } from 'react';\nimport { debounce } from 'lodash';\nimport classNames from 'classnames';\n\nimport { Text } from '../Text';\nimport { Tooltip } from '../Tooltip';\nimport { ButtonIcon } from '../ButtonIcon';\nimport ErrorBoundary, { DevCenterAppErrorView } from '../../components/ErrorBoundary';\nimport { useAppCommonsInternal } from '../AppCommonsProvider/AppCommonsContext';\n\nimport { useAppSettingPinning } from './AppSettingsPinningContext';\n\nimport styles from './AppSettings.scss';\n\nimport { CloseSmallIcon, Pin } from '~/icons';\nimport { AppSettingsTestIds } from '~/componentsV2/AppSettings/AppSettings.constants';\n\nexport type AppSettingsProps = {\n  onClose?: () => void;\n  rootStyles?: CSSProperties;\n};\n\nexport const AppSettings = forwardRef<HTMLDivElement, AppSettingsProps>(\n  ({ rootStyles, onClose }, ref) => {\n    const {\n      appSettings,\n      currentUser,\n      onSettingChange,\n      onSettingsChange,\n      layoutEnvironment,\n      app,\n      appData,\n      appSettingsComponent: AppSettingsComponent,\n    } = useAppCommonsInternal();\n    const [isScrollable, setIsScrollable] = useState(false);\n\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const { isPinned, onPinClick, showPinButton, additionalControls } = useAppSettingPinning();\n\n    useEffect(() => {\n      if (containerRef.current) {\n        const onDimensionChange = debounce(\n          () => {\n            requestAnimationFrame(() => {\n              const { clientHeight = 0, scrollHeight = 0 } = containerRef.current || {};\n              setIsScrollable(clientHeight < scrollHeight);\n            });\n          },\n          200,\n          { leading: true }\n        );\n\n        const resizeObserver = new ResizeObserver(onDimensionChange);\n\n        if (containerRef.current) {\n          resizeObserver.observe(containerRef.current);\n        }\n\n        return () => {\n          resizeObserver.disconnect();\n          onDimensionChange.cancel();\n        };\n      }\n\n      return undefined;\n    }, []);\n\n    if (!AppSettingsComponent) {\n      return null;\n    }\n\n    return (\n      <div className={styles.root} style={rootStyles} ref={ref}>\n        <div className={styles.header}>\n          <Text size={16} weight=\"medium\" className={styles.title}>\n            Settings\n          </Text>\n\n          {additionalControls}\n\n          {showPinButton && (\n            <Tooltip title={isPinned ? 'Unpin' : 'Pin'}>\n              <ButtonIcon\n                size=\"small\"\n                className={isPinned ? styles.pinnedPinButton : undefined}\n                onClick={onPinClick}\n                testId={\n                  isPinned\n                    ? AppSettingsTestIds.UnpinButtonTestId\n                    : AppSettingsTestIds.PinButtonTestId\n                }\n              >\n                <Pin />\n              </ButtonIcon>\n            </Tooltip>\n          )}\n\n          <Tooltip title=\"Close Settings\">\n            <ButtonIcon\n              testId={AppSettingsTestIds.CloseSettingsButtonTestId}\n              size=\"small\"\n              onClick={onClose}\n            >\n              <CloseSmallIcon />\n            </ButtonIcon>\n          </Tooltip>\n        </div>\n\n        <div className={classNames(styles.content, isScrollable && styles.scrollable)}>\n          <div className={styles.contentInner} ref={containerRef}>\n            <ErrorBoundary ErrorView={DevCenterAppErrorView}>\n              <AppSettingsComponent\n                app={app}\n                appData={appData}\n                settings={appSettings}\n                onSettingChange={onSettingChange}\n                onSettingsChange={onSettingsChange}\n                layoutEnvironment={layoutEnvironment}\n                currentUser={currentUser}\n              />\n            </ErrorBoundary>\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n"],"names":["AppSettings","forwardRef","_ref","ref","rootStyles","onClose","_useAppCommonsInterna","useAppCommonsInternal","appSettings","currentUser","onSettingChange","onSettingsChange","layoutEnvironment","app","appData","AppSettingsComponent","appSettingsComponent","useState","_useState2","_slicedToArray","_useState","isScrollable","setIsScrollable","containerRef","useRef","_useAppSettingPinning","useAppSettingPinning","isPinned","onPinClick","showPinButton","additionalControls","useEffect","current","onDimensionChange","debounce","requestAnimationFrame","_ref2","_ref2$clientHeight","clientHeight","_ref2$scrollHeight","scrollHeight","leading","resizeObserver","ResizeObserver","observe","disconnect","cancel","_jsxs","className","styles","root","style","children","header","_jsx","Text","size","weight","title","Tooltip","ButtonIcon","pinnedPinButton","undefined","onClick","testId","AppSettingsTestIds","UnpinButtonTestId","PinButtonTestId","Pin","CloseSettingsButtonTestId","CloseSmallIcon","classNames","content","scrollable","contentInner","ErrorBoundary","ErrorView","DevCenterAppErrorView","settings"],"mappings":"miJAsBaA,EAAcC,GACzB,SAAAC,EAA0BC,GAAQ,IAA/BC,IAAAA,WAAYC,IAAAA,QACbC,EASIC,IARFC,IAAAA,YACAC,IAAAA,YACAC,IAAAA,gBACAC,IAAAA,iBACAC,IAAAA,kBACAC,IAAAA,IACAC,IAAAA,QACsBC,IAAtBC,qBAEsCC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAAhDC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GAE9BK,EAAeC,EAAuB,MAE5CC,EAAoEC,IAA5DC,IAAAA,SAAUC,IAAAA,WAAYC,IAAAA,cAAeC,IAAAA,mBA8B7C,OA5BAC,GAAU,WACR,GAAIR,EAAaS,QAAS,CACxB,IAAMC,EAAoBC,GACxB,WACEC,uBAAsB,WACpB,IAAAC,EAA+Cb,EAAaS,SAAW,CAAE,EAAAK,EAAAD,EAAjEE,aAAAA,aAAe,EAACD,EAAAE,EAAAH,EAAEI,aAC1BlB,EAAgBgB,cADyB,EAACC,GAE5C,GACD,GACD,IACA,CAAEE,SAAS,IAGPC,EAAiB,IAAIC,eAAeV,GAM1C,OAJIV,EAAaS,SACfU,EAAeE,QAAQrB,EAAaS,SAG/B,WACLU,EAAeG,aACfZ,EAAkBa,SAEtB,CAGD,GAAE,IAEE/B,EAKHgC,EAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAMC,MAAO/C,EAAYD,IAAKA,EAAIiD,SACvD,CAAAL,EAAA,MAAA,CAAKC,UAAWC,EAAOI,OAAOD,SAAA,CAC5BE,EAACC,EAAI,CAACC,KAAM,GAAIC,OAAO,SAAST,UAAWC,EAAOS,MAAMN,SAAA,aAIvDtB,EAEAD,GACCyB,EAACK,EAAO,CAACD,MAAO/B,EAAW,QAAU,MAAMyB,SACzCE,EAACM,EAAU,CACTJ,KAAK,QACLR,UAAWrB,EAAWsB,EAAOY,qBAAkBC,EAC/CC,QAASnC,EACToC,OACErC,EACIsC,EAAmBC,kBACnBD,EAAmBE,gBACxBf,SAEDE,EAACc,EAAG,QAKVd,EAACK,EAAO,CAACD,MAAM,iBAAgBN,SAC7BE,EAACM,EAAU,CACTI,OAAQC,EAAmBI,0BAC3Bb,KAAK,QACLO,QAAS1D,EAAQ+C,SAEjBE,EAACgB,EAAc,WAKrBhB,EAAA,MAAA,CAAKN,UAAWuB,EAAWtB,EAAOuB,QAASnD,GAAgB4B,EAAOwB,YAAYrB,SAC5EE,EAAA,MAAA,CAAKN,UAAWC,EAAOyB,aAAcvE,IAAKoB,EAAa6B,SACrDE,EAACqB,EAAa,CAACC,UAAWC,EAAsBzB,SAC9CE,EAACvC,EAAoB,CACnBF,IAAKA,EACLC,QAASA,EACTgE,SAAUtE,EACVE,gBAAiBA,EACjBC,iBAAkBA,EAClBC,kBAAmBA,EACnBH,YAAaA,aAlDhB,IAyDX"}

package/componentsV2/Autocomplete/Autocomplete.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/toConsumableArray";import n from"@babel/runtime/helpers/typeof";import i from"@babel/runtime/helpers/slicedToArray";import{createFilterOptions as t,Autocomplete as c}from"@material-ui/lab";import{useState as e,useMemo as r,useCallback as m}from"react";import l from"classnames";import{Popper as p}from"../Popper/Popper.js";import{DownIcon as u,CloseSmallIcon as a}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{AutocompleteInput as d}from"./AutocompleteInput/AutocompleteInput.js";import{AutocompletePaper as j}from"./AutocompletePaper.js";import{renderSelectedValue as f,renderSelectedValueChips as I,isRealOption as b,CreateOptionMark as O,AllOptionMark as h,renderOptionDefault as g}from"./utils.js";import{AutocompleteMenuItem as v}from"./AutocompleteMenuItem.js";import{AutocompleteListBox as C}from"./AutocompleteListBox.js";import y from"./Autocomplete.scss.js";import{Menu as A}from"../Menu/Menu.js";import{jsx as P,jsxs as x}from"react/jsx-runtime";function F(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,i)}return n}function D(s){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?F(Object(i),!0).forEach((function(n){o(s,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):F(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var w=function(I){var F=I.label,w=I.options,M=void 0===w?[]:w,N=I.value,S=I.onChange,z=I.multiple,T=I.renderOption,k=void 0===T?g:T,B=I.optionSize,E=void 0===B?"medium":B,G=I.showPopupIcon,L=void 0===G||G,R=I.clearable,V=void 0===R||R,U=I.loading,q=I.noOptionsMessage,W=I.filterOptions,K=I.prefix,Z=I.disabled,H=I.getOptionDisabled,J=I.renderSelected,Q=void 0===J?f:J,X=I.onInputChange,Y=I.className,$=I.testId,_=I.status,oo=I.message,so=I.useAllOption,no=void 0!==so&&so,io=I.useOnlyOptionButton,to=void 0!==io&&io,co=I.groupBy,eo=I.renderGroup,ro=I.disableFiltering,mo=I.onCreate,lo=I.dropdownClassName,po=I.popperProps,uo=I.placeholder,ao=I.focusOnClear,jo=void 0===ao||ao,fo=I.listboxComponent,Io=I.size,bo=void 0===Io?"small":Io,Oo=I.labelPlacement,ho=void 0===Oo?"top":Oo,go=I.elementsClassNames,vo=I.htmlAttributes,Co=I.type,yo=I.spacing,Ao=I.isNext,Po=e(""),xo=i(Po,2),Fo=xo[0],Do=xo[1],wo=r((function(){if(void 0===N||N instanceof Array&&0===N.length)return z?[]:null;var o=N instanceof Array?N:[N];if(z){var i=o.filter((function(o){return"object"!==n(o)})),t=o.filter((function(o){return"object"===n(o)})).map((function(o){return{id:o.id,title:o.title}})),c=M.filter((function(o){return i.includes(o.id)}));return[].concat(s(c),s(t))}return"object"===n(o[0])?o[0]:M.find((function(s){return o[0]===s.id}))||null}),[z,N,M]),Mo=wo instanceof Array&&wo.length>0,No=wo instanceof Array&&wo.length===M.length,So=U?"Loading  ...":"No options",zo=!V||!wo||wo instanceof Array&&!(null!=wo&&wo.length),To=m((function(o){return P(d,D(D({},o),{},{label:F,loading:U,prefix:K,status:_,message:oo,readOnly:ro,placeholder:uo,size:bo,labelPlacement:ho,elementsClassNames:go,htmlAttributes:vo,type:Co,spacing:yo,isNext:Ao}))}),[F,U,K,_,oo,ro,uo,bo,ho,go,vo,Co,yo,Ao]),ko=m((function(o,s,n){if("clear"!==n||jo||(o.stopPropagation(),o.preventDefault()),mo&&s){var i=(s instanceof Array?s:[s]).find((function(o){return!b(o)&&!!o[O]}));if(i)return void mo(i.newOptionTitle||"")}if(z&&s instanceof Array&&s.some((function(o){return!b(o)&&!!o[h]})))return void(wo instanceof Array&&wo.length<M.length?null==S||S(M.filter(b),n,o):null==S||S([],n,o));null==S||S(s||void 0,n,o)}),[jo,mo,z,S,wo,M]),Bo=m((function(o,s){return null==S?void 0:S([o],"select-only-option",s)}),[S]),Eo=m((function(o,s){var n=s.selected;return b(o)?P(v,{size:E,selected:n,prefix:o.prefix,multiple:z,useOnlyButton:to,option:o,onSelectOnly:Bo,children:k(o)}):o[h]?x("div",{className:y.allOptionContainer,children:[P(v,{size:E,selected:Mo,indeterminate:Mo&&!No,multiple:!0,children:o.title}),P(A.Divider,{className:y.allOptionDivider})]}):P(v,{size:E,selected:Mo,children:o.title})}),[E,z,to,Bo,k,Mo,No]),Go=m((function(n,i){var c,e=W?W(n,i.inputValue):t()(n,i),r=no&&z&&e.length&&n.length>1?[o({title:"All"},h,!0)].concat(s(e)):e;return mo&&""!==i.inputValue.trim()?[].concat(s(r),[(c={title:'Add "'.concat(i.inputValue,'"')},o(c,O,!0),o(c,"newOptionTitle",i.inputValue),c)]):r}),[W,mo,no,z]),Lo=m((function(o){return b(o)&&!(null==H||!H(o))}),[H]),Ro=m((function(o){return o.title}),[]),Vo=m((function(o,s){var n=o.filter(b).map((function(o,n){return{option:o,onDelete:s({index:n}).onDelete}}));return Q(n,{useAllOption:no,allOptions:M})}),[Q,no,M]),Uo=m((function(o,s,n){o&&"blur"===o.type?Do(""):"reset"!==n&&Do(s),"reset"!==n&&(null==X||X(s,o))}),[X]),qo=r((function(){if(co)return function(o){return b(o)?co(o):""}}),[co]),Wo=r((function(){return{paper:lo}}),[lo]),Ko=m((function(o,s){return!(!b(o)||!b(s))&&o.id===s.id}),[]),Zo=c,Ho=m((function(o){return P(p,D(D({},o),po))}),[po]);return P("div",{className:l(y.root,L&&y.withArrow,!zo&&y.withClear,Y),"data-testid":$,children:P(Zo,{value:wo,options:M,getOptionLabel:Ro,renderInput:To,PopperComponent:Ho,PaperComponent:j,multiple:z,disableCloseOnSelect:z,blurOnSelect:!z,onChange:ko,renderOption:Eo,popupIcon:P(u,{size:16}),forcePopupIcon:!!L,closeIcon:P(a,{size:16}),disableClearable:zo,clearText:"",noOptionsText:q||So,filterOptions:Go,disabled:Z,getOptionDisabled:Lo,renderTags:Vo,inputValue:z?Fo:void 0,onInputChange:Uo,groupBy:qo,renderGroup:eo,clearOnBlur:!0,selectOnFocus:!ro,classes:Wo,getOptionSelected:Ko,ListboxComponent:null!=fo?fo:C})})},M=function(o){return w(D(D({},o),{},{isNext:!1}))},N=function(o){return w(D(D({},o),{},{isNext:!0}))};N.selectedValueRenderers={default:f,chipsMultiline:I};export{M as Autocomplete,N as AutocompleteNext};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/toConsumableArray";import n from"@babel/runtime/helpers/typeof";import i from"@babel/runtime/helpers/slicedToArray";import{createFilterOptions as t,Autocomplete as c}from"@material-ui/lab";import{useState as e,useMemo as r,useCallback as m}from"react";import l from"classnames";import{Popper as p}from"../Popper/Popper.js";import{DownIcon as u,CloseSmallIcon as a}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/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{AutocompleteInput as d}from"./AutocompleteInput/AutocompleteInput.js";import{AutocompletePaper as j}from"./AutocompletePaper.js";import{renderSelectedValue as f,renderSelectedValueChips as I,isRealOption as b,CreateOptionMark as O,AllOptionMark as h,renderOptionDefault as g}from"./utils.js";import{AutocompleteMenuItem as v}from"./AutocompleteMenuItem.js";import{AutocompleteListBox as C}from"./AutocompleteListBox.js";import y from"./Autocomplete.scss.js";import{Menu as A}from"../Menu/Menu.js";import{jsx as P,jsxs as x}from"react/jsx-runtime";function F(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,i)}return n}function D(s){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?F(Object(i),!0).forEach((function(n){o(s,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):F(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var w=function(I){var F=I.label,w=I.options,M=void 0===w?[]:w,N=I.value,S=I.onChange,z=I.multiple,T=I.renderOption,k=void 0===T?g:T,B=I.optionSize,R=void 0===B?"medium":B,E=I.showPopupIcon,G=void 0===E||E,L=I.clearable,V=void 0===L||L,U=I.loading,q=I.noOptionsMessage,W=I.filterOptions,K=I.prefix,Z=I.disabled,H=I.getOptionDisabled,J=I.renderSelected,Q=void 0===J?f:J,X=I.onInputChange,Y=I.className,$=I.testId,_=I.status,oo=I.message,so=I.useAllOption,no=void 0!==so&&so,io=I.useOnlyOptionButton,to=void 0!==io&&io,co=I.groupBy,eo=I.renderGroup,ro=I.disableFiltering,mo=I.onCreate,lo=I.dropdownClassName,po=I.popperProps,uo=I.placeholder,ao=I.focusOnClear,jo=void 0===ao||ao,fo=I.listboxComponent,Io=I.size,bo=void 0===Io?"small":Io,Oo=I.labelPlacement,ho=void 0===Oo?"top":Oo,go=I.elementsClassNames,vo=I.htmlAttributes,Co=I.type,yo=I.spacing,Ao=I.isNext,Po=e(""),xo=i(Po,2),Fo=xo[0],Do=xo[1],wo=r((function(){if(void 0===N||N instanceof Array&&0===N.length)return z?[]:null;var o=N instanceof Array?N:[N];if(z){var i=o.filter((function(o){return"object"!==n(o)})),t=o.filter((function(o){return"object"===n(o)})).map((function(o){return{id:o.id,title:o.title}})),c=M.filter((function(o){return i.includes(o.id)}));return[].concat(s(c),s(t))}return"object"===n(o[0])?o[0]:M.find((function(s){return o[0]===s.id}))||null}),[z,N,M]),Mo=wo instanceof Array&&wo.length>0,No=wo instanceof Array&&wo.length===M.length,So=U?"Loading  ...":"No options",zo=!V||!wo||wo instanceof Array&&!(null!=wo&&wo.length),To=m((function(o){return P(d,D(D({},o),{},{label:F,loading:U,prefix:K,status:_,message:oo,readOnly:ro,placeholder:uo,size:bo,labelPlacement:ho,elementsClassNames:go,htmlAttributes:vo,type:Co,spacing:yo,isNext:Ao}))}),[F,U,K,_,oo,ro,uo,bo,ho,go,vo,Co,yo,Ao]),ko=m((function(o,s,n){if("clear"!==n||jo||(o.stopPropagation(),o.preventDefault()),mo&&s){var i=(s instanceof Array?s:[s]).find((function(o){return!b(o)&&!!o[O]}));if(i)return void mo(i.newOptionTitle||"")}if(z&&s instanceof Array&&s.some((function(o){return!b(o)&&!!o[h]})))return void(wo instanceof Array&&wo.length<M.length?null==S||S(M.filter(b),n,o):null==S||S([],n,o));null==S||S(s||void 0,n,o)}),[jo,mo,z,S,wo,M]),Bo=m((function(o,s){return null==S?void 0:S([o],"select-only-option",s)}),[S]),Ro=m((function(o,s){var n=s.selected;return b(o)?P(v,{size:R,selected:n,prefix:o.prefix,multiple:z,useOnlyButton:to,option:o,onSelectOnly:Bo,children:k(o)}):o[h]?x("div",{className:y.allOptionContainer,children:[P(v,{size:R,selected:Mo,indeterminate:Mo&&!No,multiple:!0,children:o.title}),P(A.Divider,{className:y.allOptionDivider})]}):P(v,{size:R,selected:Mo,children:o.title})}),[R,z,to,Bo,k,Mo,No]),Eo=m((function(n,i){var c,e=W?W(n,i.inputValue):t()(n,i),r=no&&z&&e.length&&n.length>1?[o({title:"All"},h,!0)].concat(s(e)):e;return mo&&""!==i.inputValue.trim()?[].concat(s(r),[(c={title:'Add "'.concat(i.inputValue,'"')},o(c,O,!0),o(c,"newOptionTitle",i.inputValue),c)]):r}),[W,mo,no,z]),Go=m((function(o){return b(o)&&!(null==H||!H(o))}),[H]),Lo=m((function(o){return o.title}),[]),Vo=m((function(o,s){var n=o.filter(b).map((function(o,n){return{option:o,onDelete:s({index:n}).onDelete}}));return Q(n,{useAllOption:no,allOptions:M})}),[Q,no,M]),Uo=m((function(o,s,n){o&&"blur"===o.type?Do(""):"reset"!==n&&Do(s),"reset"!==n&&(null==X||X(s,o))}),[X]),qo=r((function(){if(co)return function(o){return b(o)?co(o):""}}),[co]),Wo=r((function(){return{paper:lo}}),[lo]),Ko=m((function(o,s){return!(!b(o)||!b(s))&&o.id===s.id}),[]),Zo=c,Ho=m((function(o){return P(p,D(D({},o),po))}),[po]);return P("div",{className:l(y.root,G&&y.withArrow,!zo&&y.withClear,Y),"data-testid":$,children:P(Zo,{value:wo,options:M,getOptionLabel:Lo,renderInput:To,PopperComponent:Ho,PaperComponent:j,multiple:z,disableCloseOnSelect:z,blurOnSelect:!z,onChange:ko,renderOption:Ro,popupIcon:P(u,{size:16}),forcePopupIcon:!!G,closeIcon:P(a,{size:16}),disableClearable:zo,clearText:"",noOptionsText:q||So,filterOptions:Eo,disabled:Z,getOptionDisabled:Go,renderTags:Vo,inputValue:z?Fo:void 0,onInputChange:Uo,groupBy:qo,renderGroup:eo,clearOnBlur:!0,selectOnFocus:!ro,classes:Wo,getOptionSelected:Ko,ListboxComponent:null!=fo?fo:C})})},M=function(o){return w(D(D({},o),{},{isNext:!1}))},N=function(o){return w(D(D({},o),{},{isNext:!0}))};N.selectedValueRenderers={default:f,chipsMultiline:I};export{M as Autocomplete,N as AutocompleteNext};
 //# sourceMappingURL=Autocomplete.js.map

package/componentsV2/Autocomplete/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","sources":["../../../src/componentsV2/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import {\n  Autocomplete as MuiAutocomplete,\n  AutocompleteChangeReason as MuiAutocompleteChangeReason,\n  AutocompleteProps as MuiAutocompleteBaseProps,\n  AutocompleteRenderGroupParams,\n  AutocompleteRenderInputParams,\n  createFilterOptions,\n} from '@material-ui/lab';\nimport {\n  ChangeEvent,\n  ComponentType,\n  HTMLAttributes,\n  MouseEventHandler,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { Popper, PopperProps } from '../Popper';\nimport { MenuItemProps } from '../Menu/MenuItem';\nimport { CloseSmallIcon, DownIcon } from '../../icons';\nimport { TextInputNextProps } from '../TextInputNext';\nimport { TextInputProps } from '../TextInput';\n\nimport { AutocompleteInput } from './AutocompleteInput';\nimport { AutocompletePaper } from './AutocompletePaper';\nimport {\n  AllOptionMark,\n  AutocompleteOption,\n  CreateOptionMark,\n  InternalOption,\n  isRealOption,\n  OwnAddedOption,\n  renderOptionDefault,\n  renderSelectedValue,\n  renderSelectedValueChips,\n} from './utils';\nimport { AutocompleteMenuItem } from './AutocompleteMenuItem';\nimport { AutocompleteListBox } from './AutocompleteListBox';\n\nimport styles from './Autocomplete.scss';\nimport { Menu } from '../Menu';\n\ntype MuiAutocompleteProps<T extends AutocompleteOption> = Required<\n  MuiAutocompleteBaseProps<InternalOption<T>, boolean, false, false>\n>;\n\ntype ChangeReason =\n  | MuiAutocompleteChangeReason\n  | 'select-option-all'\n  | 'remove-option-all'\n  | 'select-only-option';\ntype AutocompletePopperProps = Omit<PopperProps, 'open' | 'anchorEl' | 'children'>;\n\ntype AutocompleteBaseProps<\n  T extends AutocompleteOption = AutocompleteOption,\n  Multiple extends boolean | undefined = false\n> = {\n  /**\n   * Options to allow selection from. Has to be assignable to `{ id: string | number; title: string; prefix?: ReactNode; }[]`\n   */\n  options?: T[];\n  /**\n   * Selected value. If `multiple` is `false | undefined`, and the value is an array, only the first element will be used\n   *\n   * There's a [bug in TS](https://github.com/microsoft/TypeScript/issues/47599) which causes `onChange` prop\n   * to have incorrect typing if we mix T and T['id'] in `value`. Therefore, we can't use the \"correct\" typing\n   * ```\n   * value?: T['id'] | T | (T['id'] | T)[];\n   * ```\n   *\n   * You may need to provide additional typings\n   */\n  value?: string | number | T | (string | number | T)[];\n  /**\n   * If `true`, the component will support multiple selection\n   */\n  multiple?: Multiple;\n  /**\n   * Selection change handler\n   * Receives an array of options if `multiple` is `true`, a single selected option or `undefined` otherwise\n   */\n  onChange?: (\n    value: Multiple extends undefined | false ? T | undefined : T[],\n    reason: ChangeReason,\n    event?: ChangeEvent<unknown>\n  ) => void;\n  label?: ReactNode;\n  placeholder?: string;\n  /**\n   * Controls the size of the options rendered\n   */\n  optionSize?: MenuItemProps['size'];\n  disabled?: boolean;\n  /**\n   * If exists - allows user to create own options. Called when 'Add \"whatever\"' option is selected\n   */\n  onCreate?: (title: string) => void;\n\n  prefix?: ReactNode;\n  loading?: boolean;\n  showPopupIcon?: boolean;\n  /**\n   * Controls the \"Clear\" button that's shown to the right if there is a value\n   */\n  clearable?: boolean;\n  /**\n   * Controls if the field should keep/gain focus after \"Clear\" button is clicked\n   */\n  focusOnClear?: boolean;\n  /**\n   * Triggered when user types something\n   */\n  onInputChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;\n  status?: TextInputNextProps['status'];\n  message?: TextInputNextProps['message'];\n  size?: TextInputNextProps['size'];\n  labelPlacement?: TextInputNextProps['labelPlacement'];\n  /**\n   * Makes internal text field readonly, effectively turning component into a simple `<select/>`\n   */\n  disableFiltering?: boolean;\n\n  renderOption?: (item: T) => ReactNode;\n  /**\n   * Message to show when there are no options\n   */\n  noOptionsMessage?: ReactNode;\n  spacing?: TextInputProps['spacing'];\n  /**\n   * Function that filters options based on input value\n   */\n  filterOptions?: (options: T[], inputValue: string) => T[];\n  /**\n   * Function that determines if an option is disabled. Used to override the default\n   * @param option\n   */\n  getOptionDisabled?: (option: T) => boolean;\n  /**\n   * If `multiple === true` shows an \"All\" option that selects/deselects all options\n   */\n  useAllOption?: boolean;\n  /**\n   * If `multiple === true` shows a \"Select Only\" button on option that selects only the corresponding option\n   */\n  useOnlyOptionButton?: boolean;\n\n  /**\n   * Used to render selected values when `multiple === true`\n   */\n  renderSelected?: (\n    data: { option: T; onDelete: MouseEventHandler }[],\n    options: { useAllOption: boolean; allOptions: T[] }\n  ) => ReactNode;\n\n  /**\n   * Defines option grouping\n   */\n  groupBy?: (option: T) => string;\n  /**\n   * Group render override\n   */\n  renderGroup?: (props: AutocompleteRenderGroupParams) => ReactNode;\n\n  /**\n   * A classname that will be applied to dropdown (`<Paper/>` component)\n   */\n  dropdownClassName?: string;\n  /**\n   * Escape hatch to customize dropdown popper behavior.\n   * `open`, `anchorEl`, and `children` are controlled internally.\n   */\n  popperProps?: Partial<AutocompletePopperProps>;\n\n  type?: 'default' | 'search';\n\n  className?: string;\n  testId?: string;\n\n  /**\n   * Escape hatch to fine-tune the styling of underlying elements\n   */\n  elementsClassNames?: TextInputNextProps['elementsClassNames'];\n\n  /** HTML attributes forwarded to the underlying input. */\n  htmlAttributes?: TextInputNextProps['htmlAttributes'];\n\n  /**\n   * Custom listbox component for rendering options (e.g., virtualized list)\n   */\n  listboxComponent?: ComponentType<HTMLAttributes<HTMLElement>>;\n\n  // TODO Remove when making next a new baseline\n  isNext?: boolean;\n};\n\nexport type AutocompleteChangeHandler<\n  Option extends AutocompleteOption = AutocompleteOption,\n  Multiple extends boolean | undefined = false\n> = Required<AutocompleteBaseProps<Option, Multiple>>['onChange'];\n\nconst AutocompleteBase = <\n  T extends AutocompleteOption,\n  Multiple extends boolean | undefined = false\n>({\n  label,\n  options = [],\n  value,\n  onChange,\n  multiple,\n  renderOption = renderOptionDefault,\n  optionSize = 'medium',\n  showPopupIcon = true,\n  clearable = true,\n  loading,\n  noOptionsMessage,\n  filterOptions,\n  prefix,\n  disabled,\n  getOptionDisabled,\n  renderSelected = renderSelectedValue,\n  onInputChange,\n  className,\n  testId,\n  status,\n  message,\n  useAllOption = false,\n  useOnlyOptionButton = false,\n  groupBy,\n  renderGroup,\n  disableFiltering,\n  onCreate,\n  dropdownClassName,\n  popperProps,\n  placeholder,\n  focusOnClear = true,\n  listboxComponent,\n  size = 'small',\n  labelPlacement = 'top',\n  elementsClassNames,\n  htmlAttributes,\n\n  // Old props\n  type,\n  spacing,\n  isNext,\n}: AutocompleteBaseProps<T, Multiple>) => {\n  const [inputValue, setInputValue] = useState('');\n\n  const muiValue = useMemo(() => {\n    if (value === undefined || (value instanceof Array && value.length === 0)) {\n      return multiple ? [] : null;\n    }\n\n    // Array of either ids or actual values\n    const mixedValues = value instanceof Array ? value : [value];\n\n    if (multiple) {\n      const valuesArray = mixedValues.filter(value => typeof value !== 'object');\n      const objectValues = mixedValues\n        .filter(value => typeof value === 'object')\n        // MUI Autocomplete doesn't like react nodes in value, so we strip everything from the object to the bare minimum\n        .map(({ id, title }) => ({ id, title }));\n      const optionsById = options.filter(option => valuesArray.includes(option.id));\n\n      return [...optionsById, ...objectValues];\n    } else {\n      return typeof mixedValues[0] === 'object'\n        ? mixedValues[0]\n        : options.find(option => mixedValues[0] === option.id) || null;\n    }\n  }, [multiple, value, options]) as MuiAutocompleteBaseProps<T, Multiple, false, false>['value'];\n\n  const hasMultiSelected = muiValue instanceof Array && muiValue.length > 0;\n  const hasAllMultiSelected = muiValue instanceof Array && muiValue.length === options.length;\n  const defaultNoOptionsText = loading ? 'Loading  ...' : 'No options';\n  const disableClearable =\n    !clearable || !muiValue || (muiValue instanceof Array && !muiValue?.length);\n\n  const renderInput = useCallback(\n    (inputProps: AutocompleteRenderInputParams) => (\n      <AutocompleteInput\n        {...inputProps}\n        label={label}\n        loading={loading}\n        prefix={prefix}\n        status={status}\n        message={message}\n        readOnly={disableFiltering}\n        placeholder={placeholder}\n        size={size}\n        labelPlacement={labelPlacement}\n        elementsClassNames={elementsClassNames}\n        htmlAttributes={htmlAttributes}\n        // Old props\n        type={type}\n        spacing={spacing}\n        isNext={isNext}\n      />\n    ),\n    [\n      label,\n      loading,\n      prefix,\n      status,\n      message,\n      disableFiltering,\n      placeholder,\n      size,\n      labelPlacement,\n      elementsClassNames,\n      htmlAttributes,\n      type,\n      spacing,\n      isNext,\n    ]\n  );\n\n  const actualOnChange = useCallback<MuiAutocompleteProps<T>['onChange']>(\n    (event, optionOrArray, reason) => {\n      if (reason === 'clear' && !focusOnClear) {\n        event.stopPropagation();\n        event.preventDefault();\n      }\n\n      // Handling of \"Add\" option\n      if (onCreate && optionOrArray) {\n        const optionArray = optionOrArray instanceof Array ? optionOrArray : [optionOrArray];\n        const foundAddOption: OwnAddedOption | undefined = optionArray.find(\n          option => !isRealOption(option) && !!option[CreateOptionMark]\n        );\n\n        if (foundAddOption) {\n          onCreate(foundAddOption.newOptionTitle || '');\n          return;\n        }\n      }\n\n      // Handling of \"All\" option - only multiselect\n      if (multiple && optionOrArray instanceof Array) {\n        const allOptionExists = optionOrArray.some(\n          option => !isRealOption(option) && !!option[AllOptionMark]\n        );\n\n        if (allOptionExists) {\n          // Selecting \"All\"\n          if (muiValue instanceof Array && muiValue.length < options.length) {\n            onChange?.(options.filter(isRealOption) as never, reason, event);\n          }\n          // Deselecting \"All\"\n          else {\n            onChange?.([] as never, reason, event);\n          }\n          return;\n        }\n      }\n\n      onChange?.((optionOrArray || undefined) as never, reason, event);\n    },\n    [focusOnClear, onCreate, multiple, onChange, muiValue, options]\n  );\n\n  const onSelectOnly = useCallback(\n    (option: T, event: ChangeEvent<object>) =>\n      onChange?.([option] as never, 'select-only-option', event),\n    [onChange]\n  );\n\n  const actualRenderOption = useCallback<MuiAutocompleteProps<T>['renderOption']>(\n    (option: InternalOption<T>, { selected }) => {\n      if (isRealOption(option)) {\n        return (\n          <AutocompleteMenuItem\n            size={optionSize}\n            selected={selected}\n            prefix={option.prefix}\n            multiple={multiple}\n            useOnlyButton={useOnlyOptionButton}\n            option={option}\n            onSelectOnly={onSelectOnly}\n          >\n            {renderOption(option)}\n          </AutocompleteMenuItem>\n        );\n      } else if (option[AllOptionMark]) {\n        return (\n          <div className={styles.allOptionContainer}>\n            <AutocompleteMenuItem\n              size={optionSize}\n              selected={hasMultiSelected}\n              indeterminate={hasMultiSelected && !hasAllMultiSelected}\n              multiple\n            >\n              {option.title}\n            </AutocompleteMenuItem>\n            <Menu.Divider className={styles.allOptionDivider} />\n          </div>\n        );\n      } else {\n        return (\n          <AutocompleteMenuItem size={optionSize} selected={hasMultiSelected}>\n            {option.title}\n          </AutocompleteMenuItem>\n        );\n      }\n    },\n    [\n      optionSize,\n      multiple,\n      useOnlyOptionButton,\n      onSelectOnly,\n      renderOption,\n      hasMultiSelected,\n      hasAllMultiSelected,\n    ]\n  );\n\n  const actualFilterOptions = useCallback<MuiAutocompleteProps<T>['filterOptions']>(\n    (options, params): InternalOption<T>[] => {\n      const filteredOptions = filterOptions\n        ? filterOptions(options as T[], params.inputValue)\n        : createFilterOptions<T>()(options as T[], params);\n\n      // Adding \"All\" option if needed\n      const optionsWithAll =\n        useAllOption && multiple && filteredOptions.length && options.length > 1\n          ? [{ title: 'All', [AllOptionMark]: true }, ...filteredOptions]\n          : filteredOptions;\n\n      // Adding \"Add\" option if needed\n      return onCreate && params.inputValue.trim() !== ''\n        ? [\n            ...optionsWithAll,\n            {\n              title: `Add \"${params.inputValue}\"`,\n              [CreateOptionMark]: true,\n              newOptionTitle: params.inputValue,\n            },\n          ]\n        : optionsWithAll;\n    },\n    [filterOptions, onCreate, useAllOption, multiple]\n  );\n\n  const actualGetOptionDisabled = useCallback<MuiAutocompleteProps<T>['getOptionDisabled']>(\n    option => isRealOption(option) && !!getOptionDisabled?.(option),\n    [getOptionDisabled]\n  );\n\n  const getOptionLabel = useCallback<MuiAutocompleteProps<T>['getOptionLabel']>(\n    option => option.title,\n    []\n  );\n\n  const renderTags = useCallback<MuiAutocompleteProps<T>['renderTags']>(\n    (tags, getTagProps) => {\n      const tagsArray = tags.filter(isRealOption).map((option, index) => {\n        // Untyped in MUI, so we have to do it ourselves\n        const { onDelete } = getTagProps({ index }) as { onDelete: MouseEventHandler };\n        return { option, onDelete };\n      });\n\n      return renderSelected(tagsArray, { useAllOption, allOptions: options });\n    },\n    [renderSelected, useAllOption, options]\n  );\n\n  const actualOnInputChange = useCallback<MuiAutocompleteProps<T>['onInputChange']>(\n    (event, value, reason) => {\n      if (event && event.type === 'blur') {\n        setInputValue('');\n      } else if (reason !== 'reset') {\n        setInputValue(value);\n      }\n\n      if (reason !== 'reset') {\n        onInputChange?.(value, event as ChangeEvent<HTMLInputElement>);\n      }\n    },\n    [onInputChange]\n  );\n\n  const actualGroupBy = useMemo<MuiAutocompleteProps<T>['groupBy'] | undefined>(() => {\n    if (groupBy) {\n      return option => {\n        if (isRealOption(option)) {\n          return groupBy(option);\n        }\n\n        return '';\n      };\n    }\n\n    return undefined;\n  }, [groupBy]);\n\n  const classes = useMemo(() => ({ paper: dropdownClassName }), [dropdownClassName]);\n\n  const getOptionSelected = useCallback((a: InternalOption<T>, b: InternalOption<T>) => {\n    return isRealOption(a) && isRealOption(b) ? a.id === b.id : false;\n  }, []);\n\n  const Component = MuiAutocomplete<InternalOption<T>, Multiple, boolean, false>;\n\n  const PopperComponent = useCallback(\n    (props: PopperProps) => <Popper {...props} {...popperProps} />,\n    [popperProps]\n  ) as NonNullable<MuiAutocompleteProps<T>['PopperComponent']>;\n\n  return (\n    <div\n      className={classNames(\n        styles.root,\n        showPopupIcon && styles.withArrow,\n        !disableClearable && styles.withClear,\n        className\n      )}\n      data-testid={testId}\n    >\n      <Component\n        value={muiValue}\n        options={options}\n        getOptionLabel={getOptionLabel}\n        renderInput={renderInput}\n        PopperComponent={PopperComponent}\n        PaperComponent={AutocompletePaper}\n        multiple={multiple}\n        disableCloseOnSelect={multiple}\n        blurOnSelect={!multiple}\n        onChange={actualOnChange}\n        renderOption={actualRenderOption}\n        popupIcon={<DownIcon size={16} />}\n        forcePopupIcon={!!showPopupIcon}\n        closeIcon={<CloseSmallIcon size={16} />}\n        disableClearable={disableClearable}\n        clearText=\"\"\n        noOptionsText={noOptionsMessage || defaultNoOptionsText}\n        filterOptions={actualFilterOptions}\n        disabled={disabled}\n        getOptionDisabled={actualGetOptionDisabled}\n        renderTags={renderTags}\n        inputValue={multiple ? inputValue : undefined}\n        onInputChange={actualOnInputChange}\n        groupBy={actualGroupBy}\n        renderGroup={renderGroup}\n        clearOnBlur\n        selectOnFocus={!disableFiltering}\n        classes={classes}\n        getOptionSelected={getOptionSelected}\n        ListboxComponent={listboxComponent ?? AutocompleteListBox}\n      />\n    </div>\n  );\n};\n\n// Old version\n/**\n * @deprecated use `AutocompleteNext`, and see migration guide for `TextInputNext` for details\n */\nexport type AutocompleteProps<\n  T extends AutocompleteOption = AutocompleteOption,\n  Multiple extends boolean | undefined = false\n> = Omit<\n  AutocompleteBaseProps<T, Multiple>,\n  'size' | 'labelPlacement' | 'elementsClassNames' | 'htmlAttributes' | 'isNext'\n>;\n\n/**\n * @deprecated use `AutocompleteNext`, and see migration guide for `TextInputNext` for details\n */\nexport const Autocomplete = <\n  T extends AutocompleteOption,\n  Multiple extends boolean | undefined = false\n>(\n  props: AutocompleteProps<T, Multiple>\n) => AutocompleteBase<T, Multiple>({ ...props, isNext: false });\n\n// New version\nexport type AutocompleteNextProps<\n  T extends AutocompleteOption = AutocompleteOption,\n  Multiple extends boolean | undefined = false\n> = Omit<AutocompleteBaseProps<T, Multiple>, 'type' | 'spacing' | 'isNext'>;\n\nexport const AutocompleteNext = <\n  T extends AutocompleteOption,\n  Multiple extends boolean | undefined = false\n>(\n  props: AutocompleteNextProps<T, Multiple>\n) => AutocompleteBase<T, Multiple>({ ...props, isNext: true });\n\nAutocompleteNext.selectedValueRenderers = {\n  default: renderSelectedValue,\n  chipsMultiline: renderSelectedValueChips,\n};\n"],"names":["AutocompleteBase","_ref","label","_ref$options","options","value","onChange","multiple","_ref$renderOption","renderOption","renderOptionDefault","_ref$optionSize","optionSize","_ref$showPopupIcon","showPopupIcon","_ref$clearable","clearable","loading","noOptionsMessage","filterOptions","prefix","disabled","getOptionDisabled","_ref$renderSelected","renderSelected","renderSelectedValue","onInputChange","className","testId","status","message","_ref$useAllOption","useAllOption","_ref$useOnlyOptionBut","useOnlyOptionButton","groupBy","renderGroup","disableFiltering","onCreate","dropdownClassName","popperProps","placeholder","_ref$focusOnClear","focusOnClear","listboxComponent","_ref$size","size","_ref$labelPlacement","labelPlacement","elementsClassNames","htmlAttributes","type","spacing","isNext","useState","_useState2","_slicedToArray","_useState","inputValue","setInputValue","muiValue","useMemo","undefined","Array","length","mixedValues","valuesArray","filter","_typeof","objectValues","map","_ref2","id","title","optionsById","option","includes","find","hasMultiSelected","hasAllMultiSelected","defaultNoOptionsText","disableClearable","renderInput","useCallback","inputProps","_jsx","AutocompleteInput","_objectSpread","readOnly","actualOnChange","event","optionOrArray","reason","stopPropagation","preventDefault","foundAddOption","isRealOption","CreateOptionMark","newOptionTitle","some","AllOptionMark","onSelectOnly","actualRenderOption","_ref3","selected","AutocompleteMenuItem","useOnlyButton","children","_jsxs","styles","allOptionContainer","indeterminate","Menu","Divider","allOptionDivider","actualFilterOptions","params","_ref5","filteredOptions","createFilterOptions","optionsWithAll","_defineProperty","trim","concat","_toConsumableArray","actualGetOptionDisabled","getOptionLabel","renderTags","tags","getTagProps","tagsArray","index","onDelete","allOptions","actualOnInputChange","actualGroupBy","classes","paper","getOptionSelected","a","b","Component","MuiAutocomplete","PopperComponent","props","Popper","classNames","root","withArrow","withClear","PaperComponent","AutocompletePaper","disableCloseOnSelect","blurOnSelect","popupIcon","DownIcon","forcePopupIcon","closeIcon","CloseSmallIcon","clearText","noOptionsText","clearOnBlur","selectOnFocus","ListboxComponent","AutocompleteListBox","Autocomplete","AutocompleteNext","selectedValueRenderers","default","chipsMultiline","renderSelectedValueChips"],"mappings":"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"}
+{"version":3,"file":"Autocomplete.js","sources":["../../../src/componentsV2/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import {\n  Autocomplete as MuiAutocomplete,\n  AutocompleteChangeReason as MuiAutocompleteChangeReason,\n  AutocompleteProps as MuiAutocompleteBaseProps,\n  AutocompleteRenderGroupParams,\n  AutocompleteRenderInputParams,\n  createFilterOptions,\n} from '@material-ui/lab';\nimport {\n  ChangeEvent,\n  ComponentType,\n  HTMLAttributes,\n  MouseEventHandler,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { Popper, PopperProps } from '../Popper';\nimport { MenuItemProps } from '../Menu/MenuItem';\nimport { CloseSmallIcon, DownIcon } from '../../icons';\nimport { TextInputNextProps } from '../TextInputNext';\nimport { TextInputProps } from '../TextInput';\n\nimport { AutocompleteInput } from './AutocompleteInput';\nimport { AutocompletePaper } from './AutocompletePaper';\nimport {\n  AllOptionMark,\n  AutocompleteOption,\n  CreateOptionMark,\n  InternalOption,\n  isRealOption,\n  OwnAddedOption,\n  renderOptionDefault,\n  renderSelectedValue,\n  renderSelectedValueChips,\n} from './utils';\nimport { AutocompleteMenuItem } from './AutocompleteMenuItem';\nimport { AutocompleteListBox } from './AutocompleteListBox';\n\nimport styles from './Autocomplete.scss';\nimport { Menu } from '../Menu';\n\ntype MuiAutocompleteProps<T extends AutocompleteOption> = Required<\n  MuiAutocompleteBaseProps<InternalOption<T>, boolean, false, false>\n>;\n\ntype ChangeReason =\n  | MuiAutocompleteChangeReason\n  | 'select-option-all'\n  | 'remove-option-all'\n  | 'select-only-option';\ntype AutocompletePopperProps = Omit<PopperProps, 'open' | 'anchorEl' | 'children'>;\n\ntype AutocompleteBaseProps<\n  T extends AutocompleteOption = AutocompleteOption,\n  Multiple extends boolean | undefined = false\n> = {\n  /**\n   * Options to allow selection from. Has to be assignable to `{ id: string | number; title: string; prefix?: ReactNode; }[]`\n   */\n  options?: T[];\n  /**\n   * Selected value. If `multiple` is `false | undefined`, and the value is an array, only the first element will be used\n   *\n   * There's a [bug in TS](https://github.com/microsoft/TypeScript/issues/47599) which causes `onChange` prop\n   * to have incorrect typing if we mix T and T['id'] in `value`. Therefore, we can't use the \"correct\" typing\n   * ```\n   * value?: T['id'] | T | (T['id'] | T)[];\n   * ```\n   *\n   * You may need to provide additional typings\n   */\n  value?: string | number | T | (string | number | T)[];\n  /**\n   * If `true`, the component will support multiple selection\n   */\n  multiple?: Multiple;\n  /**\n   * Selection change handler\n   * Receives an array of options if `multiple` is `true`, a single selected option or `undefined` otherwise\n   */\n  onChange?: (\n    value: Multiple extends undefined | false ? T | undefined : T[],\n    reason: ChangeReason,\n    event?: ChangeEvent<unknown>\n  ) => void;\n  label?: ReactNode;\n  placeholder?: string;\n  /**\n   * Controls the size of the options rendered\n   */\n  optionSize?: MenuItemProps['size'];\n  disabled?: boolean;\n  /**\n   * If exists - allows user to create own options. Called when 'Add \"whatever\"' option is selected\n   */\n  onCreate?: (title: string) => void;\n\n  prefix?: ReactNode;\n  loading?: boolean;\n  showPopupIcon?: boolean;\n  /**\n   * Controls the \"Clear\" button that's shown to the right if there is a value\n   */\n  clearable?: boolean;\n  /**\n   * Controls if the field should keep/gain focus after \"Clear\" button is clicked\n   */\n  focusOnClear?: boolean;\n  /**\n   * Triggered when user types something\n   */\n  onInputChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;\n  status?: TextInputNextProps['status'];\n  message?: TextInputNextProps['message'];\n  size?: TextInputNextProps['size'];\n  labelPlacement?: TextInputNextProps['labelPlacement'];\n  /**\n   * Makes internal text field readonly, effectively turning component into a simple `<select/>`\n   */\n  disableFiltering?: boolean;\n\n  renderOption?: (item: T) => ReactNode;\n  /**\n   * Message to show when there are no options\n   */\n  noOptionsMessage?: ReactNode;\n  spacing?: TextInputProps['spacing'];\n  /**\n   * Function that filters options based on input value\n   */\n  filterOptions?: (options: T[], inputValue: string) => T[];\n  /**\n   * Function that determines if an option is disabled. Used to override the default\n   * @param option\n   */\n  getOptionDisabled?: (option: T) => boolean;\n  /**\n   * If `multiple === true` shows an \"All\" option that selects/deselects all options\n   */\n  useAllOption?: boolean;\n  /**\n   * If `multiple === true` shows a \"Select Only\" button on option that selects only the corresponding option\n   */\n  useOnlyOptionButton?: boolean;\n\n  /**\n   * Used to render selected values when `multiple === true`\n   */\n  renderSelected?: (\n    data: { option: T; onDelete: MouseEventHandler }[],\n    options: { useAllOption: boolean; allOptions: T[] }\n  ) => ReactNode;\n\n  /**\n   * Defines option grouping\n   */\n  groupBy?: (option: T) => string;\n  /**\n   * Group render override\n   */\n  renderGroup?: (props: AutocompleteRenderGroupParams) => ReactNode;\n\n  /**\n   * A classname that will be applied to dropdown (`<Paper/>` component)\n   */\n  dropdownClassName?: string;\n  /**\n   * Escape hatch to customize dropdown popper behavior.\n   * `open`, `anchorEl`, and `children` are controlled internally.\n   */\n  popperProps?: Partial<AutocompletePopperProps>;\n\n  type?: 'default' | 'search';\n\n  className?: string;\n  testId?: string;\n\n  /**\n   * Escape hatch to fine-tune the styling of underlying elements\n   */\n  elementsClassNames?: TextInputNextProps['elementsClassNames'];\n\n  /** HTML attributes forwarded to the underlying input. */\n  htmlAttributes?: TextInputNextProps['htmlAttributes'];\n\n  /**\n   * Custom listbox component for rendering options (e.g., virtualized list)\n   */\n  listboxComponent?: ComponentType<HTMLAttributes<HTMLElement>>;\n\n  // TODO Remove when making next a new baseline\n  isNext?: boolean;\n};\n\nexport type AutocompleteChangeHandler<\n  Option extends AutocompleteOption = AutocompleteOption,\n  Multiple extends boolean | undefined = false\n> = Required<AutocompleteBaseProps<Option, Multiple>>['onChange'];\n\nconst AutocompleteBase = <\n  T extends AutocompleteOption,\n  Multiple extends boolean | undefined = false\n>({\n  label,\n  options = [],\n  value,\n  onChange,\n  multiple,\n  renderOption = renderOptionDefault,\n  optionSize = 'medium',\n  showPopupIcon = true,\n  clearable = true,\n  loading,\n  noOptionsMessage,\n  filterOptions,\n  prefix,\n  disabled,\n  getOptionDisabled,\n  renderSelected = renderSelectedValue,\n  onInputChange,\n  className,\n  testId,\n  status,\n  message,\n  useAllOption = false,\n  useOnlyOptionButton = false,\n  groupBy,\n  renderGroup,\n  disableFiltering,\n  onCreate,\n  dropdownClassName,\n  popperProps,\n  placeholder,\n  focusOnClear = true,\n  listboxComponent,\n  size = 'small',\n  labelPlacement = 'top',\n  elementsClassNames,\n  htmlAttributes,\n\n  // Old props\n  type,\n  spacing,\n  isNext,\n}: AutocompleteBaseProps<T, Multiple>) => {\n  const [inputValue, setInputValue] = useState('');\n\n  const muiValue = useMemo(() => {\n    if (value === undefined || (value instanceof Array && value.length === 0)) {\n      return multiple ? [] : null;\n    }\n\n    // Array of either ids or actual values\n    const mixedValues = value instanceof Array ? value : [value];\n\n    if (multiple) {\n      const valuesArray = mixedValues.filter(value => typeof value !== 'object');\n      const objectValues = mixedValues\n        .filter(value => typeof value === 'object')\n        // MUI Autocomplete doesn't like react nodes in value, so we strip everything from the object to the bare minimum\n        .map(({ id, title }) => ({ id, title }));\n      const optionsById = options.filter(option => valuesArray.includes(option.id));\n\n      return [...optionsById, ...objectValues];\n    } else {\n      return typeof mixedValues[0] === 'object'\n        ? mixedValues[0]\n        : options.find(option => mixedValues[0] === option.id) || null;\n    }\n  }, [multiple, value, options]) as MuiAutocompleteBaseProps<T, Multiple, false, false>['value'];\n\n  const hasMultiSelected = muiValue instanceof Array && muiValue.length > 0;\n  const hasAllMultiSelected = muiValue instanceof Array && muiValue.length === options.length;\n  const defaultNoOptionsText = loading ? 'Loading  ...' : 'No options';\n  const disableClearable =\n    !clearable || !muiValue || (muiValue instanceof Array && !muiValue?.length);\n\n  const renderInput = useCallback(\n    (inputProps: AutocompleteRenderInputParams) => (\n      <AutocompleteInput\n        {...inputProps}\n        label={label}\n        loading={loading}\n        prefix={prefix}\n        status={status}\n        message={message}\n        readOnly={disableFiltering}\n        placeholder={placeholder}\n        size={size}\n        labelPlacement={labelPlacement}\n        elementsClassNames={elementsClassNames}\n        htmlAttributes={htmlAttributes}\n        // Old props\n        type={type}\n        spacing={spacing}\n        isNext={isNext}\n      />\n    ),\n    [\n      label,\n      loading,\n      prefix,\n      status,\n      message,\n      disableFiltering,\n      placeholder,\n      size,\n      labelPlacement,\n      elementsClassNames,\n      htmlAttributes,\n      type,\n      spacing,\n      isNext,\n    ]\n  );\n\n  const actualOnChange = useCallback<MuiAutocompleteProps<T>['onChange']>(\n    (event, optionOrArray, reason) => {\n      if (reason === 'clear' && !focusOnClear) {\n        event.stopPropagation();\n        event.preventDefault();\n      }\n\n      // Handling of \"Add\" option\n      if (onCreate && optionOrArray) {\n        const optionArray = optionOrArray instanceof Array ? optionOrArray : [optionOrArray];\n        const foundAddOption: OwnAddedOption | undefined = optionArray.find(\n          option => !isRealOption(option) && !!option[CreateOptionMark]\n        );\n\n        if (foundAddOption) {\n          onCreate(foundAddOption.newOptionTitle || '');\n          return;\n        }\n      }\n\n      // Handling of \"All\" option - only multiselect\n      if (multiple && optionOrArray instanceof Array) {\n        const allOptionExists = optionOrArray.some(\n          option => !isRealOption(option) && !!option[AllOptionMark]\n        );\n\n        if (allOptionExists) {\n          // Selecting \"All\"\n          if (muiValue instanceof Array && muiValue.length < options.length) {\n            onChange?.(options.filter(isRealOption) as never, reason, event);\n          }\n          // Deselecting \"All\"\n          else {\n            onChange?.([] as never, reason, event);\n          }\n          return;\n        }\n      }\n\n      onChange?.((optionOrArray || undefined) as never, reason, event);\n    },\n    [focusOnClear, onCreate, multiple, onChange, muiValue, options]\n  );\n\n  const onSelectOnly = useCallback(\n    (option: T, event: ChangeEvent<object>) =>\n      onChange?.([option] as never, 'select-only-option', event),\n    [onChange]\n  );\n\n  const actualRenderOption = useCallback<MuiAutocompleteProps<T>['renderOption']>(\n    (option: InternalOption<T>, { selected }) => {\n      if (isRealOption(option)) {\n        return (\n          <AutocompleteMenuItem\n            size={optionSize}\n            selected={selected}\n            prefix={option.prefix}\n            multiple={multiple}\n            useOnlyButton={useOnlyOptionButton}\n            option={option}\n            onSelectOnly={onSelectOnly}\n          >\n            {renderOption(option)}\n          </AutocompleteMenuItem>\n        );\n      } else if (option[AllOptionMark]) {\n        return (\n          <div className={styles.allOptionContainer}>\n            <AutocompleteMenuItem\n              size={optionSize}\n              selected={hasMultiSelected}\n              indeterminate={hasMultiSelected && !hasAllMultiSelected}\n              multiple\n            >\n              {option.title}\n            </AutocompleteMenuItem>\n            <Menu.Divider className={styles.allOptionDivider} />\n          </div>\n        );\n      } else {\n        return (\n          <AutocompleteMenuItem size={optionSize} selected={hasMultiSelected}>\n            {option.title}\n          </AutocompleteMenuItem>\n        );\n      }\n    },\n    [\n      optionSize,\n      multiple,\n      useOnlyOptionButton,\n      onSelectOnly,\n      renderOption,\n      hasMultiSelected,\n      hasAllMultiSelected,\n    ]\n  );\n\n  const actualFilterOptions = useCallback<MuiAutocompleteProps<T>['filterOptions']>(\n    (options, params): InternalOption<T>[] => {\n      const filteredOptions = filterOptions\n        ? filterOptions(options as T[], params.inputValue)\n        : createFilterOptions<T>()(options as T[], params);\n\n      // Adding \"All\" option if needed\n      const optionsWithAll =\n        useAllOption && multiple && filteredOptions.length && options.length > 1\n          ? [{ title: 'All', [AllOptionMark]: true }, ...filteredOptions]\n          : filteredOptions;\n\n      // Adding \"Add\" option if needed\n      return onCreate && params.inputValue.trim() !== ''\n        ? [\n            ...optionsWithAll,\n            {\n              title: `Add \"${params.inputValue}\"`,\n              [CreateOptionMark]: true,\n              newOptionTitle: params.inputValue,\n            },\n          ]\n        : optionsWithAll;\n    },\n    [filterOptions, onCreate, useAllOption, multiple]\n  );\n\n  const actualGetOptionDisabled = useCallback<MuiAutocompleteProps<T>['getOptionDisabled']>(\n    option => isRealOption(option) && !!getOptionDisabled?.(option),\n    [getOptionDisabled]\n  );\n\n  const getOptionLabel = useCallback<MuiAutocompleteProps<T>['getOptionLabel']>(\n    option => option.title,\n    []\n  );\n\n  const renderTags = useCallback<MuiAutocompleteProps<T>['renderTags']>(\n    (tags, getTagProps) => {\n      const tagsArray = tags.filter(isRealOption).map((option, index) => {\n        // Untyped in MUI, so we have to do it ourselves\n        const { onDelete } = getTagProps({ index }) as { onDelete: MouseEventHandler };\n        return { option, onDelete };\n      });\n\n      return renderSelected(tagsArray, { useAllOption, allOptions: options });\n    },\n    [renderSelected, useAllOption, options]\n  );\n\n  const actualOnInputChange = useCallback<MuiAutocompleteProps<T>['onInputChange']>(\n    (event, value, reason) => {\n      if (event && event.type === 'blur') {\n        setInputValue('');\n      } else if (reason !== 'reset') {\n        setInputValue(value);\n      }\n\n      if (reason !== 'reset') {\n        onInputChange?.(value, event as ChangeEvent<HTMLInputElement>);\n      }\n    },\n    [onInputChange]\n  );\n\n  const actualGroupBy = useMemo<MuiAutocompleteProps<T>['groupBy'] | undefined>(() => {\n    if (groupBy) {\n      return option => {\n        if (isRealOption(option)) {\n          return groupBy(option);\n        }\n\n        return '';\n      };\n    }\n\n    return undefined;\n  }, [groupBy]);\n\n  const classes = useMemo(() => ({ paper: dropdownClassName }), [dropdownClassName]);\n\n  const getOptionSelected = useCallback((a: InternalOption<T>, b: InternalOption<T>) => {\n    return isRealOption(a) && isRealOption(b) ? a.id === b.id : false;\n  }, []);\n\n  const Component = MuiAutocomplete<InternalOption<T>, Multiple, boolean, false>;\n\n  const PopperComponent = useCallback(\n    (props: PopperProps) => <Popper {...props} {...popperProps} />,\n    [popperProps]\n  ) as NonNullable<MuiAutocompleteProps<T>['PopperComponent']>;\n\n  return (\n    <div\n      className={classNames(\n        styles.root,\n        showPopupIcon && styles.withArrow,\n        !disableClearable && styles.withClear,\n        className\n      )}\n      data-testid={testId}\n    >\n      <Component\n        value={muiValue}\n        options={options}\n        getOptionLabel={getOptionLabel}\n        renderInput={renderInput}\n        PopperComponent={PopperComponent}\n        PaperComponent={AutocompletePaper}\n        multiple={multiple}\n        disableCloseOnSelect={multiple}\n        blurOnSelect={!multiple}\n        onChange={actualOnChange}\n        renderOption={actualRenderOption}\n        popupIcon={<DownIcon size={16} />}\n        forcePopupIcon={!!showPopupIcon}\n        closeIcon={<CloseSmallIcon size={16} />}\n        disableClearable={disableClearable}\n        clearText=\"\"\n        noOptionsText={noOptionsMessage || defaultNoOptionsText}\n        filterOptions={actualFilterOptions}\n        disabled={disabled}\n        getOptionDisabled={actualGetOptionDisabled}\n        renderTags={renderTags}\n        inputValue={multiple ? inputValue : undefined}\n        onInputChange={actualOnInputChange}\n        groupBy={actualGroupBy}\n        renderGroup={renderGroup}\n        clearOnBlur\n        selectOnFocus={!disableFiltering}\n        classes={classes}\n        getOptionSelected={getOptionSelected}\n        ListboxComponent={listboxComponent ?? AutocompleteListBox}\n      />\n    </div>\n  );\n};\n\n// Old version\n/**\n * @deprecated use `AutocompleteNext`, and see migration guide for `TextInputNext` for details\n */\nexport type AutocompleteProps<\n  T extends AutocompleteOption = AutocompleteOption,\n  Multiple extends boolean | undefined = false\n> = Omit<\n  AutocompleteBaseProps<T, Multiple>,\n  'size' | 'labelPlacement' | 'elementsClassNames' | 'htmlAttributes' | 'isNext'\n>;\n\n/**\n * @deprecated use `AutocompleteNext`, and see migration guide for `TextInputNext` for details\n */\nexport const Autocomplete = <\n  T extends AutocompleteOption,\n  Multiple extends boolean | undefined = false\n>(\n  props: AutocompleteProps<T, Multiple>\n) => AutocompleteBase<T, Multiple>({ ...props, isNext: false });\n\n// New version\nexport type AutocompleteNextProps<\n  T extends AutocompleteOption = AutocompleteOption,\n  Multiple extends boolean | undefined = false\n> = Omit<AutocompleteBaseProps<T, Multiple>, 'type' | 'spacing' | 'isNext'>;\n\nexport const AutocompleteNext = <\n  T extends AutocompleteOption,\n  Multiple extends boolean | undefined = false\n>(\n  props: AutocompleteNextProps<T, Multiple>\n) => AutocompleteBase<T, Multiple>({ ...props, isNext: true });\n\nAutocompleteNext.selectedValueRenderers = {\n  default: renderSelectedValue,\n  chipsMultiline: renderSelectedValueChips,\n};\n"],"names":["AutocompleteBase","_ref","label","_ref$options","options","value","onChange","multiple","_ref$renderOption","renderOption","renderOptionDefault","_ref$optionSize","optionSize","_ref$showPopupIcon","showPopupIcon","_ref$clearable","clearable","loading","noOptionsMessage","filterOptions","prefix","disabled","getOptionDisabled","_ref$renderSelected","renderSelected","renderSelectedValue","onInputChange","className","testId","status","message","_ref$useAllOption","useAllOption","_ref$useOnlyOptionBut","useOnlyOptionButton","groupBy","renderGroup","disableFiltering","onCreate","dropdownClassName","popperProps","placeholder","_ref$focusOnClear","focusOnClear","listboxComponent","_ref$size","size","_ref$labelPlacement","labelPlacement","elementsClassNames","htmlAttributes","type","spacing","isNext","useState","_useState2","_slicedToArray","_useState","inputValue","setInputValue","muiValue","useMemo","undefined","Array","length","mixedValues","valuesArray","filter","_typeof","objectValues","map","_ref2","id","title","optionsById","option","includes","find","hasMultiSelected","hasAllMultiSelected","defaultNoOptionsText","disableClearable","renderInput","useCallback","inputProps","_jsx","AutocompleteInput","_objectSpread","readOnly","actualOnChange","event","optionOrArray","reason","stopPropagation","preventDefault","foundAddOption","isRealOption","CreateOptionMark","newOptionTitle","some","AllOptionMark","onSelectOnly","actualRenderOption","_ref3","selected","AutocompleteMenuItem","useOnlyButton","children","_jsxs","styles","allOptionContainer","indeterminate","Menu","Divider","allOptionDivider","actualFilterOptions","params","_ref5","filteredOptions","createFilterOptions","optionsWithAll","_defineProperty","trim","concat","_toConsumableArray","actualGetOptionDisabled","getOptionLabel","renderTags","tags","getTagProps","tagsArray","index","onDelete","allOptions","actualOnInputChange","actualGroupBy","classes","paper","getOptionSelected","a","b","Component","MuiAutocomplete","PopperComponent","props","Popper","classNames","root","withArrow","withClear","PaperComponent","AutocompletePaper","disableCloseOnSelect","blurOnSelect","popupIcon","DownIcon","forcePopupIcon","closeIcon","CloseSmallIcon","clearText","noOptionsText","clearOnBlur","selectOnFocus","ListboxComponent","AutocompleteListBox","Autocomplete","AutocompleteNext","selectedValueRenderers","default","chipsMultiline","renderSelectedValueChips"],"mappings":"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"}

package/componentsV2/Breadcrumbs/Breadcrumbs.js

@@ -1,2 +1,2 @@
-import o from"classnames";import{Fragment as s}from"react";import c from"./Breadcrumbs.scss.js";import{LeftIcon as i}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as n,jsx as t}from"react/jsx-runtime";var m=function(m){var r=m.showBackIcon,e=m.testId,p=m.items,u=m.className,a=m.onItemClick,I=m.activeIndex;return n("nav",{className:o(c.root,u),"data-testid":e,children:[r&&p.length>0&&t("span",{className:c.item,onClick:function(){var o;return null==a?void 0:a(null==p||null===(o=p[0])||void 0===o?void 0:o.to)},children:t(i,{size:16})}),p.map((function(i,m){var r=i.className,e=i.testId,p=i.title,u=i.to;return n(s,{children:[m>0&&t("div",{className:c.separator,children:"/"}),t("span",{className:o(c.item,m===I&&c.active,r),"data-testid":e,onClick:function(){return null==a?void 0:a(u)},children:p})]},m)}))]})};export{m as Breadcrumbs};
+import o from"classnames";import{Fragment as s}from"react";import c from"./Breadcrumbs.scss.js";import{LeftIcon as i}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/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/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as n,jsx as t}from"react/jsx-runtime";var m=function(m){var r=m.showBackIcon,e=m.testId,p=m.items,u=m.className,a=m.onItemClick,I=m.activeIndex;return n("nav",{className:o(c.root,u),"data-testid":e,children:[r&&p.length>0&&t("span",{className:c.item,onClick:function(){var o;return null==a?void 0:a(null==p||null===(o=p[0])||void 0===o?void 0:o.to)},children:t(i,{size:16})}),p.map((function(i,m){var r=i.className,e=i.testId,p=i.title,u=i.to;return n(s,{children:[m>0&&t("div",{className:c.separator,children:"/"}),t("span",{className:o(c.item,m===I&&c.active,r),"data-testid":e,onClick:function(){return null==a?void 0:a(u)},children:p})]},m)}))]})};export{m as Breadcrumbs};
 //# sourceMappingURL=Breadcrumbs.js.map

package/componentsV2/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/componentsV2/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { Fragment, ReactNode } from 'react';\n\nimport styles from './Breadcrumbs.scss';\n\nimport { LeftIcon } from '~/icons';\n\nexport type BreadcrumbsProps = {\n  items: {\n    title: ReactNode;\n    to?: string;\n\n    className?: string;\n    testId?: string;\n  }[];\n  onItemClick?: (to?: string) => void;\n  activeIndex?: number;\n  /**\n   * Renders a back button before items. Clicking on it will call `onItemClick` with the arguments for the first item\n   */\n  showBackIcon?: boolean;\n\n  className?: string;\n  testId?: string;\n};\n\nexport const Breadcrumbs = ({\n  showBackIcon,\n  testId,\n  items,\n  className,\n  onItemClick,\n  activeIndex,\n}: BreadcrumbsProps) => {\n  return (\n    <nav className={classNames(styles.root, className)} data-testid={testId}>\n      {showBackIcon && items.length > 0 && (\n        <span className={styles.item} onClick={() => onItemClick?.(items?.[0]?.to)}>\n          <LeftIcon size={16} />\n        </span>\n      )}\n\n      {items.map(({ className: itemClassName, testId, title, to }, index) => (\n        <Fragment key={index}>\n          {index > 0 && <div className={styles.separator}>/</div>}\n          <span\n            className={classNames(\n              styles.item,\n              index === activeIndex && styles.active,\n              itemClassName\n            )}\n            data-testid={testId}\n            onClick={() => onItemClick?.(to)}\n          >\n            {title}\n          </span>\n        </Fragment>\n      ))}\n    </nav>\n  );\n};\n"],"names":["Breadcrumbs","_ref","showBackIcon","testId","items","className","onItemClick","activeIndex","_jsxs","classNames","styles","root","children","length","_jsx","item","onClick","_items$","to","LeftIcon","size","map","index","itemClassName","title","Fragment","separator","active"],"mappings":"2xHA0BaA,IAAAA,EAAc,SAOHC,GAAA,IANtBC,IAAAA,aACAC,IAAAA,OACAC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,YACAC,IAAAA,YAEA,OACEC,EAAA,MAAA,CAAKH,UAAWI,EAAWC,EAAOC,KAAMN,GAAY,cAAaF,EAAOS,SAAA,CACrEV,GAAgBE,EAAMS,OAAS,GAC9BC,EAAA,OAAA,CAAMT,UAAWK,EAAOK,KAAMC,QAAS,WAAA,IAAAC,EAAA,OAAMX,aAAAA,EAAAA,EAAcF,SAAA,QAAKa,EAALb,EAAQ,UAAR,IAAAa,OAAK,EAALA,EAAYC,GAAI,EAAAN,SACzEE,EAACK,EAAQ,CAACC,KAAM,OAInBhB,EAAMiB,KAAI,WAAkDC,GAAK,IAAzCC,IAAXlB,UAA0BF,IAAAA,OAAQqB,IAAAA,MAAON,IAAAA,GAAE,OACvDV,EAACiB,EAAQ,CAAAb,SACNU,CAAAA,EAAQ,GAAKR,EAAA,MAAA,CAAKT,UAAWK,EAAOgB,UAAUd,SAAA,MAC/CE,EAAA,OAAA,CACET,UAAWI,EACTC,EAAOK,KACPO,IAAUf,GAAeG,EAAOiB,OAChCJ,GAEF,cAAapB,EACba,QAAS,WAAA,OAAMV,eAAAA,EAAcY,EAAI,EAAAN,SAEhCY,MAXUF,EAaJ,MAInB"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/componentsV2/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { Fragment, ReactNode } from 'react';\n\nimport styles from './Breadcrumbs.scss';\n\nimport { LeftIcon } from '~/icons';\n\nexport type BreadcrumbsProps = {\n  items: {\n    title: ReactNode;\n    to?: string;\n\n    className?: string;\n    testId?: string;\n  }[];\n  onItemClick?: (to?: string) => void;\n  activeIndex?: number;\n  /**\n   * Renders a back button before items. Clicking on it will call `onItemClick` with the arguments for the first item\n   */\n  showBackIcon?: boolean;\n\n  className?: string;\n  testId?: string;\n};\n\nexport const Breadcrumbs = ({\n  showBackIcon,\n  testId,\n  items,\n  className,\n  onItemClick,\n  activeIndex,\n}: BreadcrumbsProps) => {\n  return (\n    <nav className={classNames(styles.root, className)} data-testid={testId}>\n      {showBackIcon && items.length > 0 && (\n        <span className={styles.item} onClick={() => onItemClick?.(items?.[0]?.to)}>\n          <LeftIcon size={16} />\n        </span>\n      )}\n\n      {items.map(({ className: itemClassName, testId, title, to }, index) => (\n        <Fragment key={index}>\n          {index > 0 && <div className={styles.separator}>/</div>}\n          <span\n            className={classNames(\n              styles.item,\n              index === activeIndex && styles.active,\n              itemClassName\n            )}\n            data-testid={testId}\n            onClick={() => onItemClick?.(to)}\n          >\n            {title}\n          </span>\n        </Fragment>\n      ))}\n    </nav>\n  );\n};\n"],"names":["Breadcrumbs","_ref","showBackIcon","testId","items","className","onItemClick","activeIndex","_jsxs","classNames","styles","root","children","length","_jsx","item","onClick","_items$","to","LeftIcon","size","map","index","itemClassName","title","Fragment","separator","active"],"mappings":"q4HA0BaA,IAAAA,EAAc,SAOHC,GAAA,IANtBC,IAAAA,aACAC,IAAAA,OACAC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,YACAC,IAAAA,YAEA,OACEC,EAAA,MAAA,CAAKH,UAAWI,EAAWC,EAAOC,KAAMN,GAAY,cAAaF,EAAOS,SAAA,CACrEV,GAAgBE,EAAMS,OAAS,GAC9BC,EAAA,OAAA,CAAMT,UAAWK,EAAOK,KAAMC,QAAS,WAAA,IAAAC,EAAA,OAAMX,aAAAA,EAAAA,EAAcF,SAAA,QAAKa,EAALb,EAAQ,UAAR,IAAAa,OAAK,EAALA,EAAYC,GAAI,EAAAN,SACzEE,EAACK,EAAQ,CAACC,KAAM,OAInBhB,EAAMiB,KAAI,WAAkDC,GAAK,IAAzCC,IAAXlB,UAA0BF,IAAAA,OAAQqB,IAAAA,MAAON,IAAAA,GAAE,OACvDV,EAACiB,EAAQ,CAAAb,SACNU,CAAAA,EAAQ,GAAKR,EAAA,MAAA,CAAKT,UAAWK,EAAOgB,UAAUd,SAAA,MAC/CE,EAAA,OAAA,CACET,UAAWI,EACTC,EAAOK,KACPO,IAAUf,GAAeG,EAAOiB,OAChCJ,GAEF,cAAapB,EACba,QAAS,WAAA,OAAMV,eAAAA,EAAcY,EAAI,EAAAN,SAEhCY,MAXUF,EAaJ,MAInB"}

package/componentsV2/ButtonLive/ButtonLive.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as c}from"react";import i from"classnames";import{Button as n}from"../Button/Button.js";import{Tooltip as t}from"../Tooltip/Tooltip.js";import r from"./ButtonLive.scss.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{jsx as e}from"react/jsx-runtime";var p=["children","tooltip","size","className"];function u(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function j(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?u(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):u(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var a={large:r.large,medium:r.medium,small:r.small},l=c((function(o,c){var u=o.children,l=void 0===u?"Live":u,I=o.tooltip,d=void 0===I?"Go to Live data":I,b=o.size,O=void 0===b?"medium":b,h=o.className,f=s(o,p);return e(t,{title:d,disabled:!d,placement:"bottom-start",children:e(n,j(j({className:i(r.root,a[O],h),size:O,ref:c,type:"tertiary",prefix:e(m,{})},f),{},{children:l}))})}));export{l as ButtonLive};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as c}from"react";import i from"classnames";import{Button as n}from"../Button/Button.js";import{Tooltip as t}from"../Tooltip/Tooltip.js";import r from"./ButtonLive.scss.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/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{jsx as e}from"react/jsx-runtime";var p=["children","tooltip","size","className"];function u(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function j(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?u(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):u(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var l={large:r.large,medium:r.medium,small:r.small},a=c((function(o,c){var u=o.children,a=void 0===u?"Live":u,I=o.tooltip,d=void 0===I?"Go to Live data":I,b=o.size,O=void 0===b?"medium":b,h=o.className,f=s(o,p);return e(t,{title:d,disabled:!d,placement:"bottom-start",children:e(n,j(j({className:i(r.root,l[O],h),size:O,ref:c,type:"tertiary",prefix:e(m,{})},f),{},{children:a}))})}));export{a as ButtonLive};
 //# sourceMappingURL=ButtonLive.js.map

package/componentsV2/ButtonLive/ButtonLive.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonLive.js","sources":["../../../src/componentsV2/ButtonLive/ButtonLive.tsx"],"sourcesContent":["import { forwardRef, MouseEventHandler, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { Button } from '../Button';\nimport { Tooltip } from '../Tooltip';\n\nimport styles from './ButtonLive.scss';\n\nimport { ArrowRightIcon } from '~/icons';\n\nexport type ButtonLiveProps = {\n  /**\n   * Content\n   */\n  children?: ReactNode;\n  size?: 'small' | 'medium' | 'large';\n  disabled?: boolean;\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  tooltip?: ReactNode;\n\n  className?: string;\n  testId?: string;\n};\n\nconst SizeToClassMap: Record<Required<ButtonLiveProps>['size'], string> = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nexport const ButtonLive = forwardRef<HTMLButtonElement, ButtonLiveProps>(\n  (\n    { children = 'Live', tooltip = 'Go to Live data', size = 'medium', className, ...rest },\n    ref\n  ) => {\n    return (\n      <Tooltip title={tooltip} disabled={!tooltip} placement=\"bottom-start\">\n        <Button\n          className={classNames(styles.root, SizeToClassMap[size], className)}\n          size={size}\n          ref={ref}\n          type=\"tertiary\"\n          prefix={<ArrowRightIcon />}\n          {...rest}\n        >\n          {children}\n        </Button>\n      </Tooltip>\n    );\n  }\n);\n"],"names":["SizeToClassMap","large","styles","medium","small","ButtonLive","forwardRef","_ref","ref","_ref$children","children","_ref$tooltip","tooltip","_ref$size","size","className","rest","_objectWithoutProperties","_excluded","_jsx","Tooltip","title","disabled","placement","Button","_objectSpread","classNames","root","type","prefix","ArrowRightIcon"],"mappings":"ulJAwBA,IAAMA,EAAoE,CACxEC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,OAGHC,EAAaC,GACxB,SAAAC,EAEEC,GACG,IAAAC,EAAAF,EAFDG,SAAAA,aAAW,OAAMD,EAAAE,EAAAJ,EAAEK,QAAAA,aAAU,kBAAiBD,EAAAE,EAAAN,EAAEO,KAAAA,aAAO,SAAQD,EAAEE,IAAAA,UAAcC,EAAIC,EAAAV,EAAAW,GAGrF,OACEC,EAACC,EAAO,CAACC,MAAOT,EAASU,UAAWV,EAASW,UAAU,eAAcb,SACnES,EAACK,EAAMC,EAAAA,EAAA,CACLV,UAAWW,EAAWxB,EAAOyB,KAAM3B,EAAec,GAAOC,GACzDD,KAAMA,EACNN,IAAKA,EACLoB,KAAK,WACLC,OAAQV,EAACW,EAAc,KACnBd,GAAI,GAAA,CAAAN,SAEPA,MAIT"}
+{"version":3,"file":"ButtonLive.js","sources":["../../../src/componentsV2/ButtonLive/ButtonLive.tsx"],"sourcesContent":["import { forwardRef, MouseEventHandler, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { Button } from '../Button';\nimport { Tooltip } from '../Tooltip';\n\nimport styles from './ButtonLive.scss';\n\nimport { ArrowRightIcon } from '~/icons';\n\nexport type ButtonLiveProps = {\n  /**\n   * Content\n   */\n  children?: ReactNode;\n  size?: 'small' | 'medium' | 'large';\n  disabled?: boolean;\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  tooltip?: ReactNode;\n\n  className?: string;\n  testId?: string;\n};\n\nconst SizeToClassMap: Record<Required<ButtonLiveProps>['size'], string> = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nexport const ButtonLive = forwardRef<HTMLButtonElement, ButtonLiveProps>(\n  (\n    { children = 'Live', tooltip = 'Go to Live data', size = 'medium', className, ...rest },\n    ref\n  ) => {\n    return (\n      <Tooltip title={tooltip} disabled={!tooltip} placement=\"bottom-start\">\n        <Button\n          className={classNames(styles.root, SizeToClassMap[size], className)}\n          size={size}\n          ref={ref}\n          type=\"tertiary\"\n          prefix={<ArrowRightIcon />}\n          {...rest}\n        >\n          {children}\n        </Button>\n      </Tooltip>\n    );\n  }\n);\n"],"names":["SizeToClassMap","large","styles","medium","small","ButtonLive","forwardRef","_ref","ref","_ref$children","children","_ref$tooltip","tooltip","_ref$size","size","className","rest","_objectWithoutProperties","_excluded","_jsx","Tooltip","title","disabled","placement","Button","_objectSpread","classNames","root","type","prefix","ArrowRightIcon"],"mappings":"isJAwBA,IAAMA,EAAoE,CACxEC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,OAGHC,EAAaC,GACxB,SAAAC,EAEEC,GACG,IAAAC,EAAAF,EAFDG,SAAAA,aAAW,OAAMD,EAAAE,EAAAJ,EAAEK,QAAAA,aAAU,kBAAiBD,EAAAE,EAAAN,EAAEO,KAAAA,aAAO,SAAQD,EAAEE,IAAAA,UAAcC,EAAIC,EAAAV,EAAAW,GAGrF,OACEC,EAACC,EAAO,CAACC,MAAOT,EAASU,UAAWV,EAASW,UAAU,eAAcb,SACnES,EAACK,EAAMC,EAAAA,EAAA,CACLV,UAAWW,EAAWxB,EAAOyB,KAAM3B,EAAec,GAAOC,GACzDD,KAAMA,EACNN,IAAKA,EACLoB,KAAK,WACLC,OAAQV,EAACW,EAAc,KACnBd,GAAI,GAAA,CAAAN,SAEPA,MAIT"}

package/componentsV2/ChartAxisExtreme/ChartAxisExtreme.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import s from"classnames";import{useState as c,useRef as i,useCallback as n,useMemo as t,useEffect as r}from"react";import{throttle as m}from"lodash";import{ChartAxisExtremeInput as e}from"./ChartAxisExtremeInput.js";import{usePositionStyles as u,defaultValueValidator as p,defaultValueFormatter as a,getDeltaDrag as l}from"./utils.js";import{ChartAxisExtremeDragTracker as j}from"./ChartAxisExtremeDragTracker.js";import I from"./ChartAxisExtreme.scss.js";import{UpIcon as d,LeftIcon as v,DownIcon as f,RightIcon as h}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as C,jsx as x}from"react/jsx-runtime";var g=function(g){var b=g.axis,A=g.testId,F=g.className,O=g.formatValue,D=g.value,y=g.dragDeltaValue,E=void 0===y?5:y,M=g.onChange,N=g.extremeType,T=g.validate,k=void 0===T?p:T,P=c(!1),z=o(P,2),S=z[0],w=z[1],R=c(),G=o(R,2),U=G[0],V=G[1],B=c(),L=o(B,2),q=L[0],W=L[1],K=c(!1),X=o(K,2),Y=X[0],Z=X[1],H=i(!1),J=i(null),Q=i(),$=Y?q:D,_=u({axis:b,extremeType:N}),oo=!b.horiz,so=O||a,co=n((function(o){return"number"==typeof E?Math.floor(o/(E||1)):E(o)}),[E]),io=n((function(o){return k(o,{axis:b,extremeType:N})}),[b,N,k]),no=n((function(){H.current=!1,w(!0)}),[]),to=n((function(){H.current=!1,w(!1)}),[]),ro=n((function(o){void 0!==o&&(null==M||M(o,{axis:b,extremeType:N})),to()}),[b,N,M,to]),mo=n((function(o){o.preventDefault(),Q.current=void 0,H.current=!0}),[]),eo=n((function(o){null==M||M(o,{axis:b,extremeType:N})}),[b,N,M]),uo=t((function(){return m((function(o){eo(o)}),300)}),[eo]),po=n((function(){H.current=!1,W(void 0),V(void 0),Z(!1),uo.flush()}),[uo]),ao=n((function(){!H.current||S||Y||(W($),V($),Z(!0))}),[Y,S,$]),lo=n((function(o){if(J.current&&b&&void 0!==U){var s;if(!Q.current)Q.current=null===(s=J.current)||void 0===s?void 0:s.getBoundingClientRect();var c=o.clientY,i=o.clientX,n=Q.current,t=n.y,r=n.height,m=n.x,e=n.width,u=oo?l(c,t,r):-l(i,m,e),p=U+co(u);io(p)&&(W(p),uo(p))}}),[io,b,co,U,oo,uo]);return r((function(){return function(){return uo.cancel()}}),[uo]),void 0!==$&&b?C("div",{className:s(I.root,F),style:_,"data-testid":A,children:[x(j,{isDragging:Y,onDragEnd:po,onDrag:lo,isVertical:oo}),C("div",{className:I.content,onMouseDown:mo,onMouseLeave:ao,onClick:no,ref:J,children:[C("div",{className:s(I.valueContainer,S&&I.isEditing,oo&&I.vertical),children:[x(oo?d:v,{size:Number(I.arrowsSize),className:I.valueArrow}),x("div",{className:I.value,children:so($)}),x(oo?f:h,{size:Number(I.arrowsSize),className:I.valueArrow})]}),x(e,{value:$,isEditing:S,onEditEnd:ro,validate:io,isVertical:oo})]})]}):null};export{g as ChartAxisExtreme};
+import o from"@babel/runtime/helpers/slicedToArray";import s from"classnames";import{useState as c,useRef as i,useCallback as n,useMemo as t,useEffect as r}from"react";import{throttle as m}from"lodash";import{ChartAxisExtremeInput as e}from"./ChartAxisExtremeInput.js";import{usePositionStyles as u,defaultValueValidator as p,defaultValueFormatter as a,getDeltaDrag as l}from"./utils.js";import{ChartAxisExtremeDragTracker as j}from"./ChartAxisExtremeDragTracker.js";import I from"./ChartAxisExtreme.scss.js";import{UpIcon as d,LeftIcon as v,DownIcon as f,RightIcon as h}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/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as C,jsx as x}from"react/jsx-runtime";var g=function(g){var F=g.axis,b=g.testId,A=g.className,O=g.formatValue,D=g.value,y=g.dragDeltaValue,E=void 0===y?5:y,M=g.onChange,N=g.extremeType,T=g.validate,k=void 0===T?p:T,P=c(!1),z=o(P,2),R=z[0],S=z[1],w=c(),G=o(w,2),U=G[0],V=G[1],B=c(),L=o(B,2),q=L[0],W=L[1],K=c(!1),X=o(K,2),Y=X[0],Z=X[1],H=i(!1),J=i(null),Q=i(),$=Y?q:D,_=u({axis:F,extremeType:N}),oo=!F.horiz,so=O||a,co=n((function(o){return"number"==typeof E?Math.floor(o/(E||1)):E(o)}),[E]),io=n((function(o){return k(o,{axis:F,extremeType:N})}),[F,N,k]),no=n((function(){H.current=!1,S(!0)}),[]),to=n((function(){H.current=!1,S(!1)}),[]),ro=n((function(o){void 0!==o&&(null==M||M(o,{axis:F,extremeType:N})),to()}),[F,N,M,to]),mo=n((function(o){o.preventDefault(),Q.current=void 0,H.current=!0}),[]),eo=n((function(o){null==M||M(o,{axis:F,extremeType:N})}),[F,N,M]),uo=t((function(){return m((function(o){eo(o)}),300)}),[eo]),po=n((function(){H.current=!1,W(void 0),V(void 0),Z(!1),uo.flush()}),[uo]),ao=n((function(){!H.current||R||Y||(W($),V($),Z(!0))}),[Y,R,$]),lo=n((function(o){if(J.current&&F&&void 0!==U){var s;if(!Q.current)Q.current=null===(s=J.current)||void 0===s?void 0:s.getBoundingClientRect();var c=o.clientY,i=o.clientX,n=Q.current,t=n.y,r=n.height,m=n.x,e=n.width,u=oo?l(c,t,r):-l(i,m,e),p=U+co(u);io(p)&&(W(p),uo(p))}}),[io,F,co,U,oo,uo]);return r((function(){return function(){return uo.cancel()}}),[uo]),void 0!==$&&F?C("div",{className:s(I.root,A),style:_,"data-testid":b,children:[x(j,{isDragging:Y,onDragEnd:po,onDrag:lo,isVertical:oo}),C("div",{className:I.content,onMouseDown:mo,onMouseLeave:ao,onClick:no,ref:J,children:[C("div",{className:s(I.valueContainer,R&&I.isEditing,oo&&I.vertical),children:[x(oo?d:v,{size:Number(I.arrowsSize),className:I.valueArrow}),x("div",{className:I.value,children:so($)}),x(oo?f:h,{size:Number(I.arrowsSize),className:I.valueArrow})]}),x(e,{value:$,isEditing:R,onEditEnd:ro,validate:io,isVertical:oo})]})]}):null};export{g as ChartAxisExtreme};
 //# sourceMappingURL=ChartAxisExtreme.js.map

package/componentsV2/ChartAxisExtreme/ChartAxisExtreme.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartAxisExtreme.js","sources":["../../../src/componentsV2/ChartAxisExtreme/ChartAxisExtreme.tsx"],"sourcesContent":["import { Axis } from 'highcharts';\nimport classNames from 'classnames';\nimport { MouseEventHandler, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { throttle } from 'lodash';\n\nimport { ChartAxisExtremeInput } from './ChartAxisExtremeInput';\nimport {\n  AxisExtremeType,\n  ChartAxisExtremeChangeHandler,\n  ChartAxisExtremeValidator,\n  defaultValueFormatter,\n  defaultValueValidator,\n  getDeltaDrag,\n  usePositionStyles,\n} from './utils';\nimport { ChartAxisExtremeDragTracker } from './ChartAxisExtremeDragTracker';\n\nimport styles from './ChartAxisExtreme.scss';\n\nimport { DownIcon, LeftIcon, RightIcon, UpIcon } from '~/icons';\n\nexport type ChartAxisExtremeProps = {\n  value: number;\n  onChange?: ChartAxisExtremeChangeHandler;\n  formatValue?: (value: number) => string | number;\n\n  axis: Axis;\n  extremeType: AxisExtremeType;\n\n  /**\n   * Validates possible value on both manual input & drag actions\n   */\n  validate?: ChartAxisExtremeValidator;\n\n  /**\n   * Governs \"sensitivity\" of drag.\n   * A number indicates how many pixels should a user drag to change axis extreme by 1.\n   * A function accepts dragged distance in pixels and returns *how much value should change*.\n   * Generally, positive input should generate positive output. Can be used in conjunction with `validate` prop to force min/max value when dragging\n   */\n  dragDeltaValue?: number | ((deltaPixels: number) => number);\n\n  className?: string;\n  testId?: string;\n};\n\n// When making ChartWrapper2 - this component needs to hook into Highcharts' render cycle to automatically reposition itself\nexport const ChartAxisExtreme = ({\n  axis,\n  testId,\n  className,\n  formatValue, // No default here because it puts default function's code in storybook for some reason\n  value,\n  dragDeltaValue = 5,\n  onChange,\n  extremeType,\n  validate = defaultValueValidator,\n}: ChartAxisExtremeProps) => {\n  const [isEditing, setIsEditing] = useState(false);\n  const [dragStartValue, setDragStartValue] = useState<number>();\n  const [dragValue, setDragValue] = useState<number>();\n  const [isDragging, setIsDragging] = useState(false);\n  const isMouseDownRef = useRef(false);\n  const toggleRef = useRef<HTMLDivElement>(null);\n  const togglePositionRef = useRef<DOMRect>();\n\n  const shownValue = isDragging ? dragValue : value;\n\n  const styleVars = usePositionStyles({\n    axis,\n    extremeType,\n  });\n\n  const isVertical = !axis.horiz;\n\n  const actualFormatter = formatValue || defaultValueFormatter;\n\n  const deltaDragToDeltaValue = useCallback(\n    (deltaDrag: number) =>\n      typeof dragDeltaValue === 'number'\n        ? Math.floor(deltaDrag / (dragDeltaValue || 1))\n        : dragDeltaValue(deltaDrag),\n    [dragDeltaValue]\n  );\n\n  const actualValidate = useCallback(\n    (value: number) => validate(value, { axis, extremeType }),\n    [axis, extremeType, validate]\n  );\n\n  const startEditing = useCallback(() => {\n    isMouseDownRef.current = false;\n    setIsEditing(true);\n  }, []);\n\n  const stopEditing = useCallback(() => {\n    isMouseDownRef.current = false;\n    setIsEditing(false);\n  }, []);\n\n  const onInputEditEnd = useCallback(\n    (newValue?: number) => {\n      if (newValue !== undefined) {\n        onChange?.(newValue, { axis, extremeType });\n      }\n      stopEditing();\n    },\n    [axis, extremeType, onChange, stopEditing]\n  );\n\n  const onMouseDown = useCallback<MouseEventHandler>(e => {\n    e.preventDefault();\n    togglePositionRef.current = undefined;\n    isMouseDownRef.current = true;\n  }, []);\n\n  const onChangeWithOptions = useCallback(\n    (newValue: number) => {\n      onChange?.(newValue, { axis, extremeType });\n    },\n    [axis, extremeType, onChange]\n  );\n\n  const throttledOnChange = useMemo(\n    () =>\n      throttle((newValue: number) => {\n        onChangeWithOptions(newValue);\n      }, 300),\n    [onChangeWithOptions]\n  );\n\n  const onDragEnd = useCallback(() => {\n    isMouseDownRef.current = false;\n    setDragValue(undefined);\n    setDragStartValue(undefined);\n    setIsDragging(false);\n    throttledOnChange.flush();\n  }, [throttledOnChange]);\n\n  const onDragStart = useCallback(() => {\n    if (isMouseDownRef.current && !isEditing && !isDragging) {\n      setDragValue(shownValue);\n      setDragStartValue(shownValue);\n      setIsDragging(true);\n    }\n  }, [isDragging, isEditing, shownValue]);\n\n  const onDrag = useCallback(\n    (event: MouseEvent) => {\n      if (!toggleRef.current || !axis || dragStartValue === undefined) {\n        return;\n      }\n\n      if (!togglePositionRef.current) {\n        togglePositionRef.current = toggleRef.current?.getBoundingClientRect();\n      }\n\n      // if (isVertical) {\n      const { clientY, clientX } = event;\n      const { y, height, x, width } = togglePositionRef.current;\n\n      // Delta is counted from toggle's edge\n      const deltaDrag = isVertical\n        ? getDeltaDrag(clientY, y, height)\n        : -getDeltaDrag(clientX, x, width);\n\n      const newValue = dragStartValue + deltaDragToDeltaValue(deltaDrag);\n\n      if (!actualValidate(newValue)) {\n        return;\n      }\n\n      setDragValue(newValue);\n      throttledOnChange(newValue);\n    },\n    [actualValidate, axis, deltaDragToDeltaValue, dragStartValue, isVertical, throttledOnChange]\n  );\n\n  // Cleanup of throttled onChange\n  useEffect(() => () => throttledOnChange.cancel(), [throttledOnChange]);\n\n  if (shownValue === undefined || !axis) {\n    return null;\n  }\n\n  return (\n    <div className={classNames(styles.root, className)} style={styleVars} data-testid={testId}>\n      {/* Can't put inside content element due to a bug with transform & position: fixed */}\n      {/* Therefore, most of the drag logic is not in ChartAxisExtremeDragTracker but hoisted here */}\n      <ChartAxisExtremeDragTracker\n        isDragging={isDragging}\n        onDragEnd={onDragEnd}\n        onDrag={onDrag}\n        isVertical={isVertical}\n      />\n\n      <div\n        className={styles.content}\n        onMouseDown={onMouseDown}\n        onMouseLeave={onDragStart}\n        onClick={startEditing}\n        ref={toggleRef}\n      >\n        <div\n          className={classNames(\n            styles.valueContainer,\n            isEditing && styles.isEditing,\n            isVertical && styles.vertical\n          )}\n        >\n          {isVertical ? (\n            <UpIcon size={Number(styles.arrowsSize)} className={styles.valueArrow} />\n          ) : (\n            <LeftIcon size={Number(styles.arrowsSize)} className={styles.valueArrow} />\n          )}\n          <div className={styles.value}>{actualFormatter(shownValue)}</div>\n          {isVertical ? (\n            <DownIcon size={Number(styles.arrowsSize)} className={styles.valueArrow} />\n          ) : (\n            <RightIcon size={Number(styles.arrowsSize)} className={styles.valueArrow} />\n          )}\n        </div>\n\n        <ChartAxisExtremeInput\n          value={shownValue}\n          isEditing={isEditing}\n          onEditEnd={onInputEditEnd}\n          validate={actualValidate}\n          isVertical={isVertical}\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":["ChartAxisExtreme","_ref","axis","testId","className","formatValue","value","_ref$dragDeltaValue","dragDeltaValue","onChange","extremeType","_ref$validate","validate","defaultValueValidator","useState","_useState2","_slicedToArray","_useState","isEditing","setIsEditing","_useState3","_useState4","dragStartValue","setDragStartValue","_useState5","_useState6","dragValue","setDragValue","_useState8","_useState7","isDragging","setIsDragging","isMouseDownRef","useRef","toggleRef","togglePositionRef","shownValue","styleVars","usePositionStyles","isVertical","horiz","actualFormatter","defaultValueFormatter","deltaDragToDeltaValue","useCallback","deltaDrag","Math","floor","actualValidate","startEditing","current","stopEditing","onInputEditEnd","newValue","undefined","onMouseDown","e","preventDefault","onChangeWithOptions","throttledOnChange","useMemo","throttle","onDragEnd","flush","onDragStart","onDrag","event","_toggleRef$current","getBoundingClientRect","clientY","clientX","y","height","x","width","getDeltaDrag","useEffect","cancel","_jsxs","classNames","styles","root","style","children","_jsx","ChartAxisExtremeDragTracker","content","onMouseLeave","onClick","ref","valueContainer","vertical","UpIcon","LeftIcon","size","Number","arrowsSize","valueArrow","DownIcon","RightIcon","ChartAxisExtremeInput","onEditEnd"],"mappings":"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"}
+{"version":3,"file":"ChartAxisExtreme.js","sources":["../../../src/componentsV2/ChartAxisExtreme/ChartAxisExtreme.tsx"],"sourcesContent":["import { Axis } from 'highcharts';\nimport classNames from 'classnames';\nimport { MouseEventHandler, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { throttle } from 'lodash';\n\nimport { ChartAxisExtremeInput } from './ChartAxisExtremeInput';\nimport {\n  AxisExtremeType,\n  ChartAxisExtremeChangeHandler,\n  ChartAxisExtremeValidator,\n  defaultValueFormatter,\n  defaultValueValidator,\n  getDeltaDrag,\n  usePositionStyles,\n} from './utils';\nimport { ChartAxisExtremeDragTracker } from './ChartAxisExtremeDragTracker';\n\nimport styles from './ChartAxisExtreme.scss';\n\nimport { DownIcon, LeftIcon, RightIcon, UpIcon } from '~/icons';\n\nexport type ChartAxisExtremeProps = {\n  value: number;\n  onChange?: ChartAxisExtremeChangeHandler;\n  formatValue?: (value: number) => string | number;\n\n  axis: Axis;\n  extremeType: AxisExtremeType;\n\n  /**\n   * Validates possible value on both manual input & drag actions\n   */\n  validate?: ChartAxisExtremeValidator;\n\n  /**\n   * Governs \"sensitivity\" of drag.\n   * A number indicates how many pixels should a user drag to change axis extreme by 1.\n   * A function accepts dragged distance in pixels and returns *how much value should change*.\n   * Generally, positive input should generate positive output. Can be used in conjunction with `validate` prop to force min/max value when dragging\n   */\n  dragDeltaValue?: number | ((deltaPixels: number) => number);\n\n  className?: string;\n  testId?: string;\n};\n\n// When making ChartWrapper2 - this component needs to hook into Highcharts' render cycle to automatically reposition itself\nexport const ChartAxisExtreme = ({\n  axis,\n  testId,\n  className,\n  formatValue, // No default here because it puts default function's code in storybook for some reason\n  value,\n  dragDeltaValue = 5,\n  onChange,\n  extremeType,\n  validate = defaultValueValidator,\n}: ChartAxisExtremeProps) => {\n  const [isEditing, setIsEditing] = useState(false);\n  const [dragStartValue, setDragStartValue] = useState<number>();\n  const [dragValue, setDragValue] = useState<number>();\n  const [isDragging, setIsDragging] = useState(false);\n  const isMouseDownRef = useRef(false);\n  const toggleRef = useRef<HTMLDivElement>(null);\n  const togglePositionRef = useRef<DOMRect>();\n\n  const shownValue = isDragging ? dragValue : value;\n\n  const styleVars = usePositionStyles({\n    axis,\n    extremeType,\n  });\n\n  const isVertical = !axis.horiz;\n\n  const actualFormatter = formatValue || defaultValueFormatter;\n\n  const deltaDragToDeltaValue = useCallback(\n    (deltaDrag: number) =>\n      typeof dragDeltaValue === 'number'\n        ? Math.floor(deltaDrag / (dragDeltaValue || 1))\n        : dragDeltaValue(deltaDrag),\n    [dragDeltaValue]\n  );\n\n  const actualValidate = useCallback(\n    (value: number) => validate(value, { axis, extremeType }),\n    [axis, extremeType, validate]\n  );\n\n  const startEditing = useCallback(() => {\n    isMouseDownRef.current = false;\n    setIsEditing(true);\n  }, []);\n\n  const stopEditing = useCallback(() => {\n    isMouseDownRef.current = false;\n    setIsEditing(false);\n  }, []);\n\n  const onInputEditEnd = useCallback(\n    (newValue?: number) => {\n      if (newValue !== undefined) {\n        onChange?.(newValue, { axis, extremeType });\n      }\n      stopEditing();\n    },\n    [axis, extremeType, onChange, stopEditing]\n  );\n\n  const onMouseDown = useCallback<MouseEventHandler>(e => {\n    e.preventDefault();\n    togglePositionRef.current = undefined;\n    isMouseDownRef.current = true;\n  }, []);\n\n  const onChangeWithOptions = useCallback(\n    (newValue: number) => {\n      onChange?.(newValue, { axis, extremeType });\n    },\n    [axis, extremeType, onChange]\n  );\n\n  const throttledOnChange = useMemo(\n    () =>\n      throttle((newValue: number) => {\n        onChangeWithOptions(newValue);\n      }, 300),\n    [onChangeWithOptions]\n  );\n\n  const onDragEnd = useCallback(() => {\n    isMouseDownRef.current = false;\n    setDragValue(undefined);\n    setDragStartValue(undefined);\n    setIsDragging(false);\n    throttledOnChange.flush();\n  }, [throttledOnChange]);\n\n  const onDragStart = useCallback(() => {\n    if (isMouseDownRef.current && !isEditing && !isDragging) {\n      setDragValue(shownValue);\n      setDragStartValue(shownValue);\n      setIsDragging(true);\n    }\n  }, [isDragging, isEditing, shownValue]);\n\n  const onDrag = useCallback(\n    (event: MouseEvent) => {\n      if (!toggleRef.current || !axis || dragStartValue === undefined) {\n        return;\n      }\n\n      if (!togglePositionRef.current) {\n        togglePositionRef.current = toggleRef.current?.getBoundingClientRect();\n      }\n\n      // if (isVertical) {\n      const { clientY, clientX } = event;\n      const { y, height, x, width } = togglePositionRef.current;\n\n      // Delta is counted from toggle's edge\n      const deltaDrag = isVertical\n        ? getDeltaDrag(clientY, y, height)\n        : -getDeltaDrag(clientX, x, width);\n\n      const newValue = dragStartValue + deltaDragToDeltaValue(deltaDrag);\n\n      if (!actualValidate(newValue)) {\n        return;\n      }\n\n      setDragValue(newValue);\n      throttledOnChange(newValue);\n    },\n    [actualValidate, axis, deltaDragToDeltaValue, dragStartValue, isVertical, throttledOnChange]\n  );\n\n  // Cleanup of throttled onChange\n  useEffect(() => () => throttledOnChange.cancel(), [throttledOnChange]);\n\n  if (shownValue === undefined || !axis) {\n    return null;\n  }\n\n  return (\n    <div className={classNames(styles.root, className)} style={styleVars} data-testid={testId}>\n      {/* Can't put inside content element due to a bug with transform & position: fixed */}\n      {/* Therefore, most of the drag logic is not in ChartAxisExtremeDragTracker but hoisted here */}\n      <ChartAxisExtremeDragTracker\n        isDragging={isDragging}\n        onDragEnd={onDragEnd}\n        onDrag={onDrag}\n        isVertical={isVertical}\n      />\n\n      <div\n        className={styles.content}\n        onMouseDown={onMouseDown}\n        onMouseLeave={onDragStart}\n        onClick={startEditing}\n        ref={toggleRef}\n      >\n        <div\n          className={classNames(\n            styles.valueContainer,\n            isEditing && styles.isEditing,\n            isVertical && styles.vertical\n          )}\n        >\n          {isVertical ? (\n            <UpIcon size={Number(styles.arrowsSize)} className={styles.valueArrow} />\n          ) : (\n            <LeftIcon size={Number(styles.arrowsSize)} className={styles.valueArrow} />\n          )}\n          <div className={styles.value}>{actualFormatter(shownValue)}</div>\n          {isVertical ? (\n            <DownIcon size={Number(styles.arrowsSize)} className={styles.valueArrow} />\n          ) : (\n            <RightIcon size={Number(styles.arrowsSize)} className={styles.valueArrow} />\n          )}\n        </div>\n\n        <ChartAxisExtremeInput\n          value={shownValue}\n          isEditing={isEditing}\n          onEditEnd={onInputEditEnd}\n          validate={actualValidate}\n          isVertical={isVertical}\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":["ChartAxisExtreme","_ref","axis","testId","className","formatValue","value","_ref$dragDeltaValue","dragDeltaValue","onChange","extremeType","_ref$validate","validate","defaultValueValidator","useState","_useState2","_slicedToArray","_useState","isEditing","setIsEditing","_useState3","_useState4","dragStartValue","setDragStartValue","_useState5","_useState6","dragValue","setDragValue","_useState8","_useState7","isDragging","setIsDragging","isMouseDownRef","useRef","toggleRef","togglePositionRef","shownValue","styleVars","usePositionStyles","isVertical","horiz","actualFormatter","defaultValueFormatter","deltaDragToDeltaValue","useCallback","deltaDrag","Math","floor","actualValidate","startEditing","current","stopEditing","onInputEditEnd","newValue","undefined","onMouseDown","e","preventDefault","onChangeWithOptions","throttledOnChange","useMemo","throttle","onDragEnd","flush","onDragStart","onDrag","event","_toggleRef$current","getBoundingClientRect","clientY","clientX","y","height","x","width","getDeltaDrag","useEffect","cancel","_jsxs","classNames","styles","root","style","children","_jsx","ChartAxisExtremeDragTracker","content","onMouseLeave","onClick","ref","valueContainer","vertical","UpIcon","LeftIcon","size","Number","arrowsSize","valueArrow","DownIcon","RightIcon","ChartAxisExtremeInput","onEditEnd"],"mappings":"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"}