@corva/ui 3.75.0-17 → 3.75.0-19

package/cjs-bundle/componentsV2/AppSettings/AppSettings.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),e=require("lodash"),n=require("classnames"),i=require("../Text/Text.js"),c=require("../Tooltip/Tooltip.js"),r=require("../ButtonIcon/ButtonIcon.js"),t=require("../../components/ErrorBoundary/ErrorBoundary.js"),u=require("../../components/ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js"),l=require("../AppCommonsProvider/AppCommonsContext.js"),a=require("./AppSettingsPinningContext.js"),m=require("./AppSettings.scss.js"),j=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js");var I=require("../../icons/customIcons/icons/Pin.js");require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var q=require("./AppSettings.constants.js"),d=require("react/jsx-runtime");function p(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var C=p(s),h=p(n),g=o.forwardRef((function(s,n){var p=s.rootStyles,g=s.onClose,v=l.useAppCommonsInternal(),x=v.appSettings,A=v.currentUser,S=v.onSettingChange,f=v.onSettingsChange,P=v.layoutEnvironment,b=v.app,F=v.appData,T=v.appSettingsComponent,O=o.useState(!1),B=C.default(O,2),y=B[0],E=B[1],k=o.useRef(null),D=a.useAppSettingPinning(),M=D.isPinned,R=D.onPinClick,U=D.showPinButton,w=D.additionalControls;return o.useEffect((function(){if(k.current){var s=e.debounce((function(){requestAnimationFrame((function(){var s=k.current||{},o=s.clientHeight,e=void 0===o?0:o,n=s.scrollHeight;E(e<(void 0===n?0:n))}))}),200,{leading:!0}),o=new ResizeObserver(s);return k.current&&o.observe(k.current),function(){o.disconnect(),s.cancel()}}}),[]),T?d.jsxs("div",{className:m.root,style:p,ref:n,children:[d.jsxs("div",{className:m.header,children:[d.jsx(i.Text,{size:16,weight:"medium",className:m.title,children:"Settings"}),w,U&&d.jsx(c.Tooltip,{title:M?"Unpin":"Pin",children:d.jsx(r.ButtonIcon,{size:"small",className:M?m.pinnedPinButton:void 0,onClick:R,testId:M?q.AppSettingsTestIds.UnpinButtonTestId:q.AppSettingsTestIds.PinButtonTestId,children:d.jsx(I.Pin,{})})}),d.jsx(c.Tooltip,{title:"Close Settings",children:d.jsx(r.ButtonIcon,{testId:q.AppSettingsTestIds.CloseSettingsButtonTestId,size:"small",onClick:g,children:d.jsx(j.CloseSmallIcon,{})})})]}),d.jsx("div",{className:h.default(m.content,y&&m.scrollable),children:d.jsx("div",{className:m.contentInner,ref:k,children:d.jsx(t,{ErrorView:u,children:d.jsx(T,{app:b,appData:F,settings:x,onSettingChange:S,onSettingsChange:f,layoutEnvironment:P,currentUser:A})})})})]}):null}));exports.AppSettings=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),n=require("react"),t=require("lodash"),r=require("classnames"),s=require("../../components/ErrorBoundary/ErrorBoundary.js"),o=require("../../components/ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js");require("../AppCommonsProvider/AppCommonsProvider.js");var i=require("../AppCommonsProvider/AppCommonsContext.js"),a=require("../AppPanel/AppPanelsContext.js"),p=require("../AppPanel/AppPanel.js"),u=require("./AppSettings.constants.js"),c=require("./AppSettings.scss.js"),l=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=d(e),g=d(r);exports.AppSettings=function(){var e=i.useAppCommonsInternal(),r=e.appSettings,d=e.currentUser,v=e.onSettingChange,A=e.onSettingsChange,f=e.layoutEnvironment,j=e.app,C=e.appData,S=e.appSettingsComponent,q=n.useState(!1),h=m.default(q,2),P=h[0],x=h[1],E=n.useRef(null),I=a.useAppSettingsPanel(),b=I.additionalControls,y=I.isPinned,B=n.useMemo((function(){return{pinButton:y?u.AppSettingsTestIds.UnpinButtonTestId:u.AppSettingsTestIds.PinButtonTestId,closeButton:u.AppSettingsTestIds.CloseSettingsButtonTestId}}),[y]);return n.useEffect((function(){if(E.current){var e=t.debounce((function(){requestAnimationFrame((function(){var e=E.current||{},n=e.clientHeight,t=void 0===n?0:n,r=e.scrollHeight;x(t<(void 0===r?0:r))}))}),200,{leading:!0}),n=new ResizeObserver(e);return E.current&&n.observe(E.current),function(){n.disconnect(),e.cancel()}}}),[]),S?l.jsxs("div",{className:c.root,children:[l.jsx(p.AppPanel.Header,{actions:b,elementsTestIds:B,children:"Settings"}),l.jsx("div",{className:g.default(c.content,P&&c.scrollable),children:l.jsx("div",{className:c.contentInner,ref:E,children:l.jsx(s,{ErrorView:o,children:l.jsx(S,{app:j,appData:C,settings:r,onSettingChange:v,onSettingsChange:A,layoutEnvironment:f,currentUser:d})})})})]}):null};
 //# sourceMappingURL=AppSettings.js.map

package/cjs-bundle/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","jsxs","header","_jsx","Text","size","weight","title","Tooltip","ButtonIcon","pinnedPinButton","undefined","onClick","testId","AppSettingsTestIds","UnpinButtonTestId","PinButtonTestId","Pin","CloseSettingsButtonTestId","CloseSmallIcon","jsx","classNames","content","scrollable","contentInner","ErrorBoundary","ErrorView","DevCenterAppErrorView","settings"],"mappings":"4qJAsBaA,EAAcC,EAAUA,YACnC,SAAAC,EAA0BC,GAAQ,IAA/BC,IAAAA,WAAYC,IAAAA,QACbC,EASIC,EAAAA,wBARFC,IAAAA,YACAC,IAAAA,YACAC,IAAAA,gBACAC,IAAAA,iBACAC,IAAAA,kBACAC,IAAAA,IACAC,IAAAA,QACsBC,IAAtBC,qBAEsCC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAAhDC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GAE9BK,EAAeC,SAAuB,MAE5CC,EAAoEC,EAAAA,uBAA5DC,IAAAA,SAAUC,IAAAA,WAAYC,IAAAA,cAAeC,IAAAA,mBA8B7C,OA5BAC,EAAAA,WAAU,WACR,GAAIR,EAAaS,QAAS,CACxB,IAAMC,EAAoBC,EAAAA,UACxB,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,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAMC,MAAO/C,EAAYD,IAAKA,EAAIiD,SACvD,CAAAL,EAAAM,KAAA,MAAA,CAAKL,UAAWC,EAAOK,OAAOF,SAAA,CAC5BG,MAACC,OAAI,CAACC,KAAM,GAAIC,OAAO,SAASV,UAAWC,EAAOU,MAAMP,SAAA,aAIvDtB,EAEAD,GACC0B,EAAAA,IAACK,EAAAA,QAAO,CAACD,MAAOhC,EAAW,QAAU,MAAMyB,SACzCG,MAACM,aAAU,CACTJ,KAAK,QACLT,UAAWrB,EAAWsB,EAAOa,qBAAkBC,EAC/CC,QAASpC,EACTqC,OACEtC,EACIuC,EAAAA,mBAAmBC,kBACnBD,EAAkBA,mBAACE,gBACxBhB,SAEDG,EAAAA,IAACc,EAAGA,IAAA,QAKVd,MAACK,UAAO,CAACD,MAAM,iBAAgBP,SAC7BG,MAACM,aAAU,CACTI,OAAQC,EAAkBA,mBAACI,0BAC3Bb,KAAK,QACLO,QAAS3D,EAAQ+C,SAEjBG,EAAAA,IAACgB,EAAcA,eAAA,WAKrBhB,EAAAiB,IAAA,MAAA,CAAKxB,UAAWyB,EAAU,QAACxB,EAAOyB,QAASrD,GAAgB4B,EAAO0B,YAAYvB,SAC5EG,EAAAiB,IAAA,MAAA,CAAKxB,UAAWC,EAAO2B,aAAczE,IAAKoB,EAAa6B,SACrDG,MAACsB,EAAa,CAACC,UAAWC,EAAsB3B,SAC9CG,MAACxC,EAAoB,CACnBF,IAAKA,EACLC,QAASA,EACTkE,SAAUxE,EACVE,gBAAiBA,EACjBC,iBAAkBA,EAClBC,kBAAmBA,EACnBH,YAAaA,aAlDhB,IAyDX"}
+{"version":3,"file":"AppSettings.js","sources":["../../../../src/componentsV2/AppSettings/AppSettings.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport { debounce } from 'lodash';\nimport classNames from 'classnames';\n\nimport ErrorBoundary, { DevCenterAppErrorView } from '../../components/ErrorBoundary';\nimport { useAppCommonsInternal } from '../AppCommonsProvider';\nimport { useAppSettingsPanel } from '../AppPanel/AppPanelsContext';\nimport { AppPanel } from '../AppPanel';\n\nimport { AppSettingsTestIds } from './AppSettings.constants';\n\nimport styles from './AppSettings.scss';\n\nexport const AppSettings = () => {\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 { additionalControls, isPinned } = useAppSettingsPanel();\n\n  const testIds = useMemo(\n    () => ({\n      pinButton: isPinned\n        ? AppSettingsTestIds.UnpinButtonTestId\n        : AppSettingsTestIds.PinButtonTestId,\n      closeButton: AppSettingsTestIds.CloseSettingsButtonTestId,\n    }),\n    [isPinned]\n  );\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}>\n      <AppPanel.Header actions={additionalControls} elementsTestIds={testIds}>\n        Settings\n      </AppPanel.Header>\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"],"names":["_useAppCommonsInterna","useAppCommonsInternal","appSettings","currentUser","onSettingChange","onSettingsChange","layoutEnvironment","app","appData","AppSettingsComponent","appSettingsComponent","useState","_useState2","_slicedToArray","_useState","isScrollable","setIsScrollable","containerRef","useRef","_useAppSettingsPanel","useAppSettingsPanel","additionalControls","isPinned","testIds","useMemo","pinButton","AppSettingsTestIds","UnpinButtonTestId","PinButtonTestId","closeButton","CloseSettingsButtonTestId","useEffect","current","onDimensionChange","debounce","requestAnimationFrame","_ref","_ref$clientHeight","clientHeight","_ref$scrollHeight","scrollHeight","leading","resizeObserver","ResizeObserver","observe","disconnect","cancel","_jsxs","className","styles","root","children","_jsx","AppPanel","Header","actions","elementsTestIds","jsx","classNames","content","scrollable","contentInner","ref","ErrorBoundary","ErrorView","DevCenterAppErrorView","settings"],"mappings":"8uBAa2B,WACzB,IAAAA,EASIC,EAAAA,wBARFC,IAAAA,YACAC,IAAAA,YACAC,IAAAA,gBACAC,IAAAA,iBACAC,IAAAA,kBACAC,IAAAA,IACAC,IAAAA,QACsBC,IAAtBC,qBAEsCC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAAhDC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GAE9BK,EAAeC,SAAuB,MAE5CC,EAAyCC,EAAAA,sBAAjCC,IAAAA,mBAAoBC,IAAAA,SAEtBC,EAAUC,EAAAA,SACd,WAAA,MAAO,CACLC,UAAWH,EACPI,EAAAA,mBAAmBC,kBACnBD,EAAkBA,mBAACE,gBACvBC,YAAaH,EAAkBA,mBAACI,0BACjC,GACD,CAACR,IA+BH,OA5BAS,EAAAA,WAAU,WACR,GAAId,EAAae,QAAS,CACxB,IAAMC,EAAoBC,EAAAA,UACxB,WACEC,uBAAsB,WACpB,IAAAC,EAA+CnB,EAAae,SAAW,CAAE,EAAAK,EAAAD,EAAjEE,aAAAA,aAAe,EAACD,EAAAE,EAAAH,EAAEI,aAC1BxB,EAAgBsB,cADyB,EAACC,GAE5C,GACD,GACD,IACA,CAAEE,SAAS,IAGPC,EAAiB,IAAIC,eAAeV,GAM1C,OAJIhB,EAAae,SACfU,EAAeE,QAAQ3B,EAAae,SAG/B,WACLU,EAAeG,aACfZ,EAAkBa,SAEtB,CAGD,GAAE,IAEErC,EAKHsC,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAKC,SAC1B,CAAAC,EAAAA,IAACC,EAAQA,SAACC,OAAM,CAACC,QAASlC,EAAoBmC,gBAAiBjC,EAAQ4B,SAAA,aAIvEC,EAAAK,IAAA,MAAA,CAAKT,UAAWU,EAAU,QAACT,EAAOU,QAAS5C,GAAgBkC,EAAOW,YAAYT,SAC5EC,EAAAK,IAAA,MAAA,CAAKT,UAAWC,EAAOY,aAAcC,IAAK7C,EAAakC,SACrDC,MAACW,EAAa,CAACC,UAAWC,EAAsBd,SAC9CC,MAAC3C,EAAoB,CACnBF,IAAKA,EACLC,QAASA,EACT0D,SAAUhE,EACVE,gBAAiBA,EACjBC,iBAAkBA,EAClBC,kBAAmBA,EACnBH,YAAaA,aAnBhB,IA0BX"}

package/cjs-bundle/componentsV2/AppSettings/AppSettings.scss.js

@@ -1,2 +1,2 @@
-"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')('.AppSettings_root__qDp-p{display:flex;flex-flow:column nowrap}.AppSettings_root__qDp-p:hover .AppSettings_pinnedPinButton__hsGmE{opacity:1}.AppSettings_header__Dd4JA{align-items:center;display:flex;flex-flow:row nowrap;gap:8px;padding:8px 16px}.AppSettings_title__qIMiP{margin-right:auto}.AppSettings_content__BJqk5{border-top:2px solid var(--palette-background-b-4);display:flex;flex-flow:column;overflow:hidden;position:relative}.AppSettings_scrollable__0TBNI{position:relative}.AppSettings_scrollable__0TBNI:before{background:linear-gradient(180deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);content:"";height:16px;inset:0 10px auto 0;position:absolute;z-index:1}.AppSettings_scrollable__0TBNI:after{background:linear-gradient(0deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);content:"";height:16px;inset:auto 10px 0 0;position:absolute;z-index:1}.AppSettings_contentInner__W7UOM{height:100%;overflow:auto;padding:0 16px}.AppSettings_pinnedPinButton__hsGmE{opacity:0;transition:opacity .15s cubic-bezier(.4,0,.2,1)}'),module.exports={spacing:"8",root:"AppSettings_root__qDp-p",pinnedPinButton:"AppSettings_pinnedPinButton__hsGmE",header:"AppSettings_header__Dd4JA",title:"AppSettings_title__qIMiP",content:"AppSettings_content__BJqk5",scrollable:"AppSettings_scrollable__0TBNI",contentInner:"AppSettings_contentInner__W7UOM"};
+"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')('.AppSettings_root__qDp-p{display:contents}.AppSettings_content__BJqk5{display:flex;flex:1 1;flex-flow:column;overflow:hidden;position:relative}.AppSettings_scrollable__0TBNI{position:relative}.AppSettings_scrollable__0TBNI:before{background:linear-gradient(180deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);content:"";height:16px;inset:0 10px auto 0;position:absolute;z-index:1}.AppSettings_scrollable__0TBNI:after{background:linear-gradient(0deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);content:"";height:16px;inset:auto 10px 0 0;position:absolute;z-index:1}.AppSettings_contentInner__W7UOM{height:100%;overflow:auto;padding:0 16px}'),module.exports={spacing:"8",root:"AppSettings_root__qDp-p",content:"AppSettings_content__BJqk5",scrollable:"AppSettings_scrollable__0TBNI",contentInner:"AppSettings_contentInner__W7UOM"};
 //# sourceMappingURL=AppSettings.scss.js.map

package/cjs-bundle/componentsV2/AppSettingsDivider/AppSettingsDivider.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("classnames"),t=require("./AppSettingsDivider.scss.js"),r=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(e);exports.AppSettingsDivider=function(e){var s=e.testId,a=e.className;return r.jsx("div",{className:i.default(t.root,a),"data-testid":s})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("classnames"),r=require("../AppPanel/AppPanel.js"),t=require("./AppSettingsDivider.scss.js"),s=require("react/jsx-runtime");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(e);exports.AppSettingsDivider=function(e){var i=e.testId,n=e.className;return s.jsx(r.AppPanel.Divider,{className:a.default(t.root,n),testId:i})};
 //# sourceMappingURL=AppSettingsDivider.js.map

package/cjs-bundle/componentsV2/AppSettingsDivider/AppSettingsDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSettingsDivider.js","sources":["../../../../src/componentsV2/AppSettingsDivider/AppSettingsDivider.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport styles from './AppSettingsDivider.scss';\n\nexport type AppSettingsDividerProps = {\n  className?: string;\n  testId?: string;\n};\n\nexport const AppSettingsDivider = ({ testId, className }: AppSettingsDividerProps) => (\n  <div className={classNames(styles.root, className)} data-testid={testId} />\n);\n"],"names":["_ref","testId","className","_jsx","classNames","styles","root"],"mappings":"uRASkC,SAAHA,GAAA,IAAMC,IAAAA,OAAQC,IAAAA,UAAS,OACpDC,EAAAA,IAAA,MAAA,CAAKD,UAAWE,EAAU,QAACC,EAAOC,KAAMJ,GAAY,cAAaD,GAAU"}
+{"version":3,"file":"AppSettingsDivider.js","sources":["../../../../src/componentsV2/AppSettingsDivider/AppSettingsDivider.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { AppPanel } from '../AppPanel';\n\nimport styles from './AppSettingsDivider.scss';\n\nexport type AppSettingsDividerProps = {\n  className?: string;\n  testId?: string;\n};\n\nexport const AppSettingsDivider = ({ testId, className }: AppSettingsDividerProps) => (\n  <AppPanel.Divider className={classNames(styles.root, className)} testId={testId} />\n);\n"],"names":["_ref","testId","className","_jsx","jsx","AppPanel","Divider","classNames","styles","root"],"mappings":"4TAWkC,SAAHA,GAAA,IAAMC,IAAAA,OAAQC,IAAAA,UAAS,OACpDC,EAAAC,IAACC,EAAQA,SAACC,QAAO,CAACJ,UAAWK,EAAU,QAACC,EAAOC,KAAMP,GAAYD,OAAQA,GAAU"}

package/cjs-bundle/componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js

@@ -1,2 +1,2 @@
-"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".AppSettingsDivider_root__CFSKr{border-top:2px solid var(--palette-background-b-4);margin-left:-16px;margin-right:-16px}"),module.exports={spacing:"8",root:"AppSettingsDivider_root__CFSKr"};
+"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".AppSettingsDivider_root__CFSKr{margin-left:-16px;margin-right:-16px}"),module.exports={spacing:"8",root:"AppSettingsDivider_root__CFSKr"};
 //# sourceMappingURL=AppSettingsDivider.scss.js.map

package/cjs-bundle/componentsV2/Autocomplete/Autocomplete.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/toConsumableArray"),s=require("@babel/runtime/helpers/typeof"),n=require("@babel/runtime/helpers/slicedToArray"),i=require("@material-ui/lab"),c=require("react"),r=require("classnames"),t=require("../Popper/Popper.js"),u=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var l=require("./AutocompleteInput/AutocompleteInput.js"),a=require("./AutocompletePaper.js"),p=require("./utils.js"),m=require("./AutocompleteMenuItem.js"),d=require("./AutocompleteListBox.js"),j=require("./Autocomplete.scss.js"),I=require("../Menu/Menu.js"),f=require("react/jsx-runtime");function q(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var O=q(e),b=q(o),C=q(s),h=q(n),v=q(r);function A(e,o){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),s.push.apply(s,n)}return s}function g(e){for(var o=1;o<arguments.length;o++){var s=null!=arguments[o]?arguments[o]:{};o%2?A(Object(s),!0).forEach((function(o){O.default(e,o,s[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):A(Object(s)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(s,o))}))}return e}var y=function(e){var o=e.label,s=e.options,n=void 0===s?[]:s,r=e.value,q=e.onChange,A=e.multiple,y=e.renderOption,x=void 0===y?p.renderOptionDefault:y,P=e.optionSize,M=void 0===P?"medium":P,k=e.showPopupIcon,F=void 0===k||k,D=e.clearable,S=void 0===D||D,N=e.loading,R=e.noOptionsMessage,w=e.filterOptions,z=e.prefix,B=e.disabled,T=e.getOptionDisabled,V=e.renderSelected,L=void 0===V?p.renderSelectedValue:V,E=e.onInputChange,G=e.className,U=e.testId,W=e.status,_=e.message,K=e.useAllOption,Z=void 0!==K&&K,H=e.useOnlyOptionButton,J=void 0!==H&&H,Q=e.groupBy,X=e.renderGroup,Y=e.disableFiltering,$=e.onCreate,ee=e.dropdownClassName,oe=e.popperProps,se=e.placeholder,ne=e.focusOnClear,ie=void 0===ne||ne,ce=e.listboxComponent,re=e.size,te=void 0===re?"small":re,ue=e.labelPlacement,le=void 0===ue?"top":ue,ae=e.elementsClassNames,pe=e.htmlAttributes,me=e.type,de=e.spacing,je=e.isNext,Ie=c.useState(""),fe=h.default(Ie,2),qe=fe[0],Oe=fe[1],be=c.useMemo((function(){if(void 0===r||r instanceof Array&&0===r.length)return A?[]:null;var e=r instanceof Array?r:[r];if(A){var o=e.filter((function(e){return"object"!==C.default(e)})),s=e.filter((function(e){return"object"===C.default(e)})).map((function(e){return{id:e.id,title:e.title}})),i=n.filter((function(e){return o.includes(e.id)}));return[].concat(b.default(i),b.default(s))}return"object"===C.default(e[0])?e[0]:n.find((function(o){return e[0]===o.id}))||null}),[A,r,n]),Ce=be instanceof Array&&be.length>0,he=be instanceof Array&&be.length===n.length,ve=N?"Loading  ...":"No options",Ae=!S||!be||be instanceof Array&&!(null!=be&&be.length),ge=c.useCallback((function(e){return f.jsx(l.AutocompleteInput,g(g({},e),{},{label:o,loading:N,prefix:z,status:W,message:_,readOnly:Y,placeholder:se,size:te,labelPlacement:le,elementsClassNames:ae,htmlAttributes:pe,type:me,spacing:de,isNext:je}))}),[o,N,z,W,_,Y,se,te,le,ae,pe,me,de,je]),ye=c.useCallback((function(e,o,s){if("clear"!==s||ie||(e.stopPropagation(),e.preventDefault()),$&&o){var i=(o instanceof Array?o:[o]).find((function(e){return!p.isRealOption(e)&&!!e[p.CreateOptionMark]}));if(i)return void $(i.newOptionTitle||"")}if(A&&o instanceof Array&&o.some((function(e){return!p.isRealOption(e)&&!!e[p.AllOptionMark]})))return void(be instanceof Array&&be.length<n.length?null==q||q(n.filter(p.isRealOption),s,e):null==q||q([],s,e));null==q||q(o||void 0,s,e)}),[ie,$,A,q,be,n]),xe=c.useCallback((function(e,o){return null==q?void 0:q([e],"select-only-option",o)}),[q]),Pe=c.useCallback((function(e,o){var s=o.selected;return p.isRealOption(e)?f.jsx(m.AutocompleteMenuItem,{size:M,selected:s,prefix:e.prefix,multiple:A,useOnlyButton:J,option:e,onSelectOnly:xe,children:x(e)}):e[p.AllOptionMark]?f.jsxs("div",{className:j.allOptionContainer,children:[f.jsx(m.AutocompleteMenuItem,{size:M,selected:Ce,indeterminate:Ce&&!he,multiple:!0,children:e.title}),f.jsx(I.Menu.Divider,{className:j.allOptionDivider})]}):f.jsx(m.AutocompleteMenuItem,{size:M,selected:Ce,children:e.title})}),[M,A,J,xe,x,Ce,he]),Me=c.useCallback((function(e,o){var s,n=w?w(e,o.inputValue):i.createFilterOptions()(e,o),c=Z&&A&&n.length&&e.length>1?[O.default({title:"All"},p.AllOptionMark,!0)].concat(b.default(n)):n;return $&&""!==o.inputValue.trim()?[].concat(b.default(c),[(s={title:'Add "'.concat(o.inputValue,'"')},O.default(s,p.CreateOptionMark,!0),O.default(s,"newOptionTitle",o.inputValue),s)]):c}),[w,$,Z,A]),ke=c.useCallback((function(e){return p.isRealOption(e)&&!(null==T||!T(e))}),[T]),Fe=c.useCallback((function(e){return e.title}),[]),De=c.useCallback((function(e,o){var s=e.filter(p.isRealOption).map((function(e,s){return{option:e,onDelete:o({index:s}).onDelete}}));return L(s,{useAllOption:Z,allOptions:n})}),[L,Z,n]),Se=c.useCallback((function(e,o,s){e&&"blur"===e.type?Oe(""):"reset"!==s&&Oe(o),"reset"!==s&&(null==E||E(o,e))}),[E]),Ne=c.useMemo((function(){if(Q)return function(e){return p.isRealOption(e)?Q(e):""}}),[Q]),Re=c.useMemo((function(){return{paper:ee}}),[ee]),we=c.useCallback((function(e,o){return!(!p.isRealOption(e)||!p.isRealOption(o))&&e.id===o.id}),[]),ze=i.Autocomplete,Be=c.useCallback((function(e){return f.jsx(t.Popper,g(g(g({},e),oe),{},{className:v.default(null==e?void 0:e.className,null==oe?void 0:oe.className)}))}),[oe]);return f.jsx("div",{className:v.default(j.root,F&&j.withArrow,!Ae&&j.withClear,G),"data-testid":U,children:f.jsx(ze,{value:be,options:n,getOptionLabel:Fe,renderInput:ge,PopperComponent:Be,PaperComponent:a.AutocompletePaper,multiple:A,disableCloseOnSelect:A,blurOnSelect:!A,onChange:ye,renderOption:Pe,popupIcon:f.jsx(u.DownIcon,{size:16}),forcePopupIcon:!!F,closeIcon:f.jsx(u.CloseSmallIcon,{size:16}),disableClearable:Ae,clearText:"",noOptionsText:R||ve,filterOptions:Me,disabled:B,getOptionDisabled:ke,renderTags:De,inputValue:A?qe:void 0,onInputChange:Se,groupBy:Ne,renderGroup:X,clearOnBlur:!0,selectOnFocus:!Y,classes:Re,getOptionSelected:we,ListboxComponent:null!=ce?ce:d.AutocompleteListBox})})},x=function(e){return y(g(g({},e),{},{isNext:!0}))};x.selectedValueRenderers={default:p.renderSelectedValue,chipsMultiline:p.renderSelectedValueChips},exports.Autocomplete=function(e){return y(g(g({},e),{},{isNext:!1}))},exports.AutocompleteNext=x;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/toConsumableArray"),o=require("@babel/runtime/helpers/typeof"),n=require("@babel/runtime/helpers/slicedToArray"),i=require("@material-ui/lab"),c=require("react"),r=require("classnames"),t=require("../Popper/Popper.js"),u=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var l=require("./AutocompleteInput/AutocompleteInput.js"),a=require("./AutocompletePaper.js"),p=require("./utils.js"),m=require("./AutocompleteMenuItem.js"),d=require("./AutocompleteListBox.js"),j=require("./Autocomplete.scss.js"),I=require("../Menu/Menu.js"),q=require("react/jsx-runtime");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var O=f(e),b=f(s),C=f(o),h=f(n),v=f(r);function A(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,n)}return o}function g(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?A(Object(o),!0).forEach((function(s){O.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):A(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var y=function(e){var s=e.label,o=e.options,n=void 0===o?[]:o,r=e.value,f=e.onChange,A=e.multiple,y=e.renderOption,x=void 0===y?p.renderOptionDefault:y,P=e.optionSize,M=void 0===P?"medium":P,k=e.showPopupIcon,F=void 0===k||k,D=e.clearable,S=void 0===D||D,N=e.loading,R=e.noOptionsMessage,w=e.filterOptions,z=e.prefix,B=e.disabled,T=e.getOptionDisabled,V=e.renderSelected,L=void 0===V?p.renderSelectedValue:V,E=e.onInputChange,G=e.className,U=e.testId,W=e.status,_=e.message,K=e.useAllOption,Z=void 0!==K&&K,H=e.useOnlyOptionButton,J=void 0!==H&&H,Q=e.groupBy,X=e.renderGroup,Y=e.disableFiltering,$=e.onCreate,ee=e.dropdownClassName,se=e.popperProps,oe=e.placeholder,ne=e.focusOnClear,ie=void 0===ne||ne,ce=e.listboxComponent,re=e.size,te=void 0===re?"small":re,ue=e.labelPlacement,le=void 0===ue?"top":ue,ae=e.elementsClassNames,pe=e.htmlAttributes,me=e.type,de=e.spacing,je=e.isNext,Ie=c.useState(""),qe=h.default(Ie,2),fe=qe[0],Oe=qe[1],be=c.useMemo((function(){if(void 0===r||r instanceof Array&&0===r.length)return A?[]:null;var e=r instanceof Array?r:[r];if(A){var s=e.filter((function(e){return"object"!==C.default(e)})),o=e.filter((function(e){return"object"===C.default(e)})).map((function(e){return{id:e.id,title:e.title}})),i=n.filter((function(e){return s.includes(e.id)}));return[].concat(b.default(i),b.default(o))}return"object"===C.default(e[0])?e[0]:n.find((function(s){return e[0]===s.id}))||null}),[A,r,n]),Ce=be instanceof Array&&be.length>0,he=be instanceof Array&&be.length===n.length,ve=N?"Loading  ...":"No options",Ae=!S||!be||be instanceof Array&&!(null!=be&&be.length),ge=c.useCallback((function(e){return q.jsx(l.AutocompleteInput,g(g({},e),{},{label:s,loading:N,prefix:z,status:W,message:_,readOnly:Y,placeholder:oe,size:te,labelPlacement:le,elementsClassNames:ae,htmlAttributes:pe,type:me,spacing:de,isNext:je}))}),[s,N,z,W,_,Y,oe,te,le,ae,pe,me,de,je]),ye=c.useCallback((function(e,s,o){if("clear"!==o||ie||(e.stopPropagation(),e.preventDefault()),$&&s){var i=(s instanceof Array?s:[s]).find((function(e){return!p.isRealOption(e)&&!!e[p.CreateOptionMark]}));if(i)return void $(i.newOptionTitle||"")}if(A&&s instanceof Array&&s.some((function(e){return!p.isRealOption(e)&&!!e[p.AllOptionMark]})))return void(be instanceof Array&&be.length<n.length?null==f||f(n.filter(p.isRealOption),o,e):null==f||f([],o,e));null==f||f(s||void 0,o,e)}),[ie,$,A,f,be,n]),xe=c.useCallback((function(e,s){return null==f?void 0:f([e],"select-only-option",s)}),[f]),Pe=c.useCallback((function(e,s){var o=s.selected;return p.isRealOption(e)?q.jsx(m.AutocompleteMenuItem,{size:M,selected:o,prefix:e.prefix,multiple:A,useOnlyButton:J,option:e,onSelectOnly:xe,children:x(e)}):e[p.AllOptionMark]?q.jsxs("div",{className:j.allOptionContainer,children:[q.jsx(m.AutocompleteMenuItem,{size:M,selected:Ce,indeterminate:Ce&&!he,multiple:!0,children:e.title}),q.jsx(I.Menu.Divider,{className:j.allOptionDivider})]}):q.jsx(m.AutocompleteMenuItem,{size:M,selected:Ce,children:e.title})}),[M,A,J,xe,x,Ce,he]),Me=c.useCallback((function(e,s){var o,n=w?w(e,s.inputValue):i.createFilterOptions()(e,s),c=Z&&A&&n.length&&e.length>1?[O.default({title:"All"},p.AllOptionMark,!0)].concat(b.default(n)):n;return $&&""!==s.inputValue.trim()?[].concat(b.default(c),[(o={title:'Add "'.concat(s.inputValue,'"')},O.default(o,p.CreateOptionMark,!0),O.default(o,"newOptionTitle",s.inputValue),o)]):c}),[w,$,Z,A]),ke=c.useCallback((function(e){return p.isRealOption(e)&&!(null==T||!T(e))}),[T]),Fe=c.useCallback((function(e){return e.title}),[]),De=c.useCallback((function(e,s){var o=e.filter(p.isRealOption).map((function(e,o){return{option:e,onDelete:s({index:o}).onDelete}}));return L(o,{useAllOption:Z,allOptions:n})}),[L,Z,n]),Se=c.useCallback((function(e,s,o){e&&"blur"===e.type?Oe(""):"reset"!==o&&Oe(s),"reset"!==o&&(null==E||E(s,e))}),[E]),Ne=c.useMemo((function(){if(Q)return function(e){return p.isRealOption(e)?Q(e):""}}),[Q]),Re=c.useMemo((function(){return{paper:ee}}),[ee]),we=c.useCallback((function(e,s){return!(!p.isRealOption(e)||!p.isRealOption(s))&&e.id===s.id}),[]),ze=i.Autocomplete,Be=c.useCallback((function(e){return q.jsx(t.Popper,g(g(g({},e),se),{},{className:v.default(null==e?void 0:e.className,null==se?void 0:se.className)}))}),[se]);return q.jsx("div",{className:v.default(j.root,F&&j.withArrow,!Ae&&j.withClear,G),"data-testid":U,children:q.jsx(ze,{value:be,options:n,getOptionLabel:Fe,renderInput:ge,PopperComponent:Be,PaperComponent:a.AutocompletePaper,multiple:A,disableCloseOnSelect:A,blurOnSelect:!A,onChange:ye,renderOption:Pe,popupIcon:q.jsx(u.DownIcon,{size:16}),forcePopupIcon:!!F,closeIcon:q.jsx(u.CloseSmallIcon,{size:16}),disableClearable:Ae,clearText:"",noOptionsText:R||ve,filterOptions:Me,disabled:B,getOptionDisabled:ke,renderTags:De,inputValue:A?fe:void 0,onInputChange:Se,groupBy:Ne,renderGroup:X,clearOnBlur:!0,selectOnFocus:!Y,classes:Re,getOptionSelected:we,ListboxComponent:null!=ce?ce:d.AutocompleteListBox})})},x=function(e){return y(g(g({},e),{},{isNext:!0}))};x.selectedValueRenderers={default:p.renderSelectedValue,chipsMultiline:p.renderSelectedValueChips},exports.Autocomplete=function(e){return y(g(g({},e),{},{isNext:!1}))},exports.AutocompleteNext=x;
 //# sourceMappingURL=Autocomplete.js.map

package/cjs-bundle/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) => (\n      <Popper\n        {...props}\n        {...popperProps}\n        className={classNames(props?.className, popperProps?.className)}\n      />\n    ),\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","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) => (\n      <Popper\n        {...props}\n        {...popperProps}\n        className={classNames(props?.className, popperProps?.className)}\n      />\n    ),\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","AutocompleteNext","selectedValueRenderers","default","chipsMultiline","renderSelectedValueChips"],"mappings":"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"}

package/cjs-bundle/componentsV2/Breadcrumbs/Breadcrumbs.js

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

package/cjs-bundle/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":["_ref","showBackIcon","testId","items","className","onItemClick","activeIndex","_jsxs","classNames","styles","root","children","length","_jsx","jsx","item","onClick","_items$","to","LeftIcon","size","map","index","itemClassName","title","Fragment","separator","active"],"mappings":"guIA0B2B,SAOHA,GAAA,IANtBC,IAAAA,aACAC,IAAAA,OACAC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,YACAC,IAAAA,YAEA,OACEC,EAAAA,KAAA,MAAA,CAAKH,UAAWI,EAAU,QAACC,EAAOC,KAAMN,GAAY,cAAaF,EAAOS,SAAA,CACrEV,GAAgBE,EAAMS,OAAS,GAC9BC,EAAAC,IAAA,OAAA,CAAMV,UAAWK,EAAOM,KAAMC,QAAS,WAAA,IAAAC,EAAA,OAAMZ,aAAAA,EAAAA,EAAcF,SAAA,QAAKc,EAALd,EAAQ,UAAR,IAAAc,OAAK,EAALA,EAAYC,GAAI,EAAAP,SACzEE,MAACM,WAAQ,CAACC,KAAM,OAInBjB,EAAMkB,KAAI,WAAkDC,GAAK,IAAzCC,IAAXnB,UAA0BF,IAAAA,OAAQsB,IAAAA,MAAON,IAAAA,GAAE,OACvDX,EAAAA,KAACkB,EAAAA,SAAQ,CAAAd,SACNW,CAAAA,EAAQ,GAAKT,EAAAA,IAAA,MAAA,CAAKT,UAAWK,EAAOiB,UAAUf,SAAA,MAC/CE,EAAAC,IAAA,OAAA,CACEV,UAAWI,EAAAA,QACTC,EAAOM,KACPO,IAAUhB,GAAeG,EAAOkB,OAChCJ,GAEF,cAAarB,EACbc,QAAS,WAAA,OAAMX,eAAAA,EAAca,EAAI,EAAAP,SAEhCa,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":["_ref","showBackIcon","testId","items","className","onItemClick","activeIndex","_jsxs","classNames","styles","root","children","length","_jsx","jsx","item","onClick","_items$","to","LeftIcon","size","map","index","itemClassName","title","Fragment","separator","active"],"mappings":"60IA0B2B,SAOHA,GAAA,IANtBC,IAAAA,aACAC,IAAAA,OACAC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,YACAC,IAAAA,YAEA,OACEC,EAAAA,KAAA,MAAA,CAAKH,UAAWI,EAAU,QAACC,EAAOC,KAAMN,GAAY,cAAaF,EAAOS,SAAA,CACrEV,GAAgBE,EAAMS,OAAS,GAC9BC,EAAAC,IAAA,OAAA,CAAMV,UAAWK,EAAOM,KAAMC,QAAS,WAAA,IAAAC,EAAA,OAAMZ,aAAAA,EAAAA,EAAcF,SAAA,QAAKc,EAALd,EAAQ,UAAR,IAAAc,OAAK,EAALA,EAAYC,GAAI,EAAAP,SACzEE,MAACM,WAAQ,CAACC,KAAM,OAInBjB,EAAMkB,KAAI,WAAkDC,GAAK,IAAzCC,IAAXnB,UAA0BF,IAAAA,OAAQsB,IAAAA,MAAON,IAAAA,GAAE,OACvDX,EAAAA,KAACkB,EAAAA,SAAQ,CAAAd,SACNW,CAAAA,EAAQ,GAAKT,EAAAA,IAAA,MAAA,CAAKT,UAAWK,EAAOiB,UAAUf,SAAA,MAC/CE,EAAAC,IAAA,OAAA,CACEV,UAAWI,EAAAA,QACTC,EAAOM,KACPO,IAAUhB,GAAeG,EAAOkB,OAChCJ,GAEF,cAAarB,EACbc,QAAS,WAAA,OAAMX,eAAAA,EAAca,EAAI,EAAAP,SAEhCa,MAXUF,EAaJ,MAInB"}

package/cjs-bundle/componentsV2/ButtonLive/ButtonLive.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/objectWithoutProperties"),c=require("react"),e=require("classnames"),i=require("../Button/Button.js"),n=require("../Tooltip/Tooltip.js"),r=require("./ButtonLive.scss.js"),u=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var t=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var j=m(s),a=m(o),l=m(e),q=["children","tooltip","size","className"];function I(s,o){var c=Object.keys(s);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(s);o&&(e=e.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),c.push.apply(c,e)}return c}function d(s){for(var o=1;o<arguments.length;o++){var c=null!=arguments[o]?arguments[o]:{};o%2?I(Object(c),!0).forEach((function(o){j.default(s,o,c[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(c)):I(Object(c)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(c,o))}))}return s}var p={large:r.large,medium:r.medium,small:r.small},b=c.forwardRef((function(s,o){var c=s.children,e=void 0===c?"Live":c,m=s.tooltip,j=void 0===m?"Go to Live data":m,I=s.size,b=void 0===I?"medium":I,O=s.className,h=a.default(s,q);return t.jsx(n.Tooltip,{title:j,disabled:!j,placement:"bottom-start",children:t.jsx(i.Button,d(d({className:l.default(r.root,p[b],O),size:b,ref:o,type:"tertiary",prefix:t.jsx(u.ArrowRightIcon,{})},h),{},{children:e}))})}));exports.ButtonLive=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/objectWithoutProperties"),c=require("react"),e=require("classnames"),i=require("../Button/Button.js"),n=require("../Tooltip/Tooltip.js"),r=require("./ButtonLive.scss.js"),u=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var t=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var j=m(s),a=m(o),l=m(e),q=["children","tooltip","size","className"];function I(s,o){var c=Object.keys(s);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(s);o&&(e=e.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),c.push.apply(c,e)}return c}function d(s){for(var o=1;o<arguments.length;o++){var c=null!=arguments[o]?arguments[o]:{};o%2?I(Object(c),!0).forEach((function(o){j.default(s,o,c[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(c)):I(Object(c)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(c,o))}))}return s}var p={large:r.large,medium:r.medium,small:r.small},b=c.forwardRef((function(s,o){var c=s.children,e=void 0===c?"Live":c,m=s.tooltip,j=void 0===m?"Go to Live data":m,I=s.size,b=void 0===I?"medium":I,O=s.className,h=a.default(s,q);return t.jsx(n.Tooltip,{title:j,disabled:!j,placement:"bottom-start",children:t.jsx(i.Button,d(d({className:l.default(r.root,p[b],O),size:b,ref:o,type:"tertiary",prefix:t.jsx(u.ArrowRightIcon,{})},h),{},{children:e}))})}));exports.ButtonLive=b;
 //# sourceMappingURL=ButtonLive.js.map

package/cjs-bundle/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":"+/JAwBA,IAAMA,EAAoE,CACxEC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,OAGHC,EAAaC,EAAUA,YAClC,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,EAAA,QAAAV,EAAAW,GAGrF,OACEC,EAAAA,IAACC,EAAAA,QAAO,CAACC,MAAOT,EAASU,UAAWV,EAASW,UAAU,eAAcb,SACnES,MAACK,SAAMC,EAAAA,EAAA,CACLV,UAAWW,EAAU,QAACxB,EAAOyB,KAAM3B,EAAec,GAAOC,GACzDD,KAAMA,EACNN,IAAKA,EACLoB,KAAK,WACLC,OAAQV,EAAAA,IAACW,EAAcA,eAAA,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":"4mKAwBA,IAAMA,EAAoE,CACxEC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,OAGHC,EAAaC,EAAUA,YAClC,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,EAAA,QAAAV,EAAAW,GAGrF,OACEC,EAAAA,IAACC,EAAAA,QAAO,CAACC,MAAOT,EAASU,UAAWV,EAASW,UAAU,eAAcb,SACnES,MAACK,SAAMC,EAAAA,EAAA,CACLV,UAAWW,EAAU,QAACxB,EAAOyB,KAAM3B,EAAec,GAAOC,GACzDD,KAAMA,EACNN,IAAKA,EACLoB,KAAK,WACLC,OAAQV,EAAAA,IAACW,EAAcA,eAAA,KACnBd,GAAI,GAAA,CAAAN,SAEPA,MAIT"}

package/cjs-bundle/componentsV2/ChartAxisExtreme/ChartAxisExtreme.js

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

package/cjs-bundle/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":["_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","jsxs","content","onMouseLeave","onClick","ref","valueContainer","vertical","jsx","UpIcon","size","Number","arrowsSize","valueArrow","LeftIcon","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":["_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","jsxs","content","onMouseLeave","onClick","ref","valueContainer","vertical","jsx","UpIcon","size","Number","arrowsSize","valueArrow","LeftIcon","DownIcon","RightIcon","ChartAxisExtremeInput","onEditEnd"],"mappings":"khJA+CgC,SAUHA,GAAA,IAT3BC,IAAAA,KACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,YACAC,IAAAA,MAAKC,EAAAN,EACLO,eAAAA,aAAiB,EAACD,EAClBE,IAAAA,SACAC,IAAAA,YAAWC,EAAAV,EACXW,SAAAA,aAAWC,EAAAA,sBAAqBF,EAEEG,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAA1CC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GAC9BK,EAA4CN,EAAAA,WAAkBO,EAAAL,EAAAA,QAAAI,EAAA,GAAvDE,EAAcD,EAAA,GAAEE,EAAiBF,EAAA,GACxCG,EAAkCV,EAAAA,WAAkBW,EAAAT,EAAAA,QAAAQ,EAAA,GAA7CE,EAASD,EAAA,GAAEE,EAAYF,EAAA,GACMX,EAAAA,EAAQA,UAAC,GAAMc,EAAAZ,EAAAA,QAAAa,EAAA,GAA5CC,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAiBC,UAAO,GACxBC,EAAYD,SAAuB,MACnCE,EAAoBF,EAAAA,SAEpBG,EAAaN,EAAaJ,EAAYpB,EAEtC+B,EAAYC,EAAAA,kBAAkB,CAClCpC,KAAAA,EACAQ,YAAAA,IAGI6B,GAAcrC,EAAKsC,MAEnBC,EAAkBpC,GAAeqC,wBAEjCC,EAAwBC,eAC5B,SAACC,GAAiB,MACU,iBAAnBrC,EACHsC,KAAKC,MAAMF,GAAarC,GAAkB,IAC1CA,EAAeqC,KACrB,CAACrC,IAGGwC,EAAiBJ,eACrB,SAACtC,GAAa,OAAKM,EAASN,EAAO,CAAEJ,KAAAA,EAAMQ,YAAAA,GAAc,GACzD,CAACR,EAAMQ,EAAaE,IAGhBqC,EAAeL,EAAAA,aAAY,WAC/BZ,EAAekB,SAAU,EACzB/B,GAAa,EACd,GAAE,IAEGgC,EAAcP,EAAAA,aAAY,WAC9BZ,EAAekB,SAAU,EACzB/B,GAAa,EACd,GAAE,IAEGiC,EAAiBR,eACrB,SAACS,QACkBC,IAAbD,IACF5C,SAAAA,EAAW4C,EAAU,CAAEnD,KAAAA,EAAMQ,YAAAA,KAE/ByC,GACD,GACD,CAACjD,EAAMQ,EAAaD,EAAU0C,IAG1BI,EAAcX,eAA+B,SAAAY,GACjDA,EAAEC,iBACFtB,EAAkBe,aAAUI,EAC5BtB,EAAekB,SAAU,CAC1B,GAAE,IAEGQ,EAAsBd,eAC1B,SAACS,GACC5C,SAAAA,EAAW4C,EAAU,CAAEnD,KAAAA,EAAMQ,YAAAA,GAC9B,GACD,CAACR,EAAMQ,EAAaD,IAGhBkD,EAAoBC,EAAAA,SACxB,WAAA,OACEC,EAAAA,UAAS,SAACR,GACRK,EAAoBL,EACrB,GAAE,OACL,CAACK,IAGGI,EAAYlB,EAAAA,aAAY,WAC5BZ,EAAekB,SAAU,EACzBvB,OAAa2B,GACb/B,OAAkB+B,GAClBvB,GAAc,GACd4B,EAAkBI,OACpB,GAAG,CAACJ,IAEEK,GAAcpB,EAAAA,aAAY,YAC1BZ,EAAekB,SAAYhC,GAAcY,IAC3CH,EAAaS,GACbb,EAAkBa,GAClBL,GAAc,GAEjB,GAAE,CAACD,EAAYZ,EAAWkB,IAErB6B,GAASrB,eACb,SAACsB,GACC,GAAKhC,EAAUgB,SAAYhD,QAA2BoD,IAAnBhC,EAAnC,CAIgC,IAAA6C,EAAhC,IAAKhC,EAAkBe,QACrBf,EAAkBe,QAA2B,QAAjBhB,EAAAA,EAAUgB,eAAO,IAAAiB,OAAA,EAAjBA,EAAmBC,wBAIjD,IAAQC,EAAqBH,EAArBG,QAASC,EAAYJ,EAAZI,QACenC,EAAAA,EAAkBe,QAA1CqB,IAAAA,EAAGC,IAAAA,OAAQC,IAAAA,EAAGC,IAAAA,MAGhB7B,EAAYN,EACdoC,EAAYA,aAACN,EAASE,EAAGC,IACxBG,EAAAA,aAAaL,EAASG,EAAGC,GAExBrB,EAAW/B,EAAiBqB,EAAsBE,GAEnDG,EAAeK,KAIpB1B,EAAa0B,GACbM,EAAkBN,GAtBlB,CAuBF,GACA,CAACL,EAAgB9C,EAAMyC,EAAuBrB,EAAgBiB,EAAYoB,IAM5E,OAFAiB,EAAAA,WAAU,WAAA,OAAM,WAAA,OAAMjB,EAAkBkB,QAAQ,IAAE,CAAClB,SAEhCL,IAAflB,GAA6BlC,EAK/B4E,EAAAA,KAAA,MAAA,CAAK1E,UAAW2E,EAAU,QAACC,EAAOC,KAAM7E,GAAY8E,MAAO7C,EAAW,cAAalC,EAAOgF,SAAA,CAGxFC,MAACC,8BAA2B,CAC1BvD,WAAYA,EACZgC,UAAWA,EACXG,OAAQA,GACR1B,WAAYA,IAGduC,EAAAQ,KAAA,MAAA,CACElF,UAAW4E,EAAOO,QAClBhC,YAAaA,EACbiC,aAAcxB,GACdyB,QAASxC,EACTyC,IAAKxD,EAAUiD,SAEf,CAAAL,EAAAQ,KAAA,MAAA,CACElF,UAAW2E,EAAAA,QACTC,EAAOW,eACPzE,GAAa8D,EAAO9D,UACpBqB,GAAcyC,EAAOY,UACrBT,SAED5C,CAAAA,EACC6C,EAAAS,IAACC,SAAM,CAACC,KAAMC,OAAOhB,EAAOiB,YAAa7F,UAAW4E,EAAOkB,aAE3Dd,MAACe,WAAQ,CAACJ,KAAMC,OAAOhB,EAAOiB,YAAa7F,UAAW4E,EAAOkB,aAE/Dd,EAAAS,IAAA,MAAA,CAAKzF,UAAW4E,EAAO1E,MAAM6E,SAAE1C,EAAgBL,KAC9CG,EACC6C,EAAAS,IAACO,WAAQ,CAACL,KAAMC,OAAOhB,EAAOiB,YAAa7F,UAAW4E,EAAOkB,aAE7Dd,MAACiB,YAAS,CAACN,KAAMC,OAAOhB,EAAOiB,YAAa7F,UAAW4E,EAAOkB,gBAIlEd,MAACkB,wBAAqB,CACpBhG,MAAO8B,EACPlB,UAAWA,EACXqF,UAAWnD,EACXxC,SAAUoC,EACVT,WAAYA,UA9CX,IAmDX"}