npm - @corva/ui - Versions diffs - 3.75.0-1 → 3.75.0-11 - Mend

@corva/ui 3.75.0-1 → 3.75.0-11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1433) hide show

package/componentsV2/PadModeSelect/PadModeSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PadModeSelect.js","sources":["../../../src/componentsV2/PadModeSelect/PadModeSelect.tsx"],"sourcesContent":["import { isEmpty } from 'lodash';\nimport classNames from 'classnames';\nimport { FC, useCallback, useRef, useState } from 'react';\n\nimport { COMPLETION_APP_TYPES, COMPLETION_MODES } from '../../constants/completion';\nimport { getAssetKey, getDefaultPadModeSetting } from '../../utils/completion';\nimport { PadMode, PadModeSetting } from '../../types';\nimport { TextMiddleTruncated } from '../TextMiddleTruncated';\nimport { Text } from '../Text';\nimport { Menu } from '../Menu';\nimport { Button } from '../Button';\n\nimport { FracModeLabel } from './FracModeLabel';\nimport { MenuWellStreamStatus } from './MenuWellStreamStatus';\nimport { PadModeSelectTestIds } from './PadModeSelect.constants';\nimport { getSelectValue } from './utils/getSelectValue';\nimport { getActiveAsset } from './utils/getActiveAsset';\nimport { useMenuItems } from './utils/useMenuItems';\nimport { parseMenuItemKey } from './utils/menuItemsUtils';\nimport { AssetStatus } from './utils/types';\nimport { ColorAccent } from './ColorAccent';\n\nimport styles from './PadModeSelect.scss';\n\nimport { useAppCommons } from '~/effects';\nimport { DownIcon, InfoIcon } from '~/icons';\n\nconst IS_LOCAL_ENV = process.env.NODE_ENV === 'development';\n\nexport type PadModeSelectProps = {\n className?: string;\n testId?: string;\n};\n\nexport const PadModeSelect: FC<PadModeSelectProps> = ({ className, testId }) => {\n const { app, well, fracFleet, wells = [], appSettings, onSettingChange } = useAppCommons();\n\n const padId = appSettings?.padId;\n\n const assetKey = getAssetKey(fracFleet, well, padId);\n const { key: appKey } = app?.package?.manifest?.application \|\| {};\n\n const { enableSimulFracInPadSelect, completionAppType, disableActiveWellsInPadSelect } =\n app?.package?.manifest?.application?.ui \|\| {};\n\n const appType = completionAppType \|\| COMPLETION_APP_TYPES.fracMultiWellApp;\n\n const fracFleetLines =\n fracFleet?.pad_frac_fleets?.find(padFracFleet =>\n padId && padFracFleet.pad.id\n ? padFracFleet.pad.id.toString() === padId.toString()\n : padFracFleet.current\n )?.frac_fleet_lines \|\| [];\n\n const padModeSetting: PadModeSetting = !isEmpty(appSettings?.settingsByAsset?.[assetKey])\n ? appSettings?.settingsByAsset?.[assetKey]\n : getDefaultPadModeSetting(fracFleet, well, appType);\n\n const value = getSelectValue({\n fracFleetLines,\n padModeSetting,\n enableSimulFracInPadSelect,\n });\n\n const menuItems = useMenuItems({\n completionAppType,\n assets: wells,\n fracFleetLines,\n enableSimulFracInPadSelect,\n });\n\n const selectedMenuItem = menuItems.find(({ key }) => key === value);\n\n const activeAsset = getActiveAsset({ assets: wells, padModeSetting, completionAppType });\n\n const [menuOpen, setMenuOpen] = useState(false);\n const menuButtonRef = useRef<HTMLButtonElement>(null);\n const toggleMenu = useCallback(() => setMenuOpen(value => !value), []);\n const showMenuFooter = !enableSimulFracInPadSelect && fracFleetLines.length > 0;\n\n const handleChange = useCallback(\n (value: string) => {\n setMenuOpen(false);\n const { mode, assetId } = parseMenuItemKey(value);\n\n const padModeSetting: PadModeSetting = {\n mode,\n };\n\n if (mode === PadMode.custom) {\n padModeSetting.mode = PadMode.custom;\n padModeSetting.selectedAssets = [parseInt(assetId, 10)];\n } else if (mode === PadMode.padLine) {\n padModeSetting.selectedLine = assetId;\n }\n\n const localStorageKey = `local_corva_pad_mode_${appKey}_${assetKey}`;\n\n if (IS_LOCAL_ENV) {\n localStorage.setItem(localStorageKey, JSON.stringify(padModeSetting));\n }\n\n onSettingChange('settingsByAsset', {\n ...appSettings?.settingsByAsset,\n [assetKey]: padModeSetting,\n });\n },\n [appKey, assetKey, onSettingChange, appSettings?.settingsByAsset]\n );\n\n if (\n well \|\|\n isEmpty(wells) \|\|\n !fracFleet \|\|\n (!activeAsset && padModeSetting.mode !== PadMode.padLine)\n ) {\n return null;\n }\n\n return (\n <div className={classNames(styles.root, className)} data-testid={testId}>\n {value && (\n <>\n <Button\n type={menuOpen ? 'chartColored' : 'chart'}\n size=\"small\"\n onClick={toggleMenu}\n ref={menuButtonRef}\n className={styles.menuButton}\n suffix={\n <DownIcon className={classNames(styles.menuButtonArrow, menuOpen && styles.open)} />\n }\n >\n <TextMiddleTruncated\n testId={PadModeSelectTestIds.SelectedItemTestId}\n className={styles.buttonInner}\n >\n {selectedMenuItem?.label}\n </TextMiddleTruncated>\n </Button>\n\n <Menu\n anchorEl={menuButtonRef.current}\n open={menuOpen}\n onClose={toggleMenu}\n className={styles.menu}\n placement=\"bottom\"\n >\n <FracModeLabel fracFleetLines={fracFleetLines} />\n\n {menuItems.map(\n ({ key, label, isSubItem, isDisabled, status, assetId, customColor }) => (\n <Menu.Item\n size=\"medium\"\n key={key}\n disabled={\n disableActiveWellsInPadSelect &&\n status !== AssetStatus.active &&\n key !== COMPLETION_MODES.pad &&\n (isSubItem \|\| isDisabled)\n }\n onClick={() => handleChange(key)}\n testId={`${PadModeSelectTestIds.MenuItemTestId}_${label}`}\n selected={key === selectedMenuItem?.key}\n >\n <ColorAccent color={customColor} />\n <Text\n size={12}\n color=\"inherit\"\n className={classNames(styles.menuItemLabel, isSubItem && styles.subItemLabel)}\n >\n <TextMiddleTruncated>{label}</TextMiddleTruncated>\n {menuOpen && status === AssetStatus.active && !!assetId && (\n <MenuWellStreamStatus currentWellId={assetId} />\n )}\n </Text>\n </Menu.Item>\n )\n )}\n\n {showMenuFooter && (\n <Text\n testId={PadModeSelectTestIds.MenuFooterTestId}\n size={12}\n color=\"T6\"\n className={styles.simulFracMessage}\n >\n <InfoIcon size={16} className={styles.simulFracIcon} />\n Analytics apps show all wells in Pad Mode for Simulfracs\n </Text>\n )}\n </Menu>\n </>\n )}\n </div>\n );\n};\n"],"names":["IS_LOCAL_ENV","process","env","NODE_ENV","PadModeSelect","_ref","_app$package","_app$package$manifest","_app$package2","_app$package2$manifes","_app$package2$manifes2","_fracFleet$pad_frac_f","_fracFleet$pad_frac_f2","_appSettings$settings","_appSettings$settings2","className","testId","_useAppCommons","useAppCommons","app","well","fracFleet","_useAppCommons$wells","wells","appSettings","onSettingChange","padId","assetKey","getAssetKey","appKey","package","manifest","application","key","_ref3","ui","enableSimulFracInPadSelect","completionAppType","disableActiveWellsInPadSelect","appType","COMPLETION_APP_TYPES","fracMultiWellApp","fracFleetLines","pad_frac_fleets","find","padFracFleet","pad","id","toString","current","frac_fleet_lines","padModeSetting","isEmpty","settingsByAsset","getDefaultPadModeSetting","value","getSelectValue","menuItems","useMenuItems","assets","selectedMenuItem","_ref4","activeAsset","getActiveAsset","useState","_useState2","_slicedToArray","_useState","menuOpen","setMenuOpen","menuButtonRef","useRef","toggleMenu","useCallback","showMenuFooter","length","handleChange","parseMenuItemKey","mode","assetId","PadMode","custom","selectedAssets","parseInt","padLine","selectedLine","localStorageKey","concat","localStorage","setItem","JSON","stringify","_defineProperty","_jsx","classNames","styles","root","children","_jsxs","_Fragment","Button","type","size","onClick","ref","menuButton","suffix","DownIcon","menuButtonArrow","open","TextMiddleTruncated","PadModeSelectTestIds","SelectedItemTestId","buttonInner","label","Menu","anchorEl","onClose","menu","placement","FracModeLabel","map","_ref5","isSubItem","isDisabled","status","customColor","Item","disabled","AssetStatus","active","COMPLETION_MODES","MenuItemTestId","selected","ColorAccent","color","Text","menuItemLabel","subItemLabel","MenuWellStreamStatus","currentWellId","MenuFooterTestId","simulFracMessage","InfoIcon","simulFracIcon"],"mappings":"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"}
1	+ {"version":3,"file":"PadModeSelect.js","sources":["../../../src/componentsV2/PadModeSelect/PadModeSelect.tsx"],"sourcesContent":["import { isEmpty } from 'lodash';\nimport classNames from 'classnames';\nimport { FC, useCallback, useRef, useState } from 'react';\n\nimport { COMPLETION_APP_TYPES, COMPLETION_MODES } from '../../constants/completion';\nimport { getAssetKey, getDefaultPadModeSetting } from '../../utils/completion';\nimport { PadMode, PadModeSetting } from '../../types';\nimport { TextMiddleTruncated } from '../TextMiddleTruncated';\nimport { Text } from '../Text';\nimport { Menu } from '../Menu';\nimport { Button } from '../Button';\n\nimport { FracModeLabel } from './FracModeLabel';\nimport { MenuWellStreamStatus } from './MenuWellStreamStatus';\nimport { PadModeSelectTestIds } from './PadModeSelect.constants';\nimport { getSelectValue } from './utils/getSelectValue';\nimport { getActiveAsset } from './utils/getActiveAsset';\nimport { useMenuItems } from './utils/useMenuItems';\nimport { parseMenuItemKey } from './utils/menuItemsUtils';\nimport { AssetStatus } from './utils/types';\nimport { ColorAccent } from './ColorAccent';\n\nimport styles from './PadModeSelect.scss';\n\nimport { useAppCommons } from '~/effects';\nimport { DownIcon, InfoIcon } from '~/icons';\n\nconst IS_LOCAL_ENV = process.env.NODE_ENV === 'development';\n\nexport type PadModeSelectProps = {\n className?: string;\n testId?: string;\n};\n\nexport const PadModeSelect: FC<PadModeSelectProps> = ({ className, testId }) => {\n const { app, well, fracFleet, wells = [], appSettings, onSettingChange } = useAppCommons();\n\n const padId = appSettings?.padId;\n\n const assetKey = getAssetKey(fracFleet, well, padId);\n const { key: appKey } = app?.package?.manifest?.application \|\| {};\n\n const { enableSimulFracInPadSelect, completionAppType, disableActiveWellsInPadSelect } =\n app?.package?.manifest?.application?.ui \|\| {};\n\n const appType = completionAppType \|\| COMPLETION_APP_TYPES.fracMultiWellApp;\n\n const fracFleetLines =\n fracFleet?.pad_frac_fleets?.find(padFracFleet =>\n padId && padFracFleet.pad.id\n ? padFracFleet.pad.id.toString() === padId.toString()\n : padFracFleet.current\n )?.frac_fleet_lines \|\| [];\n\n const padModeSetting: PadModeSetting = !isEmpty(appSettings?.settingsByAsset?.[assetKey])\n ? appSettings?.settingsByAsset?.[assetKey]\n : getDefaultPadModeSetting(fracFleet, well, appType);\n\n const value = getSelectValue({\n fracFleetLines,\n padModeSetting,\n enableSimulFracInPadSelect,\n });\n\n const menuItems = useMenuItems({\n completionAppType,\n assets: wells,\n fracFleetLines,\n enableSimulFracInPadSelect,\n });\n\n const selectedMenuItem = menuItems.find(({ key }) => key === value);\n\n const activeAsset = getActiveAsset({ assets: wells, padModeSetting, completionAppType });\n\n const [menuOpen, setMenuOpen] = useState(false);\n const menuButtonRef = useRef<HTMLButtonElement>(null);\n const toggleMenu = useCallback(() => setMenuOpen(value => !value), []);\n const showMenuFooter = !enableSimulFracInPadSelect && fracFleetLines.length > 0;\n\n const handleChange = useCallback(\n (value: string) => {\n setMenuOpen(false);\n const { mode, assetId } = parseMenuItemKey(value);\n\n const padModeSetting: PadModeSetting = {\n mode,\n };\n\n if (mode === PadMode.custom) {\n padModeSetting.mode = PadMode.custom;\n padModeSetting.selectedAssets = [parseInt(assetId, 10)];\n } else if (mode === PadMode.padLine) {\n padModeSetting.selectedLine = assetId;\n }\n\n const localStorageKey = `local_corva_pad_mode_${appKey}_${assetKey}`;\n\n if (IS_LOCAL_ENV) {\n localStorage.setItem(localStorageKey, JSON.stringify(padModeSetting));\n }\n\n onSettingChange('settingsByAsset', {\n ...appSettings?.settingsByAsset,\n [assetKey]: padModeSetting,\n });\n },\n [appKey, assetKey, onSettingChange, appSettings?.settingsByAsset]\n );\n\n if (\n well \|\|\n isEmpty(wells) \|\|\n !fracFleet \|\|\n (!activeAsset && padModeSetting.mode !== PadMode.padLine)\n ) {\n return null;\n }\n\n return (\n <div className={classNames(styles.root, className)} data-testid={testId}>\n {value && (\n <>\n <Button\n type={menuOpen ? 'chartColored' : 'chart'}\n size=\"small\"\n onClick={toggleMenu}\n ref={menuButtonRef}\n className={styles.menuButton}\n suffix={\n <DownIcon className={classNames(styles.menuButtonArrow, menuOpen && styles.open)} />\n }\n >\n <TextMiddleTruncated\n testId={PadModeSelectTestIds.SelectedItemTestId}\n className={styles.buttonInner}\n >\n {selectedMenuItem?.label}\n </TextMiddleTruncated>\n </Button>\n\n <Menu\n anchorEl={menuButtonRef.current}\n open={menuOpen}\n onClose={toggleMenu}\n className={styles.menu}\n placement=\"bottom\"\n >\n <FracModeLabel fracFleetLines={fracFleetLines} />\n\n {menuItems.map(\n ({ key, label, isSubItem, isDisabled, status, assetId, customColor }) => (\n <Menu.Item\n size=\"medium\"\n key={key}\n disabled={\n disableActiveWellsInPadSelect &&\n status !== AssetStatus.active &&\n key !== COMPLETION_MODES.pad &&\n (isSubItem \|\| isDisabled)\n }\n onClick={() => handleChange(key)}\n testId={`${PadModeSelectTestIds.MenuItemTestId}_${label}`}\n selected={key === selectedMenuItem?.key}\n >\n <ColorAccent color={customColor} />\n <Text\n size={12}\n color=\"inherit\"\n className={classNames(styles.menuItemLabel, isSubItem && styles.subItemLabel)}\n >\n <TextMiddleTruncated>{label}</TextMiddleTruncated>\n {menuOpen && status === AssetStatus.active && !!assetId && (\n <MenuWellStreamStatus currentWellId={assetId} />\n )}\n </Text>\n </Menu.Item>\n )\n )}\n\n {showMenuFooter && (\n <Text\n testId={PadModeSelectTestIds.MenuFooterTestId}\n size={12}\n color=\"T6\"\n className={styles.simulFracMessage}\n >\n <InfoIcon size={16} className={styles.simulFracIcon} />\n Analytics apps show all wells in Pad Mode for Simulfracs\n </Text>\n )}\n </Menu>\n </>\n )}\n </div>\n );\n};\n"],"names":["IS_LOCAL_ENV","process","env","NODE_ENV","PadModeSelect","_ref","_app$package","_app$package$manifest","_app$package2","_app$package2$manifes","_app$package2$manifes2","_fracFleet$pad_frac_f","_fracFleet$pad_frac_f2","_appSettings$settings","_appSettings$settings2","className","testId","_useAppCommons","useAppCommons","app","well","fracFleet","_useAppCommons$wells","wells","appSettings","onSettingChange","padId","assetKey","getAssetKey","appKey","package","manifest","application","key","_ref3","ui","enableSimulFracInPadSelect","completionAppType","disableActiveWellsInPadSelect","appType","COMPLETION_APP_TYPES","fracMultiWellApp","fracFleetLines","pad_frac_fleets","find","padFracFleet","pad","id","toString","current","frac_fleet_lines","padModeSetting","isEmpty","settingsByAsset","getDefaultPadModeSetting","value","getSelectValue","menuItems","useMenuItems","assets","selectedMenuItem","_ref4","activeAsset","getActiveAsset","useState","_useState2","_slicedToArray","_useState","menuOpen","setMenuOpen","menuButtonRef","useRef","toggleMenu","useCallback","showMenuFooter","length","handleChange","parseMenuItemKey","mode","assetId","PadMode","custom","selectedAssets","parseInt","padLine","selectedLine","localStorageKey","concat","localStorage","setItem","JSON","stringify","_defineProperty","_jsx","classNames","styles","root","children","_jsxs","_Fragment","Button","type","size","onClick","ref","menuButton","suffix","DownIcon","menuButtonArrow","open","TextMiddleTruncated","PadModeSelectTestIds","SelectedItemTestId","buttonInner","label","Menu","anchorEl","onClose","menu","placement","FracModeLabel","map","_ref5","isSubItem","isDisabled","status","customColor","Item","disabled","AssetStatus","active","COMPLETION_MODES","MenuItemTestId","selected","ColorAccent","color","Text","menuItemLabel","subItemLabel","MenuWellStreamStatus","currentWellId","MenuFooterTestId","simulFracMessage","InfoIcon","simulFracIcon"],"mappings":"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"}

package/componentsV2/Popover/Popover.d.ts CHANGED Viewed

@@ -35,7 +35,10 @@ export type PopoverProps = {
      */
     flip?: boolean;
     /**
-     * Element where Popper will mount. Default - `document.body`
+     * Element where Popper will mount.
+     *
+     * Defaults to the closest ancestor `Modal` root (if `anchorEl` is inside one), falling back to
+     * `document.body`.
      */
     container?: HTMLElement;
     /**

package/componentsV2/Popover/Popover.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EACjB,SAAS,EAKV,MAAM,OAAO,CAAC;AAKf,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;~~AAQ7C~~,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IAEd,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAErC;;;OAGG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAEnC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,GAAG,WAAW,KAAK,IAAI,CAAC;IAC1D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,YAAY,CAAC,EAAE,iBAAiB,CAAC;IAEjC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf~~;;OAEG~~;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,OAAO,~~yGAiInB~~,CAAC"}
1	+ {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EACjB,SAAS,EAKV,MAAM,OAAO,CAAC;AAKf,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAS7C,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IAEd,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAErC;;;OAGG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAEnC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,GAAG,WAAW,KAAK,IAAI,CAAC;IAC1D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,YAAY,CAAC,EAAE,iBAAiB,CAAC;IAEjC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;;;OAKG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,OAAO,yGAmInB,CAAC"}

package/componentsV2/Popover/Popover.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import{forwardRef as t,useRef as o,useCallback as n,useEffect as r,useMemo as i}from"react";import{Grow as c}from"@material-ui/core";import s from"classnames";import{Popper as a}from"../Popper/Popper.js";import{Paper as p}from"../Paper/Paper.js";import{disableScroll as l}from"./utils.js";import m from"./Popover.scss.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"lodash";import"../../components/GradientManager/configuration/constants.js";import{DRAGGING_ATTRIBUTE as u}from"../../constants/attachments.js";import{jsxs as d,Fragment as f,jsx as v}from"react/jsx-runtime";function j(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function b(t){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?j(Object(n),!0).forEach((function(o){e(t,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var y=t((function(e,t){var j=e.children,y=e.open,O=e.onClose,h=e.className,g=e.closeOnBackdropClick,E=void 0===g||g,P=e.closeOnEscape,w=void 0===P||P,k=e.backdrop,C=void 0===k||k,M=e.anchorEl,N=e.preventScroll,S=void 0===N||N,x=e.placement,D=void 0===x?"bottom-start":x,L=e.onMouseLeave,A=e.onMouseEnter,R=e.flip,q=void 0===R||R,z=e.preventOverflow,B=void 0===z||z,G=e.container,I=e.animate,K=void 0===I||I,T=e.type,U=void 0===T?"popover":T,F=o(null),H=o(new ResizeObserver((function(){var e;null===(e=F.current)||void 0===e||e.scheduleUpdate()}))),J=n((function(){O&&E&&O("backdropClick")}),[O,E]);r((function(){var e=function(e){if("Escape"===e.key||"Esc"===e.key){if(document.querySelector("[".concat(u,"]")))return;null==O||O("escapeKey")}};return y&&w?(document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}):function(){}}),[O,w,y]),r((function(){return y&&S?l(document.body):function(){}}),[y,S]);var Q=i((function(){return{preventOverflow:{enabled:B,padding:0,boundariesElement:"viewport"},flip:{enabled:q}}}),[q,B]);return d(f,{children:[C&&v(a,{open:y,className:m.root,container:G,children:v("div",{className:m.backdrop,onClick:J})}),v(a,{open:y,anchorEl:M,placement:D,className:m.root,transition:!0,popperRef:F,modifiers:Q,container:G,children:function(e){var o=e.TransitionProps;return v(c,b(b({},o),{},{timeout:K?"auto":0,disableStrictModeCompat:!0,onEntered:function(){for(var e,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];null==o||null===(e=o.onEntered)||void 0===e||e.call.apply(e,[o].concat(n)),H.current.observe(n[0])},onExit:function(){for(var e,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];null==o||null===(e=o.onExit)||void 0===e||e.call.apply(e,[o].concat(n)),H.current.disconnect()},children:v(p,{className:s(m.paper,h),onMouseEnter:A,onMouseLeave:L,ref:t,type:U,children:j})}))}})]})}));export{y as Popover};
+import e from"@babel/runtime/helpers/defineProperty";import{forwardRef as t,useRef as o,useCallback as n,useEffect as r,useMemo as i}from"react";import{Grow as c}from"@material-ui/core";import s from"classnames";import{Popper as a}from"../Popper/Popper.js";import{Paper as p}from"../Paper/Paper.js";import{getDefaultPopperContainer as l}from"../utils.js";import{disableScroll as m}from"./utils.js";import u from"./Popover.scss.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"lodash";import"../../components/GradientManager/configuration/constants.js";import{DRAGGING_ATTRIBUTE as d}from"../../constants/attachments.js";import{jsxs as f,Fragment as v,jsx as j}from"react/jsx-runtime";function b(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function y(t){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?b(Object(n),!0).forEach((function(o){e(t,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var O=t((function(e,t){var b=e.children,O=e.open,h=e.onClose,g=e.className,E=e.closeOnBackdropClick,P=void 0===E||E,w=e.closeOnEscape,k=void 0===w||w,C=e.backdrop,M=void 0===C||C,N=e.anchorEl,S=e.preventScroll,x=void 0===S||S,D=e.placement,L=void 0===D?"bottom-start":D,A=e.onMouseLeave,R=e.onMouseEnter,q=e.flip,z=void 0===q||q,B=e.preventOverflow,G=void 0===B||B,I=e.container,K=e.animate,T=void 0===K||K,U=e.type,F=void 0===U?"popover":U,H=o(null),J=o(new ResizeObserver((function(){var e;null===(e=H.current)||void 0===e||e.scheduleUpdate()}))),Q=n((function(){h&&P&&h("backdropClick")}),[h,P]);r((function(){var e=function(e){if("Escape"===e.key||"Esc"===e.key){if(document.querySelector("[".concat(d,"]")))return;null==h||h("escapeKey")}};return O&&k?(document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}):function(){}}),[h,k,O]),r((function(){return O&&x?m(document.body):function(){}}),[O,x]);var V=i((function(){return{preventOverflow:{enabled:G,padding:0,boundariesElement:"viewport"},flip:{enabled:z}}}),[z,G]),W=null!=I?I:l(N);return f(v,{children:[M&&j(a,{open:O,className:u.root,container:W,children:j("div",{className:u.backdrop,onClick:Q})}),j(a,{open:O,anchorEl:N,placement:L,className:u.root,transition:!0,popperRef:H,modifiers:V,container:W,children:function(e){var o=e.TransitionProps;return j(c,y(y({},o),{},{timeout:T?"auto":0,disableStrictModeCompat:!0,onEntered:function(){for(var e,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];null==o||null===(e=o.onEntered)||void 0===e||e.call.apply(e,[o].concat(n)),J.current.observe(n[0])},onExit:function(){for(var e,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];null==o||null===(e=o.onExit)||void 0===e||e.call.apply(e,[o].concat(n)),J.current.disconnect()},children:j(p,{className:s(u.paper,g),onMouseEnter:R,onMouseLeave:A,ref:t,type:F,children:b})}))}})]})}));export{O as Popover};
 //# sourceMappingURL=Popover.js.map

package/componentsV2/Popover/Popover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.js","sources":["../../../src/componentsV2/Popover/Popover.tsx"],"sourcesContent":["import {\n forwardRef,\n MouseEventHandler,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n} from 'react';\nimport { Grow } from '@material-ui/core';\nimport classNames from 'classnames';\nimport PopperJs from 'popper.js';\n\nimport { Popper, PopperProps } from '../Popper';\nimport { Paper, PaperProps } from '../Paper';\n\nimport { disableScroll } from './utils';\n\nimport styles from './Popover.scss';\n\nimport { DRAGGING_ATTRIBUTE } from '~/constants';\n\nexport type PopoverProps = {\n open: boolean;\n\n placement?: PopperProps['placement'];\n\n /*\n A HTML element, a function that returns it, or a virtual element exposing\n * `getBoundingClientRect` (to anchor at a point). Sets the position of the popover.\n /\n anchorEl?: PopperProps['anchorEl'];\n\n /\n The content of the component.\n /\n children?: ReactNode;\n onClose?: (reason: 'backdropClick' \| 'escapeKey') => void;\n closeOnBackdropClick?: boolean;\n closeOnEscape?: boolean;\n\n /\n Determines if backdrop should be rendered\n /\n backdrop?: boolean;\n\n /\n Prevents scroll when open\n /\n preventScroll?: boolean;\n\n onMouseEnter?: MouseEventHandler;\n onMouseLeave?: MouseEventHandler;\n\n /\n Controls if Popover should stay inside its constraining element\n /\n preventOverflow?: boolean;\n /\n Controls if Popover should flip to opposite side if there's no space to fit it\n /\n flip?: boolean;\n\n /\n Element where Popper will mount. ~~Default~~ - `document.body`\n /\n container?: HTMLElement;\n\n /\n Controls whether popover should animate itself\n /\n animate?: boolean;\n\n /\n Controls paper's background depending on application: `menu` should be used for dropdown menus (with selectable options as opposed to arbitrary content)\n */\n type?: PaperProps['type'];\n\n className?: string;\n};\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n (\n {\n children,\n open,\n onClose,\n className,\n closeOnBackdropClick = true,\n closeOnEscape = true,\n backdrop = true,\n anchorEl,\n preventScroll = true,\n placement = 'bottom-start',\n onMouseLeave,\n onMouseEnter,\n flip = true,\n preventOverflow = true,\n container,\n animate = true,\n type = 'popover',\n },\n ref\n ) => {\n const popperRef = useRef<PopperJs>(null);\n const observerRef = useRef(\n new ResizeObserver(() => {\n popperRef.current?.scheduleUpdate();\n })\n );\n\n const backdropClickCloseHandler = useCallback(() => {\n if (onClose && closeOnBackdropClick) {\n onClose('backdropClick');\n }\n }, [onClose, closeOnBackdropClick]);\n\n // Escape key close\n useEffect(() => {\n const handler = (event: KeyboardEvent) => {\n if (event.key === 'Escape' \|\| event.key === 'Esc') {\n if (document.querySelector(`[${DRAGGING_ATTRIBUTE}]`)) return;\n\n onClose?.('escapeKey');\n }\n };\n\n if (open && closeOnEscape) {\n document.addEventListener('keydown', handler);\n\n return () => {\n document.removeEventListener('keydown', handler);\n };\n }\n\n return () => {};\n }, [onClose, closeOnEscape, open]);\n\n // Block scrolling\n useEffect(() => {\n if (open && preventScroll) {\n return disableScroll(document.body);\n }\n\n return () => {};\n }, [open, preventScroll]);\n\n const modifiers = useMemo(\n () => ({\n preventOverflow: {\n enabled: preventOverflow,\n padding: 0,\n boundariesElement: 'viewport',\n // escapeWithReference: true,\n // TODO modify this/add own modifier so when escapeWithReference===true, we still try to fit popper in boundary\n // See https://github.com/floating-ui/floating-ui/blob/v1.16.1/packages/popper/src/modifiers/preventOverflow.js\n },\n flip: {\n enabled: flip,\n },\n }),\n [flip, preventOverflow]\n );\n\n return (\n <>\n {backdrop && (\n <Popper open={open} className={styles.root} container={~~container~~}>\n <div className={styles.backdrop} onClick={backdropClickCloseHandler} />\n </Popper>\n )}\n <Popper\n open={open}\n anchorEl={anchorEl}\n placement={placement}\n className={styles.root}\n transition\n popperRef={popperRef}\n modifiers={modifiers}\n container={~~container~~}\n >\n {({ TransitionProps }) => (\n <Grow\n {...TransitionProps}\n timeout={animate ? 'auto' : 0}\n disableStrictModeCompat\n onEntered={(...args) => {\n TransitionProps?.onEntered?.(...args);\n observerRef.current.observe(args[0]);\n }}\n onExit={(...args) => {\n TransitionProps?.onExit?.(...args);\n observerRef.current.disconnect();\n }}\n >\n <Paper\n className={classNames(styles.paper, className)}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n ref={ref}\n type={type}\n >\n {children}\n </Paper>\n </Grow>\n )}\n </Popper>\n </>\n );\n }\n);\n"],"names":["Popover","forwardRef","_ref","ref","children","open","onClose","className","_ref$closeOnBackdropC","closeOnBackdropClick","_ref$closeOnEscape","closeOnEscape","_ref$backdrop","backdrop","anchorEl","_ref$preventScroll","preventScroll","_ref$placement","placement","onMouseLeave","onMouseEnter","_ref$flip","flip","_ref$preventOverflow","preventOverflow","container","_ref$animate","animate","_ref$type","type","popperRef","useRef","observerRef","ResizeObserver","_popperRef$current","current","scheduleUpdate","backdropClickCloseHandler","useCallback","useEffect","handler","event","key","document","querySelector","DRAGGING_ATTRIBUTE","addEventListener","removeEventListener","disableScroll","body","modifiers","useMemo","enabled","padding","boundariesElement","_jsxs","_Fragment","_jsx","Popper","styles","root","onClick","transition","_ref2","TransitionProps","Grow","_objectSpread","timeout","disableStrictModeCompat","onEntered","_TransitionProps$onEn","_len","arguments","length","args","Array","_key","observe","onExit","_TransitionProps$onEx","_len2","_key2","disconnect","Paper","classNames","paper"],"mappings":"~~6hDAiFaA~~,EAAUC,GACrB,SAAAC,EAoBEC,GACG,IAnBDC,IAAAA,SACAC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,UAASC,EAAAN,EACTO,qBAAAA,cAA2BD,EAAAE,EAAAR,EAC3BS,cAAAA,cAAoBD,EAAAE,EAAAV,EACpBW,SAAAA,cAAeD,EACfE,IAAAA,SAAQC,EAAAb,EACRc,cAAAA,cAAoBD,EAAAE,EAAAf,EACpBgB,UAAAA,aAAY,eAAcD,EAC1BE,IAAAA,aACAC,IAAAA,aAAYC,EAAAnB,EACZoB,KAAAA,cAAWD,EAAAE,EAAArB,EACXsB,gBAAAA,cAAsBD,EACtBE,IAAAA,UAASC,EAAAxB,EACTyB,QAAAA,cAAcD,EAAAE,EAAA1B,EACd2B,KAAAA,aAAO,UAASD,EAIZE,EAAYC,EAAiB,MAC7BC,EAAcD,EAClB,IAAIE,gBAAe,WAAM,IAAAC,EACvB,QAAAA,EAAAJ,EAAUK,eAAV,IAAAD,GAAAA,EAAmBE,gBACpB,KAGGC,EAA4BC,GAAY,WACxChC,GAAWG,GACbH,EAAQ,gBAEZ,GAAG,CAACA,EAASG,IAGb8B,GAAU,WACR,IAAMC,EAAU,SAACC,GACf,GAAkB,WAAdA,EAAMC,KAAkC,QAAdD,EAAMC,IAAe,CACjD,GAAIC,SAASC,cAAkBC,IAAAA,OAAAA,QAAwB,OAEvDvC,SAAAA,EAAU,YACZ,GAGF,OAAID,GAAQM,GACVgC,SAASG,iBAAiB,UAAWN,GAE9B,WACLG,SAASI,oBAAoB,UAAWP,KAIrC,WAAM,CACd,GAAE,CAAClC,EAASK,EAAeN,IAG5BkC,GAAU,WACR,OAAIlC,GAAQW,EACHgC,EAAcL,SAASM,MAGzB,WAAM,CACf,GAAG,CAAC5C,EAAMW,IAEV,IAAMkC,EAAYC,GAChB,WAAA,MAAO,CACL3B,gBAAiB,CACf4B,QAAS5B,EACT6B,QAAS,EACTC,kBAAmB,YAKrBhC,KAAM,CACJ8B,QAAS9B,GAEZ,GACD,CAACA,EAAME,~~IAGT~~,~~OACE~~+B,EAAAC,EAAA,~~CAAApD~~,SACGS,CAAAA,~~GACC4C~~,EAACC,EAAM,~~CAACrD~~,KAAMA,EAAME,~~UAAWoD~~,EAAOC,~~KAAMnC~~,~~UAAWA~~,~~EAAUrB~~,~~SAC/DqD~~,EAAA,MAAA,~~CAAKlD~~,~~UAAWoD~~,~~EAAO9C~~,~~SAAUgD~~,~~QAASxB~~,~~MAG9CoB~~,EAACC,EAAM,~~CACLrD~~,KAAMA,EACNS,SAAUA,EACVI,UAAWA,EACXX,~~UAAWoD~~,EAAOC,KAClBE,YAAU,~~EACVhC~~,UAAWA,EACXoB,UAAWA,EACXzB,~~UAAWA~~,~~EAAUrB~~,~~SAEpB~~,~~SAAA2D~~,GAAA,IAAGC,IAAAA,gBAAe,OACjBP,EAACQ,EAAIC,EAAAA,EAAA,GACCF,GAAe,GAAA,CACnBG,~~QAASxC~~,EAAU,OAAS,~~EAC5ByC~~,yBAAuB,EACvBC,UAAW,WAAa,IAAA,IAAAC,EAAAC,EAAAC,UAAAC,OAATC,EAAI,IAAAC,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAJF,EAAIE,GAAAJ,UAAAI,GACjBZ,SAA0B,QAAXM,EAAfN,EAAiBK,iBAAS,IAAAC,GAA1BA,EAAAN,KAAAA,MAAAA,EAAAA,CAAAA,GAAgCU,OAAAA,~~IAChC1C~~,EAAYG,~~QAAQ0C~~,QAAQH,EAAK,GACjC,EACFI,OAAQ,WAAa,IAAA,IAAAC,EAAAC,EAAAR,UAAAC,OAATC,EAAI,IAAAC,MAAAK,GAAAC,EAAA,EAAAA,EAAAD,EAAAC,IAAJP,EAAIO,GAAAT,UAAAS,GACdjB,SAAuB,QAARe,EAAff,EAAiBc,cAAM,IAAAC,GAAvBA,EAAAf,KAAAA,MAAAA,EAAAA,CAAAA,GAA6BU,OAAAA,~~IAC7B1C~~,EAAYG,~~QAAQ+C~~,YACpB,~~EAAA9E~~,~~SAEFqD~~,EAAC0B,EAAK,~~CACJ5E~~,~~UAAW6E~~,EAAWzB,EAAO0B,~~MAAO9E~~,GACpCa,aAAcA,EACdD,aAAcA,EACdhB,IAAKA,EACL0B,KAAMA,EAAKzB,SAEVA,MAEE,MAKjB"}
1	+ {"version":3,"file":"Popover.js","sources":["../../../src/componentsV2/Popover/Popover.tsx"],"sourcesContent":["import {\n forwardRef,\n MouseEventHandler,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n} from 'react';\nimport { Grow } from '@material-ui/core';\nimport classNames from 'classnames';\nimport PopperJs from 'popper.js';\n\nimport { Popper, PopperProps } from '../Popper';\nimport { Paper, PaperProps } from '../Paper';\nimport { getDefaultPopperContainer } from '../utils';\n\nimport { disableScroll } from './utils';\n\nimport styles from './Popover.scss';\n\nimport { DRAGGING_ATTRIBUTE } from '~/constants';\n\nexport type PopoverProps = {\n open: boolean;\n\n placement?: PopperProps['placement'];\n\n /*\n A HTML element, a function that returns it, or a virtual element exposing\n * `getBoundingClientRect` (to anchor at a point). Sets the position of the popover.\n /\n anchorEl?: PopperProps['anchorEl'];\n\n /\n The content of the component.\n /\n children?: ReactNode;\n onClose?: (reason: 'backdropClick' \| 'escapeKey') => void;\n closeOnBackdropClick?: boolean;\n closeOnEscape?: boolean;\n\n /\n Determines if backdrop should be rendered\n /\n backdrop?: boolean;\n\n /\n Prevents scroll when open\n /\n preventScroll?: boolean;\n\n onMouseEnter?: MouseEventHandler;\n onMouseLeave?: MouseEventHandler;\n\n /\n Controls if Popover should stay inside its constraining element\n /\n preventOverflow?: boolean;\n /\n Controls if Popover should flip to opposite side if there's no space to fit it\n /\n flip?: boolean;\n\n /\n Element where Popper will mount.\n \n Defaults to the closest ancestor `Modal` root (if `anchorEl` is inside one), falling back to\n * `document.body`.\n /\n container?: HTMLElement;\n\n /\n Controls whether popover should animate itself\n /\n animate?: boolean;\n\n /\n Controls paper's background depending on application: `menu` should be used for dropdown menus (with selectable options as opposed to arbitrary content)\n */\n type?: PaperProps['type'];\n\n className?: string;\n};\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n (\n {\n children,\n open,\n onClose,\n className,\n closeOnBackdropClick = true,\n closeOnEscape = true,\n backdrop = true,\n anchorEl,\n preventScroll = true,\n placement = 'bottom-start',\n onMouseLeave,\n onMouseEnter,\n flip = true,\n preventOverflow = true,\n container,\n animate = true,\n type = 'popover',\n },\n ref\n ) => {\n const popperRef = useRef<PopperJs>(null);\n const observerRef = useRef(\n new ResizeObserver(() => {\n popperRef.current?.scheduleUpdate();\n })\n );\n\n const backdropClickCloseHandler = useCallback(() => {\n if (onClose && closeOnBackdropClick) {\n onClose('backdropClick');\n }\n }, [onClose, closeOnBackdropClick]);\n\n // Escape key close\n useEffect(() => {\n const handler = (event: KeyboardEvent) => {\n if (event.key === 'Escape' \|\| event.key === 'Esc') {\n if (document.querySelector(`[${DRAGGING_ATTRIBUTE}]`)) return;\n\n onClose?.('escapeKey');\n }\n };\n\n if (open && closeOnEscape) {\n document.addEventListener('keydown', handler);\n\n return () => {\n document.removeEventListener('keydown', handler);\n };\n }\n\n return () => {};\n }, [onClose, closeOnEscape, open]);\n\n // Block scrolling\n useEffect(() => {\n if (open && preventScroll) {\n return disableScroll(document.body);\n }\n\n return () => {};\n }, [open, preventScroll]);\n\n const modifiers = useMemo(\n () => ({\n preventOverflow: {\n enabled: preventOverflow,\n padding: 0,\n boundariesElement: 'viewport',\n // escapeWithReference: true,\n // TODO modify this/add own modifier so when escapeWithReference===true, we still try to fit popper in boundary\n // See https://github.com/floating-ui/floating-ui/blob/v1.16.1/packages/popper/src/modifiers/preventOverflow.js\n },\n flip: {\n enabled: flip,\n },\n }),\n [flip, preventOverflow]\n );\n\n const resolvedContainer = container ?? getDefaultPopperContainer(anchorEl);\n\n return (\n <>\n {backdrop && (\n <Popper open={open} className={styles.root} container={resolvedContainer}>\n <div className={styles.backdrop} onClick={backdropClickCloseHandler} />\n </Popper>\n )}\n <Popper\n open={open}\n anchorEl={anchorEl}\n placement={placement}\n className={styles.root}\n transition\n popperRef={popperRef}\n modifiers={modifiers}\n container={resolvedContainer}\n >\n {({ TransitionProps }) => (\n <Grow\n {...TransitionProps}\n timeout={animate ? 'auto' : 0}\n disableStrictModeCompat\n onEntered={(...args) => {\n TransitionProps?.onEntered?.(...args);\n observerRef.current.observe(args[0]);\n }}\n onExit={(...args) => {\n TransitionProps?.onExit?.(...args);\n observerRef.current.disconnect();\n }}\n >\n <Paper\n className={classNames(styles.paper, className)}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n ref={ref}\n type={type}\n >\n {children}\n </Paper>\n </Grow>\n )}\n </Popper>\n </>\n );\n }\n);\n"],"names":["Popover","forwardRef","_ref","ref","children","open","onClose","className","_ref$closeOnBackdropC","closeOnBackdropClick","_ref$closeOnEscape","closeOnEscape","_ref$backdrop","backdrop","anchorEl","_ref$preventScroll","preventScroll","_ref$placement","placement","onMouseLeave","onMouseEnter","_ref$flip","flip","_ref$preventOverflow","preventOverflow","container","_ref$animate","animate","_ref$type","type","popperRef","useRef","observerRef","ResizeObserver","_popperRef$current","current","scheduleUpdate","backdropClickCloseHandler","useCallback","useEffect","handler","event","key","document","querySelector","DRAGGING_ATTRIBUTE","addEventListener","removeEventListener","disableScroll","body","modifiers","useMemo","enabled","padding","boundariesElement","resolvedContainer","getDefaultPopperContainer","_jsxs","_Fragment","_jsx","Popper","styles","root","onClick","transition","_ref2","TransitionProps","Grow","_objectSpread","timeout","disableStrictModeCompat","onEntered","_TransitionProps$onEn","_len","arguments","length","args","Array","_key","observe","onExit","_TransitionProps$onEx","_len2","_key2","disconnect","Paper","classNames","paper"],"mappings":"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"}

package/componentsV2/PopoverPanel/PopoverPanelHeader/PopoverPanelHeader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"classnames";import{Text as s}from"../../Text/Text.js";import{ButtonIcon as c}from"../../ButtonIcon/ButtonIcon.js";import{TextEndTruncated as i}from"../../TextEndTruncated/TextEndTruncated.js";import{Tooltip as n}from"../../Tooltip/Tooltip.js";import{CloseSmallIcon as t}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import m from"../PopoverPanel.scss.js";import{jsxs as r,jsx as e}from"react/jsx-runtime";var p=function(p){var u=p.testId,j=p.className,I=p.children,a=p.onClose,l=p.actions;return r(s,{tagName:"div",size:16,weight:"bold",className:o(m.header,j),"data-testid":u,children:[e(i,{className:m.headerContent,maxLines:4,children:I}),(a||l)&&r("div",{className:m.headerActions,children:[l,a&&e(n,{title:"Close",children:e(c,{size:"small",onClick:a,children:e(t,{})})})]})]})};export{p as PopoverPanelHeader};
+import o from"classnames";import{Text as s}from"../../Text/Text.js";import{ButtonIcon as c}from"../../ButtonIcon/ButtonIcon.js";import{TextEndTruncated as i}from"../../TextEndTruncated/TextEndTruncated.js";import{Tooltip as n}from"../../Tooltip/Tooltip.js";import{CloseSmallIcon as t}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import m from"../PopoverPanel.scss.js";import{jsxs as r,jsx as e}from"react/jsx-runtime";var p=function(p){var u=p.testId,j=p.className,I=p.children,a=p.onClose,l=p.actions;return r(s,{tagName:"div",size:16,weight:"bold",className:o(m.header,j),"data-testid":u,children:[e(i,{className:m.headerContent,maxLines:4,children:I}),(a||l)&&r("div",{className:m.headerActions,children:[l,a&&e(n,{title:"Close",children:e(c,{size:"small",onClick:a,children:e(t,{})})})]})]})};export{p as PopoverPanelHeader};
 //# sourceMappingURL=PopoverPanelHeader.js.map

package/componentsV2/PopoverPanel/PopoverPanelHeader/PopoverPanelHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoverPanelHeader.js","sources":["../../../../src/componentsV2/PopoverPanel/PopoverPanelHeader/PopoverPanelHeader.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { Text } from '../../Text';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { TextEndTruncated } from '../../TextEndTruncated';\nimport { Tooltip } from '../../Tooltip';\nimport { CloseSmallIcon } from '../../../icons';\n\nimport styles from '../PopoverPanel.scss';\n\ntype PopoverPanelHeaderProps = {\n children?: ReactNode;\n onClose?: () => void;\n actions?: ReactNode;\n\n className?: string;\n testId?: string;\n};\n\nexport const PopoverPanelHeader = ({\n testId,\n className,\n children,\n onClose,\n actions,\n}: PopoverPanelHeaderProps) => (\n <Text\n tagName=\"div\"\n size={16}\n weight=\"bold\"\n className={classNames(styles.header, className)}\n data-testid={testId}\n >\n <TextEndTruncated className={styles.headerContent} maxLines={4}>\n {children}\n </TextEndTruncated>\n\n {(onClose \|\| actions) && (\n <div className={styles.headerActions}>\n {actions}\n {onClose && (\n <Tooltip title=\"Close\">\n <ButtonIcon size=\"small\" onClick={onClose}>\n <CloseSmallIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n </div>\n )}\n </Text>\n);\n"],"names":["PopoverPanelHeader","_ref","testId","className","children","onClose","actions","_jsxs","Text","tagName","size","weight","classNames","styles","header","_jsx","TextEndTruncated","headerContent","maxLines","headerActions","Tooltip","title","ButtonIcon","onClick","CloseSmallIcon"],"mappings":"~~isIAoBaA~~,IAAAA,EAAqB,SAAHC,GAAA,IAC7BC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,QAAO,OAEPC,EAACC,EAAI,CACHC,QAAQ,MACRC,KAAM,GACNC,OAAO,OACPR,UAAWS,EAAWC,EAAOC,OAAQX,GACrC,cAAaD,EAAOE,SAAA,CAEpBW,EAACC,EAAgB,CAACb,UAAWU,EAAOI,cAAeC,SAAU,EAAEd,SAC5DA,KAGDC,GAAWC,IACXC,EAAA,MAAA,CAAKJ,UAAWU,EAAOM,cAAcf,SAAA,CAClCE,EACAD,GACCU,EAACK,EAAO,CAACC,MAAM,QAAOjB,SACpBW,EAACO,EAAU,CAACZ,KAAK,QAAQa,QAASlB,EAAQD,SACxCW,EAACS,EAAc,aAMpB"}
1	+ {"version":3,"file":"PopoverPanelHeader.js","sources":["../../../../src/componentsV2/PopoverPanel/PopoverPanelHeader/PopoverPanelHeader.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { Text } from '../../Text';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { TextEndTruncated } from '../../TextEndTruncated';\nimport { Tooltip } from '../../Tooltip';\nimport { CloseSmallIcon } from '../../../icons';\n\nimport styles from '../PopoverPanel.scss';\n\ntype PopoverPanelHeaderProps = {\n children?: ReactNode;\n onClose?: () => void;\n actions?: ReactNode;\n\n className?: string;\n testId?: string;\n};\n\nexport const PopoverPanelHeader = ({\n testId,\n className,\n children,\n onClose,\n actions,\n}: PopoverPanelHeaderProps) => (\n <Text\n tagName=\"div\"\n size={16}\n weight=\"bold\"\n className={classNames(styles.header, className)}\n data-testid={testId}\n >\n <TextEndTruncated className={styles.headerContent} maxLines={4}>\n {children}\n </TextEndTruncated>\n\n {(onClose \|\| actions) && (\n <div className={styles.headerActions}>\n {actions}\n {onClose && (\n <Tooltip title=\"Close\">\n <ButtonIcon size=\"small\" onClick={onClose}>\n <CloseSmallIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n </div>\n )}\n </Text>\n);\n"],"names":["PopoverPanelHeader","_ref","testId","className","children","onClose","actions","_jsxs","Text","tagName","size","weight","classNames","styles","header","_jsx","TextEndTruncated","headerContent","maxLines","headerActions","Tooltip","title","ButtonIcon","onClick","CloseSmallIcon"],"mappings":"izIAoBaA,IAAAA,EAAqB,SAAHC,GAAA,IAC7BC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,QAAO,OAEPC,EAACC,EAAI,CACHC,QAAQ,MACRC,KAAM,GACNC,OAAO,OACPR,UAAWS,EAAWC,EAAOC,OAAQX,GACrC,cAAaD,EAAOE,SAAA,CAEpBW,EAACC,EAAgB,CAACb,UAAWU,EAAOI,cAAeC,SAAU,EAAEd,SAC5DA,KAGDC,GAAWC,IACXC,EAAA,MAAA,CAAKJ,UAAWU,EAAOM,cAAcf,SAAA,CAClCE,EACAD,GACCU,EAACK,EAAO,CAACC,MAAM,QAAOjB,SACpBW,EAACO,EAAU,CAACZ,KAAK,QAAQa,QAASlB,EAAQD,SACxCW,EAACS,EAAc,aAMpB"}

package/componentsV2/Popper/Popper.d.ts CHANGED Viewed

@@ -30,9 +30,10 @@ export type PopperProps = {
      */
     modifiers?: object;
     /**
-     * Element where Popper will mount. Default - `document.body`
+     * Element where Popper will mount.
      *
-     * Does not open "pseudo-fullscreen" for an isolated app if passed
+     * Defaults to the closest ancestor `Modal` root (if `anchorEl` is inside one), falling back to
+     * `document.body`. Does not open "pseudo-fullscreen" for an isolated app if passed.
      */
     container?: HTMLElement;
     /**

package/componentsV2/Popper/Popper.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popper/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,IAAI,sBAAsB,EAC9C,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,QAAQ,MAAM,WAAW,CAAC;~~AAYjC~~,KAAK,QAAQ,GACT,WAAW,GACX;IACE,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,qBAAqB,EAAE,WAAW,CAAC,uBAAuB,CAAC,CAAC;CAC7D,CAAC;AAEN,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,EACJ,SAAS,GACT,CAAC,CAAC,KAAK,EAAE;QACP,SAAS,EAAE,sBAAsB,CAAC;QAClC,eAAe,CAAC,EAAE,eAAe,CAAC;KACnC,KAAK,SAAS,CAAC,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,CAAC,MAAM,QAAQ,CAAC,GAAG,IAAI,CAAC;IAC9C;;;OAGG;IACH,SAAS,CAAC,EACN,YAAY,GACZ,cAAc,GACd,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,MAAM,GACN,WAAW,GACX,aAAa,GACb,OAAO,GACP,SAAS,GACT,WAAW,GACX,KAAK,CAAC;IAEV;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB~~;;;;OAIG~~;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;CAC3B,CAAC;AAqBF,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,WAAW,~~2CAiBzE~~"}
1	+ {"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popper/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,IAAI,sBAAsB,EAC9C,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,QAAQ,MAAM,WAAW,CAAC;AAajC,KAAK,QAAQ,GACT,WAAW,GACX;IACE,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,qBAAqB,EAAE,WAAW,CAAC,uBAAuB,CAAC,CAAC;CAC7D,CAAC;AAEN,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,EACJ,SAAS,GACT,CAAC,CAAC,KAAK,EAAE;QACP,SAAS,EAAE,sBAAsB,CAAC;QAClC,eAAe,CAAC,EAAE,eAAe,CAAC;KACnC,KAAK,SAAS,CAAC,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,CAAC,MAAM,QAAQ,CAAC,GAAG,IAAI,CAAC;IAC9C;;;OAGG;IACH,SAAS,CAAC,EACN,YAAY,GACZ,cAAc,GACd,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,MAAM,GACN,WAAW,GACX,aAAa,GACb,OAAO,GACP,SAAS,GACT,WAAW,GACX,KAAK,CAAC;IAEV;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;CAC3B,CAAC;AAqBF,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,WAAW,2CAoBzE"}

package/componentsV2/Popper/Popper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{Popper as t}from"@material-ui/core";import o from"classnames";import{useDelayedDcFullscreenElemOpen as n}from"../../effects/useDelayedDcFullscreenElemOpen.js";import{useIsInsideIsolatedDcApp as p}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import{useIsInsideDcFullscreenElem as c,IsInsideDcFullscreenElemProvider as i}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{POPPER_ROOT_CLASS as s}from"./constants.js";import{jsx as l}from"react/jsx-runtime";var m=["children","open"],a=["popperRef","className"];function f(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function u(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?f(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}function d(e){var o=e.children,p=e.open,c=r(e,m),s=n({isOpen:p}).delayedIsOpen,a="function"==typeof o?function(){return l(i,{children:o.apply(void 0,arguments)})}:l(i,{children:o});return l(t,u(u({},c),{},{open:s,children:a}))}function O(e){var n=e.popperRef,i=e.className,m=r(e,a),f=p(),O=c(),b=!f||O||m.container?t:d;return l(b,u(u({},m),{},{className:o(s,i),popperRef:n}))}export{O as Popper};
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{Popper as t}from"@material-ui/core";import o from"classnames";import{useDelayedDcFullscreenElemOpen as n}from"../../effects/useDelayedDcFullscreenElemOpen.js";import{useIsInsideIsolatedDcApp as p}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import{useIsInsideDcFullscreenElem as i,IsInsideDcFullscreenElemProvider as c}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{getDefaultPopperContainer as s}from"../utils.js";import{POPPER_ROOT_CLASS as l}from"./constants.js";import{jsx as m}from"react/jsx-runtime";var a=["children","open"],f=["popperRef","className"];function u(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function d(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?u(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):u(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}function O(e){var o=e.children,p=e.open,i=r(e,a),s=n({isOpen:p}).delayedIsOpen,l="function"==typeof o?function(){return m(c,{children:o.apply(void 0,arguments)})}:m(c,{children:o});return m(t,d(d({},i),{},{open:s,children:l}))}function b(e){var n,c=e.popperRef,a=e.className,u=r(e,f),b=p(),j=i(),v=null!==(n=u.container)&&void 0!==n?n:s(u.anchorEl);return m(!b||j||v?t:O,d(d({},u),{},{container:v,className:o(l,a),popperRef:c}))}export{b as Popper};
 //# sourceMappingURL=Popper.js.map

package/componentsV2/Popper/Popper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popper.js","sources":["../../../src/componentsV2/Popper/Popper.tsx"],"sourcesContent":["import {\n Popper as MuiPopper,\n PopperPlacementType as MuiPopperPlacementType,\n} from '@material-ui/core';\nimport { ReactNode, Ref } from 'react';\nimport { TransitionProps } from '@material-ui/core/transitions/transition';\nimport PopperJs from 'popper.js';\nimport classNames from 'classnames';\n\nimport { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen';\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport {\n IsInsideDcFullscreenElemProvider,\n useIsInsideDcFullscreenElem,\n} from '../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider';\n\nimport { POPPER_ROOT_CLASS } from './constants';\n\ntype AnchorEl =\n \| HTMLElement\n \| {\n clientWidth: number;\n clientHeight: number;\n getBoundingClientRect: HTMLElement['getBoundingClientRect'];\n };\n\nexport type PopperProps = {\n /*\n Contents of the popover\n /\n children:\n \| ReactNode\n \| ((props: {\n placement: MuiPopperPlacementType;\n TransitionProps?: TransitionProps;\n }) => ReactNode);\n open: boolean;\n /\n Defines an HTML node to which the content will be positioned\n /\n anchorEl?: AnchorEl \| (() => AnchorEl) \| null;\n /\n Defines placement\n * @default bottom\n /\n placement?:\n \| 'bottom-end'\n \| 'bottom-start'\n \| 'bottom'\n \| 'left-end'\n \| 'left-start'\n \| 'left'\n \| 'right-end'\n \| 'right-start'\n \| 'right'\n \| 'top-end'\n \| 'top-start'\n \| 'top';\n\n /\n Popper's modifiers. See [documentation](https://popper.js.org/docs/v1/#modifiers)\n /\n modifiers?: object;\n\n /\n Element where Popper will mount. ~~Default~~ - `~~document.body`\~~n \n Does not open \"pseudo-fullscreen\" for an isolated app if passed\n /\n container?: HTMLElement;\n\n /\n Help supporting a react-transition-group/Transition component\n /\n transition?: boolean;\n\n className?: string;\n\n /\n Ref to popper object. Use `scheduleUpdate` method for performant reposition/recalculation as per [docs](https://popper.js.org/docs/v1/#popperscheduleupdate)\n */\n popperRef?: Ref<PopperJs>;\n};\n\nfunction DcPopper({ children, open: isOpen, ...otherProps }: PopperProps) {\n const { delayedIsOpen } = useDelayedDcFullscreenElemOpen({ isOpen });\n\n const ownChildren: PopperProps['children'] =\n typeof children === 'function' ? (\n (...args) => (\n <IsInsideDcFullscreenElemProvider>{children(...args)}</IsInsideDcFullscreenElemProvider>\n )\n ) : (\n <IsInsideDcFullscreenElemProvider>{children}</IsInsideDcFullscreenElemProvider>\n );\n\n return (\n <MuiPopper {...otherProps} open={delayedIsOpen}>\n {ownChildren}\n </MuiPopper>\n );\n}\n\nexport function Popper({ popperRef, className, ...restProps }: PopperProps) {\n const isInsideDcApp = useIsInsideIsolatedDcApp();\n const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n // Popper will transition the app to a \"pseudo-fullscreen\" mode if\n // it's inside an isolated DC app, no \"pseudo-fullscreen\" is on,\n // and there's no container defined (popper should be mounted inside an app, and not the body)\n const PopperComponent =\n isInsideDcApp && !isInsideDcFullscreenElem && !~~restProps.~~container ? DcPopper : MuiPopper;\n\n return (\n <PopperComponent\n {...restProps}\n className={classNames(POPPER_ROOT_CLASS, className)}\n popperRef={popperRef}\n />\n );\n}\n"],"names":["DcPopper","_ref","children","isOpen","open","otherProps","_objectWithoutProperties","_excluded","delayedIsOpen","useDelayedDcFullscreenElemOpen","ownChildren","_jsx","IsInsideDcFullscreenElemProvider","apply","arguments","MuiPopper","_objectSpread","Popper","_ref2","popperRef","className","restProps","_excluded2","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","~~PopperComponent~~","~~container~~","classNames","POPPER_ROOT_CLASS"],"mappings":"~~w2CAoFA~~,SAASA,EAAiEC,GAAA,IAAtDC,IAAAA,SAAgBC,IAANC,KAAiBC,EAAUC,EAAAL,EAAAM,GAC/CC,EAAkBC,EAA+B,CAAEN,OAAAA,IAAnDK,cAEFE,EACgB,mBAAbR,EACL,WAAA,OACES,EAACC,EAAgC,CAAAV,SAAEA,EAAQW,WAAA,EAAAC,cAG7CH,EAACC,EAAgC,CAAAV,SAAEA,IAGvC,OACES,EAACI,EAASC,EAAAA,EAAA,GAAKX,GAAU,GAAA,CAAED,KAAMI,EAAcN,SAC5CQ,IAGP,CAEO,SAASO,EAA4DC,GAAA,~~IAAnDC~~,IAAAA,UAAWC,IAAAA,UAAcC,~~EAASf~~,EAAAY,~~EAAAI~~,GACnDC,EAAgBC,IAChBC,EAA2BC,~~IAK3BC~~,~~GACJJ~~,~~GAAkBE~~,~~GAA6BJ~~,~~EAAUO~~,~~UAAuBb~~,~~EAAXf~~,~~EAEvE~~,~~OACEW~~,~~EAACgB~~,~~EAAeX~~,EAAAA,EAAA,~~GACVK~~,GAAS,GAAA,~~CACbD~~,~~UAAWS~~,EAAWC,~~EAAmBV~~,GACzCD,UAAWA,IAGjB"}
1	+ {"version":3,"file":"Popper.js","sources":["../../../src/componentsV2/Popper/Popper.tsx"],"sourcesContent":["import {\n Popper as MuiPopper,\n PopperPlacementType as MuiPopperPlacementType,\n} from '@material-ui/core';\nimport { ReactNode, Ref } from 'react';\nimport { TransitionProps } from '@material-ui/core/transitions/transition';\nimport PopperJs from 'popper.js';\nimport classNames from 'classnames';\n\nimport { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen';\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport {\n IsInsideDcFullscreenElemProvider,\n useIsInsideDcFullscreenElem,\n} from '../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider';\nimport { getDefaultPopperContainer } from '../utils';\n\nimport { POPPER_ROOT_CLASS } from './constants';\n\ntype AnchorEl =\n \| HTMLElement\n \| {\n clientWidth: number;\n clientHeight: number;\n getBoundingClientRect: HTMLElement['getBoundingClientRect'];\n };\n\nexport type PopperProps = {\n /*\n Contents of the popover\n /\n children:\n \| ReactNode\n \| ((props: {\n placement: MuiPopperPlacementType;\n TransitionProps?: TransitionProps;\n }) => ReactNode);\n open: boolean;\n /\n Defines an HTML node to which the content will be positioned\n /\n anchorEl?: AnchorEl \| (() => AnchorEl) \| null;\n /\n Defines placement\n * @default bottom\n /\n placement?:\n \| 'bottom-end'\n \| 'bottom-start'\n \| 'bottom'\n \| 'left-end'\n \| 'left-start'\n \| 'left'\n \| 'right-end'\n \| 'right-start'\n \| 'right'\n \| 'top-end'\n \| 'top-start'\n \| 'top';\n\n /\n Popper's modifiers. See [documentation](https://popper.js.org/docs/v1/#modifiers)\n /\n modifiers?: object;\n\n /\n Element where Popper will mount.\n \n Defaults to the closest ancestor `Modal` root (if `anchorEl` is inside one), falling back to\n * `document.body`. Does not open \"pseudo-fullscreen\" for an isolated app if passed.\n /\n container?: HTMLElement;\n\n /\n Help supporting a react-transition-group/Transition component\n /\n transition?: boolean;\n\n className?: string;\n\n /\n Ref to popper object. Use `scheduleUpdate` method for performant reposition/recalculation as per [docs](https://popper.js.org/docs/v1/#popperscheduleupdate)\n */\n popperRef?: Ref<PopperJs>;\n};\n\nfunction DcPopper({ children, open: isOpen, ...otherProps }: PopperProps) {\n const { delayedIsOpen } = useDelayedDcFullscreenElemOpen({ isOpen });\n\n const ownChildren: PopperProps['children'] =\n typeof children === 'function' ? (\n (...args) => (\n <IsInsideDcFullscreenElemProvider>{children(...args)}</IsInsideDcFullscreenElemProvider>\n )\n ) : (\n <IsInsideDcFullscreenElemProvider>{children}</IsInsideDcFullscreenElemProvider>\n );\n\n return (\n <MuiPopper {...otherProps} open={delayedIsOpen}>\n {ownChildren}\n </MuiPopper>\n );\n}\n\nexport function Popper({ popperRef, className, ...restProps }: PopperProps) {\n const isInsideDcApp = useIsInsideIsolatedDcApp();\n const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n const container = restProps.container ?? getDefaultPopperContainer(restProps.anchorEl);\n\n // Popper will transition the app to a \"pseudo-fullscreen\" mode if\n // it's inside an isolated DC app, no \"pseudo-fullscreen\" is on,\n // and there's no container defined (popper should be mounted inside an app, and not the body)\n const PopperComponent =\n isInsideDcApp && !isInsideDcFullscreenElem && !container ? DcPopper : MuiPopper;\n\n return (\n <PopperComponent\n {...restProps}\n container={container}\n className={classNames(POPPER_ROOT_CLASS, className)}\n popperRef={popperRef}\n />\n );\n}\n"],"names":["DcPopper","_ref","children","isOpen","open","otherProps","_objectWithoutProperties","_excluded","delayedIsOpen","useDelayedDcFullscreenElemOpen","ownChildren","_jsx","IsInsideDcFullscreenElemProvider","apply","arguments","MuiPopper","_objectSpread","Popper","_ref2","_restProps$container","popperRef","className","restProps","_excluded2","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","container","getDefaultPopperContainer","anchorEl","classNames","POPPER_ROOT_CLASS"],"mappings":"k4CAsFA,SAASA,EAAiEC,GAAA,IAAtDC,IAAAA,SAAgBC,IAANC,KAAiBC,EAAUC,EAAAL,EAAAM,GAC/CC,EAAkBC,EAA+B,CAAEN,OAAAA,IAAnDK,cAEFE,EACgB,mBAAbR,EACL,WAAA,OACES,EAACC,EAAgC,CAAAV,SAAEA,EAAQW,WAAA,EAAAC,cAG7CH,EAACC,EAAgC,CAAAV,SAAEA,IAGvC,OACES,EAACI,EAASC,EAAAA,EAAA,GAAKX,GAAU,GAAA,CAAED,KAAMI,EAAcN,SAC5CQ,IAGP,CAEO,SAASO,EAA4DC,GAAA,IAAAC,EAAnDC,IAAAA,UAAWC,IAAAA,UAAcC,EAAShB,EAAAY,EAAAK,GACnDC,EAAgBC,IAChBC,EAA2BC,IAE3BC,EAAmCC,QAAvBP,EAAAA,EAAUM,iBAAaC,IAAAA,EAAAA,EAAAA,EAA0BP,EAAUQ,UAQ7E,OACEnB,GAHAa,GAAkBE,GAA6BE,EAAuBb,EAAXf,EAG3CgB,EAAAA,EAAA,GACVM,GAAS,GAAA,CACbM,UAAWA,EACXP,UAAWU,EAAWC,EAAmBX,GACzCD,UAAWA,IAGjB"}

package/componentsV2/SliderAdvanced/Bar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import{useCallback as s}from"react";import c from"classnames";import i from"./SliderAdvanced.scss.js";import"@babel/runtime/helpers/objectWithoutProperties";import"@icon-park/react/es/all";import{jsx as n}from"react/jsx-runtime";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import{DragOne as t}from"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";var m={default:i.floatingDefault,reverse:i.floatingReverse,none:i.floatingNone},r=function(r){var e,p=r.onMouseDown,u=r.startOffset,a=r.endOffset,l=r.isVertical,I=r.isDragged,j=r.floatingHandlePosition,d=r.trackLength,h=void 0===d?1/0:d,C=r.className,b=Math.min(u,a),f=Math.max(u,a),g=s((function(o){return p({element:"bar",event:o})}),[p]),v=h*(f-b)/100<32;return n("div",{className:c(i.bar,l&&i.isVertical,I&&i.isDragging,C),style:(e={},o(e,l?"top":"left","".concat(b,"%")),o(e,l?"bottom":"right","".concat(100-f,"%")),e),onMouseDown:g,onTouchStart:g,children:n("div",{className:c(i.barHandle,l&&i.isVertical,v&&i.floating,v&&m[j]),children:n(t,{size:12,className:c(i.barIcon,l&&i.barIconVertical)})})})};export{r as Bar};
+import o from"@babel/runtime/helpers/defineProperty";import{useCallback as s}from"react";import c from"classnames";import i from"./SliderAdvanced.scss.js";import"@babel/runtime/helpers/objectWithoutProperties";import"@icon-park/react/es/all";import{jsx as n}from"react/jsx-runtime";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import{DragOne as t}from"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";var m={default:i.floatingDefault,reverse:i.floatingReverse,none:i.floatingNone},r=function(r){var e,p=r.onMouseDown,u=r.startOffset,a=r.endOffset,l=r.isVertical,I=r.isDragged,j=r.floatingHandlePosition,d=r.trackLength,h=void 0===d?1/0:d,C=r.className,b=Math.min(u,a),f=Math.max(u,a),g=s((function(o){return p({element:"bar",event:o})}),[p]),v=h*(f-b)/100<32;return n("div",{className:c(i.bar,l&&i.isVertical,I&&i.isDragging,C),style:(e={},o(e,l?"top":"left","".concat(b,"%")),o(e,l?"bottom":"right","".concat(100-f,"%")),e),onMouseDown:g,onTouchStart:g,children:n("div",{className:c(i.barHandle,l&&i.isVertical,v&&i.floating,v&&m[j]),children:n(t,{size:12,className:c(i.barIcon,l&&i.barIconVertical)})})})};export{r as Bar};
 //# sourceMappingURL=Bar.js.map

package/componentsV2/SliderAdvanced/Bar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Bar.js","sources":["../../../src/componentsV2/SliderAdvanced/Bar.tsx"],"sourcesContent":["import { MouseEvent, TouchEvent, useCallback } from 'react';\nimport classNames from 'classnames';\n\nimport { DragStartHandler } from './utils';\n\nimport styles from './SliderAdvanced.scss';\n\nimport { DragOne } from '~/icons';\n\nexport type BarProps = {\n isVertical: boolean;\n startOffset: number;\n endOffset: number;\n onMouseDown: DragStartHandler;\n isDragged: boolean;\n floatingHandlePosition: 'default' \| 'reverse' \| 'none';\n trackLength?: number;\n className?: string;\n};\n\nconst FloatingHandleThreshold = 32;\n\nconst HandlePositionToClassName: Record<BarProps['floatingHandlePosition'], string> = {\n default: styles.floatingDefault,\n reverse: styles.floatingReverse,\n none: styles.floatingNone,\n};\n\nexport const Bar = ({\n onMouseDown,\n startOffset,\n endOffset,\n isVertical,\n isDragged,\n floatingHandlePosition,\n trackLength = Infinity,\n className,\n}: BarProps) => {\n const normalizedStartOffset = Math.min(startOffset, endOffset);\n const normalizedEndOffset = Math.max(startOffset, endOffset);\n\n const mouseDownHandler = useCallback(\n (event: MouseEvent \| TouchEvent) =>\n onMouseDown({\n element: 'bar',\n event,\n }),\n [onMouseDown]\n );\n\n const ownLength = (trackLength * (normalizedEndOffset - normalizedStartOffset)) / 100;\n\n const floatingHandle = ownLength < FloatingHandleThreshold;\n\n return (\n <div\n className={classNames(\n styles.bar,\n isVertical && styles.isVertical,\n isDragged && styles.isDragging,\n className\n )}\n style={{\n [isVertical ? 'top' : 'left']: `${normalizedStartOffset}%`,\n [isVertical ? 'bottom' : 'right']: `${100 - normalizedEndOffset}%`,\n }}\n onMouseDown={mouseDownHandler}\n onTouchStart={mouseDownHandler}\n >\n <div\n className={classNames(\n styles.barHandle,\n isVertical && styles.isVertical,\n floatingHandle && styles.floating,\n floatingHandle && HandlePositionToClassName[floatingHandlePosition]\n )}\n >\n <DragOne\n size={12}\n className={classNames(styles.barIcon, isVertical && styles.barIconVertical)}\n />\n </div>\n </div>\n );\n};\n"],"names":["HandlePositionToClassName","default","styles","floatingDefault","reverse","floatingReverse","none","floatingNone","Bar","_ref","_ref2","onMouseDown","startOffset","endOffset","isVertical","isDragged","floatingHandlePosition","_ref$trackLength","trackLength","Infinity","className","normalizedStartOffset","Math","min","normalizedEndOffset","max","mouseDownHandler","useCallback","event","element","floatingHandle","_jsx","classNames","bar","isDragging","style","_defineProperty","onTouchStart","children","barHandle","floating","DragOne","size","barIcon","barIconVertical"],"mappings":"~~q6HAoBA~~,IAEMA,EAAgF,CACpFC,QAASC,EAAOC,gBAChBC,QAASF,EAAOG,gBAChBC,KAAMJ,EAAOK,cAGFC,EAAM,SASHC,GAAA,IAAAC,EARdC,IAAAA,YACAC,IAAAA,YACAC,IAAAA,UACAC,IAAAA,WACAC,IAAAA,UACAC,IAAAA,uBAAsBC,EAAAR,EACtBS,YAAAA,aAAcC,IAAQF,EACtBG,IAAAA,UAEMC,EAAwBC,KAAKC,IAAIX,EAAaC,GAC9CW,EAAsBF,KAAKG,IAAIb,EAAaC,GAE5Ca,EAAmBC,GACvB,SAACC,GAA8B,OAC7BjB,EAAY,CACVkB,QAAS,MACTD,MAAAA,MAEJ,CAACjB,IAKGmB,EAFaZ,GAAeM,EAAsBH,GAA0B,IA9BpD,GAkC9B,OACEU,EAAA,MAAA,CACEX,UAAWY,EACT9B,EAAO+B,IACPnB,GAAcZ,EAAOY,WACrBC,GAAab,EAAOgC,WACpBd,GAEFe,gBACGrB,EAAa,MAAQ,iBAAYO,EAAqB,MAAAe,EAAA1B,EACtDI,EAAa,SAAW,kBAAa,IAAMU,EAC5C,MAAAd,GACFC,YAAae,EACbW,aAAcX,EAAiBY,SAE/BP,EAAA,MAAA,CACEX,UAAWY,EACT9B,EAAOqC,UACPzB,GAAcZ,EAAOY,WACrBgB,GAAkB5B,EAAOsC,SACzBV,GAAkB9B,EAA0BgB,IAC5CsB,SAEFP,EAACU,EAAO,CACNC,KAAM,GACNtB,UAAWY,EAAW9B,EAAOyC,QAAS7B,GAAcZ,EAAO0C,sBAKrE"}
1	+ {"version":3,"file":"Bar.js","sources":["../../../src/componentsV2/SliderAdvanced/Bar.tsx"],"sourcesContent":["import { MouseEvent, TouchEvent, useCallback } from 'react';\nimport classNames from 'classnames';\n\nimport { DragStartHandler } from './utils';\n\nimport styles from './SliderAdvanced.scss';\n\nimport { DragOne } from '~/icons';\n\nexport type BarProps = {\n isVertical: boolean;\n startOffset: number;\n endOffset: number;\n onMouseDown: DragStartHandler;\n isDragged: boolean;\n floatingHandlePosition: 'default' \| 'reverse' \| 'none';\n trackLength?: number;\n className?: string;\n};\n\nconst FloatingHandleThreshold = 32;\n\nconst HandlePositionToClassName: Record<BarProps['floatingHandlePosition'], string> = {\n default: styles.floatingDefault,\n reverse: styles.floatingReverse,\n none: styles.floatingNone,\n};\n\nexport const Bar = ({\n onMouseDown,\n startOffset,\n endOffset,\n isVertical,\n isDragged,\n floatingHandlePosition,\n trackLength = Infinity,\n className,\n}: BarProps) => {\n const normalizedStartOffset = Math.min(startOffset, endOffset);\n const normalizedEndOffset = Math.max(startOffset, endOffset);\n\n const mouseDownHandler = useCallback(\n (event: MouseEvent \| TouchEvent) =>\n onMouseDown({\n element: 'bar',\n event,\n }),\n [onMouseDown]\n );\n\n const ownLength = (trackLength * (normalizedEndOffset - normalizedStartOffset)) / 100;\n\n const floatingHandle = ownLength < FloatingHandleThreshold;\n\n return (\n <div\n className={classNames(\n styles.bar,\n isVertical && styles.isVertical,\n isDragged && styles.isDragging,\n className\n )}\n style={{\n [isVertical ? 'top' : 'left']: `${normalizedStartOffset}%`,\n [isVertical ? 'bottom' : 'right']: `${100 - normalizedEndOffset}%`,\n }}\n onMouseDown={mouseDownHandler}\n onTouchStart={mouseDownHandler}\n >\n <div\n className={classNames(\n styles.barHandle,\n isVertical && styles.isVertical,\n floatingHandle && styles.floating,\n floatingHandle && HandlePositionToClassName[floatingHandlePosition]\n )}\n >\n <DragOne\n size={12}\n className={classNames(styles.barIcon, isVertical && styles.barIconVertical)}\n />\n </div>\n </div>\n );\n};\n"],"names":["HandlePositionToClassName","default","styles","floatingDefault","reverse","floatingReverse","none","floatingNone","Bar","_ref","_ref2","onMouseDown","startOffset","endOffset","isVertical","isDragged","floatingHandlePosition","_ref$trackLength","trackLength","Infinity","className","normalizedStartOffset","Math","min","normalizedEndOffset","max","mouseDownHandler","useCallback","event","element","floatingHandle","_jsx","classNames","bar","isDragging","style","_defineProperty","onTouchStart","children","barHandle","floating","DragOne","size","barIcon","barIconVertical"],"mappings":"+gIAoBA,IAEMA,EAAgF,CACpFC,QAASC,EAAOC,gBAChBC,QAASF,EAAOG,gBAChBC,KAAMJ,EAAOK,cAGFC,EAAM,SASHC,GAAA,IAAAC,EARdC,IAAAA,YACAC,IAAAA,YACAC,IAAAA,UACAC,IAAAA,WACAC,IAAAA,UACAC,IAAAA,uBAAsBC,EAAAR,EACtBS,YAAAA,aAAcC,IAAQF,EACtBG,IAAAA,UAEMC,EAAwBC,KAAKC,IAAIX,EAAaC,GAC9CW,EAAsBF,KAAKG,IAAIb,EAAaC,GAE5Ca,EAAmBC,GACvB,SAACC,GAA8B,OAC7BjB,EAAY,CACVkB,QAAS,MACTD,MAAAA,MAEJ,CAACjB,IAKGmB,EAFaZ,GAAeM,EAAsBH,GAA0B,IA9BpD,GAkC9B,OACEU,EAAA,MAAA,CACEX,UAAWY,EACT9B,EAAO+B,IACPnB,GAAcZ,EAAOY,WACrBC,GAAab,EAAOgC,WACpBd,GAEFe,gBACGrB,EAAa,MAAQ,iBAAYO,EAAqB,MAAAe,EAAA1B,EACtDI,EAAa,SAAW,kBAAa,IAAMU,EAC5C,MAAAd,GACFC,YAAae,EACbW,aAAcX,EAAiBY,SAE/BP,EAAA,MAAA,CACEX,UAAWY,EACT9B,EAAOqC,UACPzB,GAAcZ,EAAOY,WACrBgB,GAAkB5B,EAAOsC,SACzBV,GAAkB9B,EAA0BgB,IAC5CsB,SAEFP,EAACU,EAAO,CACNC,KAAM,GACNtB,UAAWY,EAAW9B,EAAOyC,QAAS7B,GAAcZ,EAAO0C,sBAKrE"}

package/componentsV2/SliderAdvanced/HandleWrapper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import{useCallback as s}from"react";import c from"classnames";import i from"./SliderAdvanced.scss.js";import{DownIcon as n}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as t,jsxs as r}from"react/jsx-runtime";var m=function(o){var s=o.isVertical,c=o.type;return s?"startHandle"===c?i.top:i.bottom:"startHandle"===c?i.left:i.right},e=function(e){var p=e.offset,u=e.isVertical,a=e.type,I=e.onMouseDown,l=e.children,j=e.trackLength,d=void 0===j?0:j,h=e.isDragged,C=e.className,v=s((function(o){return I({element:a,event:o})}),[I,a]),b=d*p/100<16,F=d*(100-p)/100<16;return t("div",{className:i.handleContainer,style:o({},u?"top":"left","".concat(p,"%")),onMouseDown:v,onTouchStart:v,children:r("div",{className:c(i.handle,u?i.handleInnerVertical:i.handleInnerHorizontal,m({type:a,isVertical:u}),C),children:[t(n,{size:16,className:c(i.chevronStart,h&&i.chevronVisible,b&&i.chevronHidden)}),l,t(n,{size:16,className:c(i.chevronEnd,h&&i.chevronVisible,F&&i.chevronHidden)})]})})};export{e as HandleWrapper};
+import o from"@babel/runtime/helpers/defineProperty";import{useCallback as s}from"react";import c from"classnames";import i from"./SliderAdvanced.scss.js";import{DownIcon as n}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as t,jsxs as m}from"react/jsx-runtime";var r=function(o){var s=o.isVertical,c=o.type;return s?"startHandle"===c?i.top:i.bottom:"startHandle"===c?i.left:i.right},e=function(e){var p=e.offset,u=e.isVertical,a=e.type,I=e.onMouseDown,l=e.children,j=e.trackLength,d=void 0===j?0:j,h=e.isDragged,C=e.className,v=s((function(o){return I({element:a,event:o})}),[I,a]),F=d*p/100<16,b=d*(100-p)/100<16;return t("div",{className:i.handleContainer,style:o({},u?"top":"left","".concat(p,"%")),onMouseDown:v,onTouchStart:v,children:m("div",{className:c(i.handle,u?i.handleInnerVertical:i.handleInnerHorizontal,r({type:a,isVertical:u}),C),children:[t(n,{size:16,className:c(i.chevronStart,h&&i.chevronVisible,F&&i.chevronHidden)}),l,t(n,{size:16,className:c(i.chevronEnd,h&&i.chevronVisible,b&&i.chevronHidden)})]})})};export{e as HandleWrapper};
 //# sourceMappingURL=HandleWrapper.js.map

package/componentsV2/SliderAdvanced/HandleWrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HandleWrapper.js","sources":["../../../src/componentsV2/SliderAdvanced/HandleWrapper.tsx"],"sourcesContent":["import { MouseEvent, ReactNode, TouchEvent, useCallback } from 'react';\nimport classNames from 'classnames';\n\nimport { DragStartHandler, SliderAdvancedDragElement } from './utils';\n\nimport styles from './SliderAdvanced.scss';\n\nimport { DownIcon } from '~/icons';\n\ntype HandleWrapperProps = {\n type: Exclude<SliderAdvancedDragElement, 'bar'>;\n isVertical: boolean;\n offset: number;\n onMouseDown: DragStartHandler;\n children: ReactNode;\n isDragged: boolean;\n trackLength?: number;\n className?: string;\n};\n\nconst getPositioningClassName = ({\n isVertical,\n type,\n}: Pick<HandleWrapperProps, 'isVertical' \| 'type'>) => {\n if (isVertical) {\n return type === 'startHandle' ? styles.top : styles.bottom;\n } else {\n return type === 'startHandle' ? styles.left : styles.right;\n }\n};\n\nconst ChevronSize = 16;\n\nexport const HandleWrapper = ({\n offset,\n isVertical,\n type,\n onMouseDown,\n children,\n trackLength = 0,\n isDragged,\n className,\n}: HandleWrapperProps) => {\n const mouseDownHandler = useCallback(\n (event: MouseEvent \| TouchEvent) =>\n onMouseDown({\n element: type,\n event,\n }),\n [onMouseDown, type]\n );\n\n const isStartChevronHidden = (trackLength * offset) / 100 < ChevronSize;\n const isEndChevronHidden = (trackLength * (100 - offset)) / 100 < ChevronSize;\n\n return (\n <div\n className={styles.handleContainer}\n style={{ [isVertical ? 'top' : 'left']: `${offset}%` }}\n onMouseDown={mouseDownHandler}\n onTouchStart={mouseDownHandler}\n >\n <div\n className={classNames(\n styles.handle,\n isVertical ? styles.handleInnerVertical : styles.handleInnerHorizontal,\n getPositioningClassName({ type, isVertical }),\n className\n )}\n >\n <DownIcon\n size={ChevronSize}\n className={classNames(\n styles.chevronStart,\n isDragged && styles.chevronVisible,\n isStartChevronHidden && styles.chevronHidden\n )}\n />\n {children}\n <DownIcon\n size={ChevronSize}\n className={classNames(\n styles.chevronEnd,\n isDragged && styles.chevronVisible,\n isEndChevronHidden && styles.chevronHidden\n )}\n />\n </div>\n </div>\n );\n};\n"],"names":["getPositioningClassName","_ref","isVertical","type","styles","top","bottom","left","right","HandleWrapper","_ref2","offset","onMouseDown","children","_ref2$trackLength","trackLength","isDragged","className","mouseDownHandler","useCallback","event","element","isStartChevronHidden","isEndChevronHidden","_jsx","handleContainer","style","_defineProperty","concat","onTouchStart","_jsxs","classNames","handle","handleInnerVertical","handleInnerHorizontal","DownIcon","size","chevronStart","chevronVisible","chevronHidden","chevronEnd"],"mappings":"~~s1HAoBA~~,IAAMA,EAA0B,SAGuBC,GAAA,IAFrDC,IAAAA,WACAC,IAAAA,KAEA,OAAID,EACc,gBAATC,EAAyBC,EAAOC,IAAMD,EAAOE,OAEpC,gBAATH,EAAyBC,EAAOG,KAAOH,EAAOI,KAEzD,EAIaC,EAAgB,SASHC,GAAA,IARxBC,IAAAA,OACAT,IAAAA,WACAC,IAAAA,KACAS,IAAAA,YACAC,IAAAA,SAAQC,EAAAJ,EACRK,YAAAA,aAAc,EAACD,EACfE,IAAAA,UACAC,IAAAA,UAEMC,EAAmBC,GACvB,SAACC,GAA8B,OAC7BR,EAAY,CACVS,QAASlB,EACTiB,MAAAA,GACA,GACJ,CAACR,EAAaT,IAGVmB,EAAwBP,EAAcJ,EAAU,IArBpC,GAsBZY,EAAsBR,GAAe,IAAMJ,GAAW,IAtB1C,GAwBlB,OACEa,EAAA,MAAA,CACEP,UAAWb,EAAOqB,gBAClBC,MAAKC,EAAA,GAAKzB,EAAa,MAAQ,OAAM,GAAA0B,OAAMjB,EAAY,MACvDC,YAAaM,EACbW,aAAcX,EAAiBL,SAE/BiB,EAAA,MAAA,CACEb,UAAWc,EACT3B,EAAO4B,OACP9B,EAAaE,EAAO6B,oBAAsB7B,EAAO8B,sBACjDlC,EAAwB,CAAEG,KAAAA,EAAMD,WAAAA,IAChCe,GACAJ,SAAA,CAEFW,EAACW,EAAQ,CACPC,KAxCU,GAyCVnB,UAAWc,EACT3B,EAAOiC,aACPrB,GAAaZ,EAAOkC,eACpBhB,GAAwBlB,EAAOmC,iBAGlC1B,EACDW,EAACW,EAAQ,CACPC,KAjDU,GAkDVnB,UAAWc,EACT3B,EAAOoC,WACPxB,GAAaZ,EAAOkC,eACpBf,GAAsBnB,EAAOmC,qBAMzC"}
1	+ {"version":3,"file":"HandleWrapper.js","sources":["../../../src/componentsV2/SliderAdvanced/HandleWrapper.tsx"],"sourcesContent":["import { MouseEvent, ReactNode, TouchEvent, useCallback } from 'react';\nimport classNames from 'classnames';\n\nimport { DragStartHandler, SliderAdvancedDragElement } from './utils';\n\nimport styles from './SliderAdvanced.scss';\n\nimport { DownIcon } from '~/icons';\n\ntype HandleWrapperProps = {\n type: Exclude<SliderAdvancedDragElement, 'bar'>;\n isVertical: boolean;\n offset: number;\n onMouseDown: DragStartHandler;\n children: ReactNode;\n isDragged: boolean;\n trackLength?: number;\n className?: string;\n};\n\nconst getPositioningClassName = ({\n isVertical,\n type,\n}: Pick<HandleWrapperProps, 'isVertical' \| 'type'>) => {\n if (isVertical) {\n return type === 'startHandle' ? styles.top : styles.bottom;\n } else {\n return type === 'startHandle' ? styles.left : styles.right;\n }\n};\n\nconst ChevronSize = 16;\n\nexport const HandleWrapper = ({\n offset,\n isVertical,\n type,\n onMouseDown,\n children,\n trackLength = 0,\n isDragged,\n className,\n}: HandleWrapperProps) => {\n const mouseDownHandler = useCallback(\n (event: MouseEvent \| TouchEvent) =>\n onMouseDown({\n element: type,\n event,\n }),\n [onMouseDown, type]\n );\n\n const isStartChevronHidden = (trackLength * offset) / 100 < ChevronSize;\n const isEndChevronHidden = (trackLength * (100 - offset)) / 100 < ChevronSize;\n\n return (\n <div\n className={styles.handleContainer}\n style={{ [isVertical ? 'top' : 'left']: `${offset}%` }}\n onMouseDown={mouseDownHandler}\n onTouchStart={mouseDownHandler}\n >\n <div\n className={classNames(\n styles.handle,\n isVertical ? styles.handleInnerVertical : styles.handleInnerHorizontal,\n getPositioningClassName({ type, isVertical }),\n className\n )}\n >\n <DownIcon\n size={ChevronSize}\n className={classNames(\n styles.chevronStart,\n isDragged && styles.chevronVisible,\n isStartChevronHidden && styles.chevronHidden\n )}\n />\n {children}\n <DownIcon\n size={ChevronSize}\n className={classNames(\n styles.chevronEnd,\n isDragged && styles.chevronVisible,\n isEndChevronHidden && styles.chevronHidden\n )}\n />\n </div>\n </div>\n );\n};\n"],"names":["getPositioningClassName","_ref","isVertical","type","styles","top","bottom","left","right","HandleWrapper","_ref2","offset","onMouseDown","children","_ref2$trackLength","trackLength","isDragged","className","mouseDownHandler","useCallback","event","element","isStartChevronHidden","isEndChevronHidden","_jsx","handleContainer","style","_defineProperty","concat","onTouchStart","_jsxs","classNames","handle","handleInnerVertical","handleInnerHorizontal","DownIcon","size","chevronStart","chevronVisible","chevronHidden","chevronEnd"],"mappings":"g8HAoBA,IAAMA,EAA0B,SAGuBC,GAAA,IAFrDC,IAAAA,WACAC,IAAAA,KAEA,OAAID,EACc,gBAATC,EAAyBC,EAAOC,IAAMD,EAAOE,OAEpC,gBAATH,EAAyBC,EAAOG,KAAOH,EAAOI,KAEzD,EAIaC,EAAgB,SASHC,GAAA,IARxBC,IAAAA,OACAT,IAAAA,WACAC,IAAAA,KACAS,IAAAA,YACAC,IAAAA,SAAQC,EAAAJ,EACRK,YAAAA,aAAc,EAACD,EACfE,IAAAA,UACAC,IAAAA,UAEMC,EAAmBC,GACvB,SAACC,GAA8B,OAC7BR,EAAY,CACVS,QAASlB,EACTiB,MAAAA,GACA,GACJ,CAACR,EAAaT,IAGVmB,EAAwBP,EAAcJ,EAAU,IArBpC,GAsBZY,EAAsBR,GAAe,IAAMJ,GAAW,IAtB1C,GAwBlB,OACEa,EAAA,MAAA,CACEP,UAAWb,EAAOqB,gBAClBC,MAAKC,EAAA,GAAKzB,EAAa,MAAQ,OAAM,GAAA0B,OAAMjB,EAAY,MACvDC,YAAaM,EACbW,aAAcX,EAAiBL,SAE/BiB,EAAA,MAAA,CACEb,UAAWc,EACT3B,EAAO4B,OACP9B,EAAaE,EAAO6B,oBAAsB7B,EAAO8B,sBACjDlC,EAAwB,CAAEG,KAAAA,EAAMD,WAAAA,IAChCe,GACAJ,SAAA,CAEFW,EAACW,EAAQ,CACPC,KAxCU,GAyCVnB,UAAWc,EACT3B,EAAOiC,aACPrB,GAAaZ,EAAOkC,eACpBhB,GAAwBlB,EAAOmC,iBAGlC1B,EACDW,EAACW,EAAQ,CACPC,KAjDU,GAkDVnB,UAAWc,EACT3B,EAAOoC,WACPxB,GAAaZ,EAAOkC,eACpBf,GAAsBnB,EAAOmC,qBAMzC"}

package/componentsV2/Stepper/Step/Step.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"classnames";import{Text as s}from"../../Text/Text.js";import{TextEndTruncated as c}from"../../TextEndTruncated/TextEndTruncated.js";import{CheckSmallIcon as i}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{Tooltip as n}from"../../Tooltip/Tooltip.js";import t from"./Step.scss.js";import{jsx as m,jsxs as r,Fragment as e}from"react/jsx-runtime";var p={large:t.large,medium:t.medium},u={passed:t.passed,current:t.current,future:t.future},a=function(a){var j=a.state,I=a.className,l=a.prefix,d=a.testId,C=a.size,h=a.onClick,b=a.tooltip,F=a.children,O=a.noReturn,v=a.error,x=a.disabled,f="passed"===j&&!!h&&!x,T=f&&O,k=f&&!O,A=!(k||b);return m(n,{title:r(e,{children:[k&&"Go Back",k&&b&&r(e,{children:[m("br",{}),m("br",{})]}),b]}),disabled:A,children:r("div",{className:o(t.root,p[C],u[j],k&&t.hoverable,T&&t.noReturn,v&&t.error,x&&t.disabled,I),"data-testid":d,onClick:k?h:void 0,children:[m(s,{className:t.prefix,children:T?m(i,{size:24}):l}),m(s,{className:t.title,children:m(c,{maxLines:2,disableTooltip:!0,children:F})})]})})};export{a as Step};
+import o from"classnames";import{Text as s}from"../../Text/Text.js";import{TextEndTruncated as c}from"../../TextEndTruncated/TextEndTruncated.js";import{CheckSmallIcon as i}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{Tooltip as n}from"../../Tooltip/Tooltip.js";import t from"./Step.scss.js";import{jsx as m,jsxs as r,Fragment as e}from"react/jsx-runtime";var p={large:t.large,medium:t.medium},u={passed:t.passed,current:t.current,future:t.future},j=function(j){var a=j.state,I=j.className,l=j.prefix,d=j.testId,C=j.size,h=j.onClick,b=j.tooltip,F=j.children,O=j.noReturn,f=j.error,v=j.disabled,x="passed"===a&&!!h&&!v,T=x&&O,k=x&&!O,A=!(k||b);return m(n,{title:r(e,{children:[k&&"Go Back",k&&b&&r(e,{children:[m("br",{}),m("br",{})]}),b]}),disabled:A,children:r("div",{className:o(t.root,p[C],u[a],k&&t.hoverable,T&&t.noReturn,f&&t.error,v&&t.disabled,I),"data-testid":d,onClick:k?h:void 0,children:[m(s,{className:t.prefix,children:T?m(i,{size:24}):l}),m(s,{className:t.title,children:m(c,{maxLines:2,disableTooltip:!0,children:F})})]})})};export{j as Step};
 //# sourceMappingURL=Step.js.map

package/componentsV2/Stepper/Step/Step.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Step.js","sources":["../../../../src/componentsV2/Stepper/Step/Step.tsx"],"sourcesContent":["import { MouseEventHandler, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { Text } from '../../Text';\nimport { TextEndTruncated } from '../../TextEndTruncated';\nimport { CheckSmallIcon } from '../../../icons';\nimport { Tooltip } from '../../Tooltip';\n\nimport styles from './Step.scss';\n\nexport type StepProps = {\n /*\n Step name\n /\n children: ReactNode;\n /\n Step label, displayed in a rounded rectangle to the left of title\n */\n prefix: ReactNode;\n\n size: 'medium' \| 'large';\n\n state: 'future' \| 'current' \| 'passed';\n error?: boolean;\n disabled?: boolean;\n\n tooltip?: ReactNode;\n onClick?: MouseEventHandler<HTMLDivElement>;\n noReturn?: boolean;\n\n className?: string;\n testId?: string;\n};\n\nconst SizeToClassNameMap: Record<StepProps['size'], string> = {\n large: styles.large,\n medium: styles.medium,\n};\n\nconst StateToClassNameMap: Record<StepProps['state'], string> = {\n passed: styles.passed,\n current: styles.current,\n future: styles.future,\n};\n\nexport const Step = ({\n state,\n className,\n prefix,\n testId,\n size,\n onClick,\n tooltip,\n children,\n noReturn,\n error,\n disabled,\n}: StepProps) => {\n const isPassedClickable = state === 'passed' && !!onClick && !disabled;\n const hasNoReturn = isPassedClickable && noReturn;\n const returnable = isPassedClickable && !noReturn;\n const disableTooltip = !(returnable \|\| tooltip);\n const tooltipContent = (\n <>\n {returnable && 'Go Back'}\n {returnable && tooltip && (\n <>\n <br />\n <br />\n </>\n )}\n {tooltip}\n </>\n );\n\n return (\n <Tooltip title={tooltipContent} disabled={disableTooltip}>\n <div\n className={classNames(\n styles.root,\n SizeToClassNameMap[size],\n StateToClassNameMap[state],\n returnable && styles.hoverable,\n hasNoReturn && styles.noReturn,\n error && styles.error,\n disabled && styles.disabled,\n className\n )}\n data-testid={testId}\n onClick={returnable ? onClick : undefined}\n >\n <Text className={styles.prefix}>{hasNoReturn ? <CheckSmallIcon size={24} /> : prefix}</Text>\n <Text className={styles.title}>\n <TextEndTruncated maxLines={2} disableTooltip>\n {children}\n </TextEndTruncated>\n </Text>\n </div>\n </Tooltip>\n );\n};\n"],"names":["SizeToClassNameMap","large","styles","medium","StateToClassNameMap","passed","current","future","Step","_ref","state","className","prefix","testId","size","onClick","tooltip","children","noReturn","error","disabled","isPassedClickable","hasNoReturn","returnable","disableTooltip","_jsx","Tooltip","title","_jsxs","_Fragment","classNames","root","hoverable","undefined","Text","CheckSmallIcon","TextEndTruncated","maxLines"],"mappings":"~~0oIAkCA~~,IAAMA,EAAwD,CAC5DC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,QAGXC,EAA0D,CAC9DC,OAAQH,EAAOG,OACfC,QAASJ,EAAOI,QAChBC,OAAQL,EAAOK,QAGJC,EAAO,SAYHC,GAAA,IAXfC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,MACAC,IAAAA,SAEMC,EAA8B,WAAVX,KAAwBK,IAAYK,EACxDE,EAAcD,GAAqBH,EACnCK,EAAaF,IAAsBH,EACnCM,IAAmBD,GAAcP,GAcvC,OACES,EAACC,EAAO,CAACC,MAbTC,EAAAC,EAAA,CAAAZ,SAAA,CACGM,GAAc,UACdA,GAAcP,GACbY,EAAAC,EAAA,CAAAZ,SACE,CAAAQ,EAAA,KAAA,CAAA,GACAA,EAAM,KAAA,CAAA,MAGTT,KAK6BI,SAAUI,EAAeP,SACvDW,EAAA,MAAA,CACEjB,UAAWmB,EACT5B,EAAO6B,KACP/B,EAAmBc,GACnBV,EAAoBM,GACpBa,GAAcrB,EAAO8B,UACrBV,GAAepB,EAAOgB,SACtBC,GAASjB,EAAOiB,MAChBC,GAAYlB,EAAOkB,SACnBT,GAEF,cAAaE,EACbE,QAASQ,EAAaR,OAAUkB,EAAUhB,SAAA,CAE1CQ,EAACS,EAAI,CAACvB,UAAWT,EAAOU,OAAOK,SAAEK,EAAcG,EAACU,EAAc,CAACrB,KAAM,KAASF,IAC9Ea,EAACS,EAAI,CAACvB,UAAWT,EAAOyB,MAAMV,SAC5BQ,EAACW,EAAgB,CAACC,SAAU,EAAGb,gBAAc,EAAAP,SAC1CA,UAMb"}
1	+ {"version":3,"file":"Step.js","sources":["../../../../src/componentsV2/Stepper/Step/Step.tsx"],"sourcesContent":["import { MouseEventHandler, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { Text } from '../../Text';\nimport { TextEndTruncated } from '../../TextEndTruncated';\nimport { CheckSmallIcon } from '../../../icons';\nimport { Tooltip } from '../../Tooltip';\n\nimport styles from './Step.scss';\n\nexport type StepProps = {\n /*\n Step name\n /\n children: ReactNode;\n /\n Step label, displayed in a rounded rectangle to the left of title\n */\n prefix: ReactNode;\n\n size: 'medium' \| 'large';\n\n state: 'future' \| 'current' \| 'passed';\n error?: boolean;\n disabled?: boolean;\n\n tooltip?: ReactNode;\n onClick?: MouseEventHandler<HTMLDivElement>;\n noReturn?: boolean;\n\n className?: string;\n testId?: string;\n};\n\nconst SizeToClassNameMap: Record<StepProps['size'], string> = {\n large: styles.large,\n medium: styles.medium,\n};\n\nconst StateToClassNameMap: Record<StepProps['state'], string> = {\n passed: styles.passed,\n current: styles.current,\n future: styles.future,\n};\n\nexport const Step = ({\n state,\n className,\n prefix,\n testId,\n size,\n onClick,\n tooltip,\n children,\n noReturn,\n error,\n disabled,\n}: StepProps) => {\n const isPassedClickable = state === 'passed' && !!onClick && !disabled;\n const hasNoReturn = isPassedClickable && noReturn;\n const returnable = isPassedClickable && !noReturn;\n const disableTooltip = !(returnable \|\| tooltip);\n const tooltipContent = (\n <>\n {returnable && 'Go Back'}\n {returnable && tooltip && (\n <>\n <br />\n <br />\n </>\n )}\n {tooltip}\n </>\n );\n\n return (\n <Tooltip title={tooltipContent} disabled={disableTooltip}>\n <div\n className={classNames(\n styles.root,\n SizeToClassNameMap[size],\n StateToClassNameMap[state],\n returnable && styles.hoverable,\n hasNoReturn && styles.noReturn,\n error && styles.error,\n disabled && styles.disabled,\n className\n )}\n data-testid={testId}\n onClick={returnable ? onClick : undefined}\n >\n <Text className={styles.prefix}>{hasNoReturn ? <CheckSmallIcon size={24} /> : prefix}</Text>\n <Text className={styles.title}>\n <TextEndTruncated maxLines={2} disableTooltip>\n {children}\n </TextEndTruncated>\n </Text>\n </div>\n </Tooltip>\n );\n};\n"],"names":["SizeToClassNameMap","large","styles","medium","StateToClassNameMap","passed","current","future","Step","_ref","state","className","prefix","testId","size","onClick","tooltip","children","noReturn","error","disabled","isPassedClickable","hasNoReturn","returnable","disableTooltip","_jsx","Tooltip","title","_jsxs","_Fragment","classNames","root","hoverable","undefined","Text","CheckSmallIcon","TextEndTruncated","maxLines"],"mappings":"0vIAkCA,IAAMA,EAAwD,CAC5DC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,QAGXC,EAA0D,CAC9DC,OAAQH,EAAOG,OACfC,QAASJ,EAAOI,QAChBC,OAAQL,EAAOK,QAGJC,EAAO,SAYHC,GAAA,IAXfC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,MACAC,IAAAA,SAEMC,EAA8B,WAAVX,KAAwBK,IAAYK,EACxDE,EAAcD,GAAqBH,EACnCK,EAAaF,IAAsBH,EACnCM,IAAmBD,GAAcP,GAcvC,OACES,EAACC,EAAO,CAACC,MAbTC,EAAAC,EAAA,CAAAZ,SAAA,CACGM,GAAc,UACdA,GAAcP,GACbY,EAAAC,EAAA,CAAAZ,SACE,CAAAQ,EAAA,KAAA,CAAA,GACAA,EAAM,KAAA,CAAA,MAGTT,KAK6BI,SAAUI,EAAeP,SACvDW,EAAA,MAAA,CACEjB,UAAWmB,EACT5B,EAAO6B,KACP/B,EAAmBc,GACnBV,EAAoBM,GACpBa,GAAcrB,EAAO8B,UACrBV,GAAepB,EAAOgB,SACtBC,GAASjB,EAAOiB,MAChBC,GAAYlB,EAAOkB,SACnBT,GAEF,cAAaE,EACbE,QAASQ,EAAaR,OAAUkB,EAAUhB,SAAA,CAE1CQ,EAACS,EAAI,CAACvB,UAAWT,EAAOU,OAAOK,SAAEK,EAAcG,EAACU,EAAc,CAACrB,KAAM,KAASF,IAC9Ea,EAACS,EAAI,CAACvB,UAAWT,EAAOyB,MAAMV,SAC5BQ,EAACW,EAAgB,CAACC,SAAU,EAAGb,gBAAc,EAAAP,SAC1CA,UAMb"}

package/componentsV2/TemplatesControl/FolderMenu/FolderMenu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useMemo as o,useCallback as s}from"react";import{maxBy as c}from"lodash";import i from"moment";import{storeApi as n}from"../Store/Store.js";import"../Store/utils.js";import{Menu as t}from"../../Menu/Menu.js";import{ButtonIcon as r}from"../../ButtonIcon/ButtonIcon.js";import{TemplatesTreeMenuHeader as m}from"../TemplatesTreeMenuHeader/TemplatesTreeMenuHeader.js";import{suggestName as e}from"../utils.js";import{Action as u}from"../types.js";import p from"./FolderMenu.scss.js";import{DeleteFourIcon as l}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import{FolderClosedCustomIcon as a}from"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as d,jsx as j}from"react/jsx-runtime";var I=function(){var I,f,v=n.useFolderMenuData,C=n.useCloseFolderMenu,h=n.useUpdateFolderName,F=n.useFolders,b=n.useHasCurrentAction,M=n.useDeleteFolder,g=v(),O=C(),A=h(),y=F(),D=b(null==g?void 0:g.folder.id,u.UpdateName),E=M(null==g?void 0:g.folder),P=o((function(){return y.filter((function(o){var s;return o.id!==(null==g||null===(s=g.folder)||void 0===s?void 0:s.id)}))}),[y,null==g||null===(I=g.folder)||void 0===I?void 0:I.id]),S=o((function(){var o;return c(null==g||null===(o=g.folder)||void 0===o?void 0:o.items,"updated_at")}),[null==g||null===(f=g.folder)||void 0===f?void 0:f.items]),k=s((function(o){var s=o.trim(),c=0===s.length?"Folder must have a name":"",n=c?"":e(s,P),t=n?'Name should be unique. Try "'.concat(n,'".'):"",r=c||t,m=S&&"Edited ".concat(i(null==S?void 0:S.updated_at).fromNow());return{message:r||m,hasError:!!r}}),[S,P]),T=s((function(o){A(null==g?void 0:g.folder,o)}),[null==g?void 0:g.folder,A]);if(!g)return null;var x=g.anchorEl,N=g.folder;return d(t,{open:!!N,anchorEl:x||null,onClose:O,placement:"right-start",className:p.root,children:[j(m,{entityName:null==N?void 0:N.name,onSave:T,button:j(r,{size:"small",disabled:!0,type:"tertiaryBg",children:j(a,{})}),isEditable:!0,isUpdating:D,getValidation:k}),j(t.Item,{size:"large",onClick:E,prefix:j(l,{}),type:"destructive",children:"Delete Folder"})]})};export{I as FolderMenu};
+import{useMemo as o,useCallback as s}from"react";import{maxBy as c}from"lodash";import i from"moment";import{storeApi as n}from"../Store/Store.js";import"../Store/utils.js";import{Menu as t}from"../../Menu/Menu.js";import{ButtonIcon as r}from"../../ButtonIcon/ButtonIcon.js";import{TemplatesTreeMenuHeader as m}from"../TemplatesTreeMenuHeader/TemplatesTreeMenuHeader.js";import{suggestName as e}from"../utils.js";import{Action as u}from"../types.js";import p from"./FolderMenu.scss.js";import{DeleteFourIcon as l}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import{FolderClosedCustomIcon as a}from"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as d,jsx as j}from"react/jsx-runtime";var I=function(){var I,f,v=n.useFolderMenuData,C=n.useCloseFolderMenu,h=n.useUpdateFolderName,F=n.useFolders,b=n.useHasCurrentAction,M=n.useDeleteFolder,g=v(),O=C(),A=h(),y=F(),D=b(null==g?void 0:g.folder.id,u.UpdateName),E=M(null==g?void 0:g.folder),P=o((function(){return y.filter((function(o){var s;return o.id!==(null==g||null===(s=g.folder)||void 0===s?void 0:s.id)}))}),[y,null==g||null===(I=g.folder)||void 0===I?void 0:I.id]),S=o((function(){var o;return c(null==g||null===(o=g.folder)||void 0===o?void 0:o.items,"updated_at")}),[null==g||null===(f=g.folder)||void 0===f?void 0:f.items]),k=s((function(o){var s=o.trim(),c=0===s.length?"Folder must have a name":"",n=c?"":e(s,P),t=n?'Name should be unique. Try "'.concat(n,'".'):"",r=c||t,m=S&&"Edited ".concat(i(null==S?void 0:S.updated_at).fromNow());return{message:r||m,hasError:!!r}}),[S,P]),T=s((function(o){A(null==g?void 0:g.folder,o)}),[null==g?void 0:g.folder,A]);if(!g)return null;var x=g.anchorEl,N=g.folder;return d(t,{open:!!N,anchorEl:x||null,onClose:O,placement:"right-start",className:p.root,children:[j(m,{entityName:null==N?void 0:N.name,onSave:T,button:j(r,{size:"small",disabled:!0,type:"tertiaryBg",children:j(a,{})}),isEditable:!0,isUpdating:D,getValidation:k}),j(t.Item,{size:"large",onClick:E,prefix:j(l,{}),type:"destructive",children:"Delete Folder"})]})};export{I as FolderMenu};
 //# sourceMappingURL=FolderMenu.js.map