npm - @corva/ui - Versions diffs - 3.78.0-2 → 3.78.0-4 - Mend

@corva/ui 3.78.0-2 → 3.78.0-4

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 (520) hide show

package/componentsV2/TemplatesControl/PublishModal/PublishModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PublishModal.js","sources":["../../../../src/componentsV2/TemplatesControl/PublishModal/PublishModal.tsx"],"sourcesContent":["import { ReactNode, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Collapse } from '@material-ui/core';\nimport Jsona from 'jsona';\n\nimport { Modal } from '../../Modal';\nimport { TextInput } from '../../TextInput';\nimport { Template } from '../types';\nimport { suggestName } from '../utils';\nimport { storeApi } from '../Store';\nimport { Radio } from '../../Radio';\nimport { Text } from '../../Text';\nimport { Autocomplete, AutocompleteProps } from '../../Autocomplete';\nimport { TextEndTruncated } from '../../TextEndTruncated';\n\nimport styles from './PublishModal.scss';\n\nimport { useAppCommons, useLoadedData } from '~/effects';\nimport { getPrograms, getRigs } from '~/clients/jsonApi';\n\ntype AutocompleteOption = { id: number; title: string };\n\nconst dataFormatter = new Jsona();\nconst getDataFromResponseFn = (data: object) => {\n const parsed = dataFormatter.deserialize(data) as { id: string; name: string }[];\n return parsed.map<AutocompleteOption>(({ id, name }) => ({ id: Number(id), title: name }));\n};\n\ntype UseLoadedReturnType<T = AutocompleteOption> = {\n data: T[];\n isLoading: boolean;\n loadData: (options: object) => Promise<void>;\n};\n\nconst renderSelected: AutocompleteProps<AutocompleteOption, true>['renderSelected'] = options => (\n <Text size={16} className={styles.selected} tagName=\"div\">\n <TextEndTruncated>{options.map(({ option: { title } }) => title).join(', ')}</TextEndTruncated>\n </Text>\n);\n\ntype RadioLabelProps = {\n title: ReactNode;\n subTitle: ReactNode;\n controls?: ReactNode;\n open?: boolean;\n};\n\nconst RadioLabel = ({ subTitle, title, controls, open = false }: RadioLabelProps) => (\n <>\n <Text size={16}>{title}</Text>\n <Text size={14} color=\"T6\" className={styles.labelSubTitle}>\n {subTitle}\n </Text>\n {controls && <Collapse in={open}>{controls}</Collapse>}\n </>\n);\n\nexport type PublishModalProps = {\n open: boolean;\n onClose: () => void;\n template: Template;\n};\n\ntype PublishTypes = 'company' \| 'programs' \| 'rigs';\n\nexport const PublishModal = ({ onClose, open, template }: PublishModalProps) => {\n const { useAllTemplates, usePublishTemplate } = storeApi;\n const allTemplates = useAllTemplates();\n const publishTemplate = usePublishTemplate();\n\n const { currentUser: { company_id: companyId } = {} } = useAppCommons();\n\n const [name, setName] = useState(template.name);\n const [type, setType] = useState<PublishTypes>('company');\n const [selectedPrograms, setSelectedPrograms] = useState<AutocompleteOption[]>([]);\n const [selectedRigs, setSelectedRigs] = useState<AutocompleteOption[]>([]);\n const [rigSearch, setRigSearch] = useState('');\n\n const isCompanyType = type === 'company';\n const isProgramType = type === 'programs';\n const isRigsType = type === 'rigs';\n\n const suggestedName = suggestName(name, allTemplates);\n\n const {\n data: programOptions,\n isLoading: isLoadingPrograms,\n loadData: loadPrograms,\n } = useLoadedData({\n initialData: [] as never,\n initialLoading: true,\n loadFn: getPrograms,\n getDataFromResponseFn,\n }) as unknown as UseLoadedReturnType;\n\n const {\n data: rigOptions,\n isLoading: isLoadingRigs,\n loadData: loadRigs,\n } = useLoadedData({\n initialData: [] as never,\n initialLoading: true,\n loadFn: getRigs,\n getDataFromResponseFn,\n }) as unknown as UseLoadedReturnType;\n\n const primaryActionProps = useMemo(\n () => ({\n disabled:\n name.trim().length === 0 \|\|\n !!suggestedName \|\|\n (type === 'programs' && selectedPrograms.length === 0) \|\|\n (type === 'rigs' && selectedRigs.length === 0),\n }),\n [name, selectedPrograms.length, selectedRigs.length, suggestedName, type]\n );\n\n useEffect(() => {\n if (isProgramType && !programOptions.length) {\n loadPrograms({ per_page: 1000, fields: ['program.name'], company_id: companyId });\n }\n }, [companyId, isProgramType, loadPrograms, programOptions.length]);\n\n useEffect(() => {\n if (isRigsType) {\n loadRigs({ per_page: 200, fields: ['rig.name'], company_id: companyId, search: rigSearch });\n }\n }, [companyId, isRigsType, loadRigs, rigSearch]);\n\n useEffect(() => {\n if (open) {\n setSelectedRigs([]);\n setSelectedPrograms([]);\n setType('company');\n }\n }, [open]);\n\n const publish = useCallback(() => {\n if (type === 'company') {\n publishTemplate(template.id, name, {});\n } else if (type === 'programs' && selectedPrograms.length) {\n publishTemplate(template.id, name, {\n programIds: selectedPrograms.map(({ id }) => id),\n });\n } else if (type === 'rigs' && selectedRigs.length) {\n publishTemplate(template.id, name, {\n rigIds: selectedRigs.map(({ id }) => id),\n });\n }\n onClose();\n }, [name, onClose, publishTemplate, selectedPrograms, selectedRigs, template.id, type]);\n\n return (\n <Modal\n title=\"Confirm Template Publication\"\n size=\"medium\"\n open={open}\n onClose={onClose}\n primaryActionText=\"Publish\"\n primaryActionHandler={publish}\n primaryActionProps={primaryActionProps}\n secondaryActionText=\"Cancel\"\n secondaryActionHandler={onClose}\n >\n <div className={styles.root}>\n <TextInput\n label=\"Template Name\"\n value={name}\n onChange={setName}\n status={suggestedName ? 'error' : undefined}\n message={suggestedName && `Name should be unique. Try \"${suggestedName}\"`}\n />\n\n <Radio\n checked={isCompanyType}\n onChange={() => setType('company')}\n label={\n <RadioLabel\n title=\"Entire Company\"\n subTitle=\"It will be available to all company employees.\"\n />\n }\n />\n\n <Radio\n checked={isProgramType}\n onChange={() => setType('programs')}\n label={\n <RadioLabel\n title=\"For Selected Programs Only\"\n subTitle=\"Will be visible to employees with selected Programs only.\"\n open={isProgramType}\n controls={\n <Autocomplete\n label=\"Select Programs\"\n options={programOptions}\n loading={isLoadingPrograms}\n multiple\n value={selectedPrograms}\n onChange={setSelectedPrograms}\n renderSelected={renderSelected}\n />\n }\n />\n }\n />\n\n <Radio\n checked={isRigsType}\n onChange={() => setType('rigs')}\n label={\n <RadioLabel\n title=\"For Selected Rigs Only\"\n subTitle=\"Visible only when Rig is selected for all employees.\"\n open={isRigsType}\n controls={\n <Autocomplete\n label=\"Select Rigs\"\n options={rigOptions}\n loading={isLoadingRigs}\n multiple\n value={selectedRigs}\n onChange={setSelectedRigs}\n onInputChange={setRigSearch}\n renderSelected={renderSelected}\n />\n }\n />\n }\n />\n </div>\n </Modal>\n );\n};\n"],"names":["dataFormatter","Jsona","getDataFromResponseFn","data","deserialize","map","_ref","id","name","Number","title","renderSelected","options","_jsx","Text","size","className","styles","selected","tagName","children","TextEndTruncated","_ref2","option","join","RadioLabel","_ref3","subTitle","controls","_ref3$open","open","_jsxs","_Fragment","color","labelSubTitle","Collapse","in","PublishModal","_ref4","onClose","template","useAllTemplates","storeApi","usePublishTemplate","allTemplates","publishTemplate","_useAppCommons$curren","useAppCommons","currentUser","companyId","company_id","_useState","useState","_useState2","_slicedToArray","setName","_useState4","_useState3","type","setType","_useState6","_useState5","selectedPrograms","setSelectedPrograms","_useState8","_useState7","selectedRigs","setSelectedRigs","_useState10","_useState9","rigSearch","setRigSearch","isCompanyType","isProgramType","isRigsType","suggestedName","suggestName","_ref5","useLoadedData","initialData","initialLoading","loadFn","getPrograms","programOptions","isLoadingPrograms","isLoading","loadPrograms","loadData","_ref6","getRigs","rigOptions","isLoadingRigs","loadRigs","primaryActionProps","useMemo","disabled","trim","length","useEffect","per_page","fields","search","publish","useCallback","programIds","_ref7","rigIds","_ref8","Modal","primaryActionText","primaryActionHandler","secondaryActionText","secondaryActionHandler","root","TextInput","label","value","onChange","status","undefined","message","concat","Radio","checked","Autocomplete","loading","multiple","onInputChange"],"mappings":"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"}
1	+ {"version":3,"file":"PublishModal.js","sources":["../../../../src/componentsV2/TemplatesControl/PublishModal/PublishModal.tsx"],"sourcesContent":["import { ReactNode, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Collapse } from '@material-ui/core';\nimport Jsona from 'jsona';\n\nimport { Modal } from '../../Modal';\nimport { TextInput } from '../../TextInput';\nimport { Template } from '../types';\nimport { suggestName } from '../utils';\nimport { storeApi } from '../Store';\nimport { Radio } from '../../Radio';\nimport { Text } from '../../Text';\nimport { Autocomplete, AutocompleteProps } from '../../Autocomplete';\nimport { TextEndTruncated } from '../../TextEndTruncated';\n\nimport styles from './PublishModal.scss';\n\nimport { useAppCommons, useLoadedData } from '~/effects';\nimport { getPrograms, getRigs } from '~/clients/jsonApi';\n\ntype AutocompleteOption = { id: number; title: string };\n\nconst dataFormatter = new Jsona();\nconst getDataFromResponseFn = (data: object) => {\n const parsed = dataFormatter.deserialize(data) as { id: string; name: string }[];\n return parsed.map<AutocompleteOption>(({ id, name }) => ({ id: Number(id), title: name }));\n};\n\ntype UseLoadedReturnType<T = AutocompleteOption> = {\n data: T[];\n isLoading: boolean;\n loadData: (options: object) => Promise<void>;\n};\n\nconst renderSelected: AutocompleteProps<AutocompleteOption, true>['renderSelected'] = options => (\n <Text size={16} className={styles.selected} tagName=\"div\">\n <TextEndTruncated>{options.map(({ option: { title } }) => title).join(', ')}</TextEndTruncated>\n </Text>\n);\n\ntype RadioLabelProps = {\n title: ReactNode;\n subTitle: ReactNode;\n controls?: ReactNode;\n open?: boolean;\n};\n\nconst RadioLabel = ({ subTitle, title, controls, open = false }: RadioLabelProps) => (\n <>\n <Text size={16}>{title}</Text>\n <Text size={14} color=\"T6\" className={styles.labelSubTitle}>\n {subTitle}\n </Text>\n {controls && <Collapse in={open}>{controls}</Collapse>}\n </>\n);\n\nexport type PublishModalProps = {\n open: boolean;\n onClose: () => void;\n template: Template;\n};\n\ntype PublishTypes = 'company' \| 'programs' \| 'rigs';\n\nexport const PublishModal = ({ onClose, open, template }: PublishModalProps) => {\n const { useAllTemplates, usePublishTemplate } = storeApi;\n const allTemplates = useAllTemplates();\n const publishTemplate = usePublishTemplate();\n\n const { currentUser: { company_id: companyId } = {} } = useAppCommons();\n\n const [name, setName] = useState(template.name);\n const [type, setType] = useState<PublishTypes>('company');\n const [selectedPrograms, setSelectedPrograms] = useState<AutocompleteOption[]>([]);\n const [selectedRigs, setSelectedRigs] = useState<AutocompleteOption[]>([]);\n const [rigSearch, setRigSearch] = useState('');\n\n const isCompanyType = type === 'company';\n const isProgramType = type === 'programs';\n const isRigsType = type === 'rigs';\n\n const suggestedName = suggestName(name, allTemplates);\n\n const {\n data: programOptions,\n isLoading: isLoadingPrograms,\n loadData: loadPrograms,\n } = useLoadedData({\n initialData: [] as never,\n initialLoading: true,\n loadFn: getPrograms,\n getDataFromResponseFn,\n }) as unknown as UseLoadedReturnType;\n\n const {\n data: rigOptions,\n isLoading: isLoadingRigs,\n loadData: loadRigs,\n } = useLoadedData({\n initialData: [] as never,\n initialLoading: true,\n loadFn: getRigs,\n getDataFromResponseFn,\n }) as unknown as UseLoadedReturnType;\n\n const primaryActionProps = useMemo(\n () => ({\n disabled:\n name.trim().length === 0 \|\|\n !!suggestedName \|\|\n (type === 'programs' && selectedPrograms.length === 0) \|\|\n (type === 'rigs' && selectedRigs.length === 0),\n }),\n [name, selectedPrograms.length, selectedRigs.length, suggestedName, type]\n );\n\n useEffect(() => {\n if (isProgramType && !programOptions.length) {\n loadPrograms({ per_page: 1000, fields: ['program.name'], company_id: companyId });\n }\n }, [companyId, isProgramType, loadPrograms, programOptions.length]);\n\n useEffect(() => {\n if (isRigsType) {\n loadRigs({ per_page: 200, fields: ['rig.name'], company_id: companyId, search: rigSearch });\n }\n }, [companyId, isRigsType, loadRigs, rigSearch]);\n\n useEffect(() => {\n if (open) {\n setSelectedRigs([]);\n setSelectedPrograms([]);\n setType('company');\n }\n }, [open]);\n\n const publish = useCallback(() => {\n if (type === 'company') {\n publishTemplate(template.id, name, {});\n } else if (type === 'programs' && selectedPrograms.length) {\n publishTemplate(template.id, name, {\n programIds: selectedPrograms.map(({ id }) => id),\n });\n } else if (type === 'rigs' && selectedRigs.length) {\n publishTemplate(template.id, name, {\n rigIds: selectedRigs.map(({ id }) => id),\n });\n }\n onClose();\n }, [name, onClose, publishTemplate, selectedPrograms, selectedRigs, template.id, type]);\n\n return (\n <Modal\n title=\"Confirm Template Publication\"\n size=\"medium\"\n open={open}\n onClose={onClose}\n primaryActionText=\"Publish\"\n primaryActionHandler={publish}\n primaryActionProps={primaryActionProps}\n secondaryActionText=\"Cancel\"\n secondaryActionHandler={onClose}\n >\n <div className={styles.root}>\n <TextInput\n label=\"Template Name\"\n value={name}\n onChange={setName}\n status={suggestedName ? 'error' : undefined}\n message={suggestedName && `Name should be unique. Try \"${suggestedName}\"`}\n />\n\n <Radio\n checked={isCompanyType}\n onChange={() => setType('company')}\n label={\n <RadioLabel\n title=\"Entire Company\"\n subTitle=\"It will be available to all company employees.\"\n />\n }\n />\n\n <Radio\n checked={isProgramType}\n onChange={() => setType('programs')}\n label={\n <RadioLabel\n title=\"For Selected Programs Only\"\n subTitle=\"Will be visible to employees with selected Programs only.\"\n open={isProgramType}\n controls={\n <Autocomplete\n label=\"Select Programs\"\n options={programOptions}\n loading={isLoadingPrograms}\n multiple\n value={selectedPrograms}\n onChange={setSelectedPrograms}\n renderSelected={renderSelected}\n />\n }\n />\n }\n />\n\n <Radio\n checked={isRigsType}\n onChange={() => setType('rigs')}\n label={\n <RadioLabel\n title=\"For Selected Rigs Only\"\n subTitle=\"Visible only when Rig is selected for all employees.\"\n open={isRigsType}\n controls={\n <Autocomplete\n label=\"Select Rigs\"\n options={rigOptions}\n loading={isLoadingRigs}\n multiple\n value={selectedRigs}\n onChange={setSelectedRigs}\n onInputChange={setRigSearch}\n renderSelected={renderSelected}\n />\n }\n />\n }\n />\n </div>\n </Modal>\n );\n};\n"],"names":["dataFormatter","Jsona","getDataFromResponseFn","data","deserialize","map","_ref","id","name","Number","title","renderSelected","options","_jsx","Text","size","className","styles","selected","tagName","children","TextEndTruncated","_ref2","option","join","RadioLabel","_ref3","subTitle","controls","_ref3$open","open","_jsxs","_Fragment","color","labelSubTitle","Collapse","in","PublishModal","_ref4","onClose","template","useAllTemplates","storeApi","usePublishTemplate","allTemplates","publishTemplate","_useAppCommons$curren","useAppCommons","currentUser","companyId","company_id","_useState","useState","_useState2","_slicedToArray","setName","_useState4","_useState3","type","setType","_useState6","_useState5","selectedPrograms","setSelectedPrograms","_useState8","_useState7","selectedRigs","setSelectedRigs","_useState10","_useState9","rigSearch","setRigSearch","isCompanyType","isProgramType","isRigsType","suggestedName","suggestName","_ref5","useLoadedData","initialData","initialLoading","loadFn","getPrograms","programOptions","isLoadingPrograms","isLoading","loadPrograms","loadData","_ref6","getRigs","rigOptions","isLoadingRigs","loadRigs","primaryActionProps","useMemo","disabled","trim","length","useEffect","per_page","fields","search","publish","useCallback","programIds","_ref7","rigIds","_ref8","Modal","primaryActionText","primaryActionHandler","secondaryActionText","secondaryActionHandler","root","TextInput","label","value","onChange","status","undefined","message","concat","Radio","checked","Autocomplete","loading","multiple","onInputChange"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/asyncToGenerator";import s from"@babel/runtime/helpers/toConsumableArray";import i from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/regenerator";import{useState as c,useMemo as r,useCallback as e,useEffect as m,Fragment as p}from"react";import{debounce as a,keyBy as u}from"lodash";import{Modal as l}from"../../Modal/Modal.js";import{TextInput as j}from"../../TextInput/TextInput.js";import{LoaderLogo as d}from"../../LoaderLogo/LoaderLogo.js";import{EmptyState as I}from"../../EmptyState/EmptyState.js";import{getUsers as f}from"../../../clients/jsonApi/index.js";import{Menu as h}from"../../Menu/Menu.js";import"../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"query-string";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"../../../components/GradientManager/configuration/constants.js";import"../../../components/UserMention/utils/index.js";import"../../../utils/convert.js";import"moment";import"../../../utils/casing/validation.js";import"lodash/mean";import"../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"lodash/isNumber";import"lodash/has";import"../../../utils/ga.js";import"../../../utils/goalsConfig/goalsConfig.js";import"../../../utils/lasParser.js";import"../../../utils/main.js";import"../../../utils/metrics/metricsConfig.js";import"../../../utils/mobileDetect.js";import"../../../utils/feed.js";import"../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../utils/dashboardReports.js";import"../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../utils/jsonaDataFormatter.js";import"../../../utils/bha.js";import"jsona";import"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"../../../utils/charts/Styles.scss.js";import"../../../utils/getSingleAsset.js";import"uuid";import"../../../components/StatusBadge/constants.js";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as b}from"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppPanel/AppPanelsContext.js";import{useInfiniteScroll as g}from"../../../effects/useInfiniteScroll.js";import{Item as C}from"./Item.js";import v from"./ShareModal.scss.js";import"@icon-park/react/es/all";import{jsx as y,jsxs as P}from"react/jsx-runtime";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import{SearchOne as O}from"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";function A(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,t)}return i}function x(o){for(var s=1;s<arguments.length;s++){var i=null!=arguments[s]?arguments[s]:{};s%2?A(Object(i),!0).forEach((function(s){t(o,s,i[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):A(Object(i)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(i,s))}))}return o}var S={order:"asc",sort:"first_name"},F=function(o){return o},D=function(o){var s=o.companyId,i=o.search,t=o.page,n=o.perPage;return f(x(x({},S),{},{companyId:s,page:t,perPage:n,search:i}))},M=function(o,s){return o.first_name.localeCompare(s.first_name)||o.last_name.localeCompare(s.last_name)},k=function(t){var A=t.onClose,k=t.template,w=t.open,E=t.onShare,T=b().currentUser.company_id,R=k.shared_with,L=c(""),N=i(L,2),U=N[0],_=N[1],G=c(""),z=i(G,2),q=z[0],B=z[1],W=c(!1),H=i(W,2),K=H[0],Z=H[1],J=c([]),Q=i(J,2),V=Q[0],X=Q[1],Y=r((function(){return a(B,300)}),[]),$=e((function(o){_(o),Y(o)}),[Y]),oo=e((function(){Y.cancel(),_(""),B("")}),[Y]),so=q.trim(),io=r((function(){return{search:so,companyId:T}}),[so,T]),to=e((function(o){return X((function(i){return[].concat(s(i),[o]).toSorted(M)}))}),[]),no=e((function(o){return X((function(s){return s.filter((function(s){return s.id!==o.id}))}))}),[]),co=e((function(){return E(V.map((function(o){return o.id})))}),[E,V]),ro=g({filters:io,getParams:F,loadData:D}),eo=ro.data,mo=ro.loadMoreElementRef,po=ro.containerElementRef,ao=ro.isLoading;m((function(){var s=function(){var s=o(n.mark((function o(){var s;return n.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:if(!R||!R.length){o.next=9;break}return Z(!0),o.next=4,f(x(x({},S),{},{companyId:T,page:1,perPage:1e3,ids:R}));case 4:s=o.sent,X(s),Z(!1),o.next=10;break;case 9:X([]);case 10:case"end":return o.stop()}}),o)})));return function(){return s.apply(this,arguments)}}();w&&s()}),[w,R,T]),m((function(){w&&oo()}),[oo,w]);var uo=r((function(){return u(V,"id")}),[V]),lo=r((function(){return{disabled:K}}),[K]);return y(l,{title:"Share “".concat(k.name,"”"),open:w,onClose:A,primaryActionText:"Share",primaryActionHandler:co,primaryActionProps:lo,secondaryActionText:"Cancel",secondaryActionHandler:A,size:"medium",children:P("div",{className:v.wrapper,children:[y(j,{label:"",placeholder:"Search User...",type:"search",prefix:y(O,{}),spacing:"dense",onChange:$,value:U,onClear:oo}),P("div",{className:v.list,ref:po,children:[!K&&V.map((function(o,s){return P(p,{children:[s>0&&y(h.Divider,{className:v.divider}),y(C,{user:o,onClick:no,isSelected:!0})]},o.id)})),eo.map((function(o,s){return uo[o.id]?null:P(p,{children:[(s>0||V.length>0)&&y(h.Divider,{className:v.divider}),y(C,{user:o,onClick:to})]},o.id)})),y("div",{ref:mo}),!ao&&0===eo.length&&0===V.length&&y(I,{title:"No users found",image:"nothingFound"}),(ao||K)&&y(d,{size:60})]})]})})};export{k as ShareModal};
+import o from"@babel/runtime/helpers/asyncToGenerator";import s from"@babel/runtime/helpers/toConsumableArray";import i from"@babel/runtime/helpers/slicedToArray";import n from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/regenerator";import{useState as c,useMemo as r,useCallback as e,useEffect as m,Fragment as p}from"react";import{debounce as a,keyBy as u}from"lodash";import{Modal as l}from"../../Modal/Modal.js";import{TextInput as j}from"../../TextInput/TextInput.js";import{LoaderLogo as d}from"../../LoaderLogo/LoaderLogo.js";import{EmptyState as I}from"../../EmptyState/EmptyState.js";import{getUsers as f}from"../../../clients/jsonApi/index.js";import{Menu as h}from"../../Menu/Menu.js";import"querystring";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"query-string";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"../../../components/GradientManager/configuration/constants.js";import"../../../components/UserMention/utils/index.js";import"../../../utils/convert.js";import"moment";import"../../../utils/casing/validation.js";import"lodash/mean";import"../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"lodash/isNumber";import"lodash/has";import"../../../utils/ga.js";import"../../../utils/goalsConfig/goalsConfig.js";import"../../../utils/lasParser.js";import"../../../utils/main.js";import"../../../utils/metrics/metricsConfig.js";import"../../../utils/mobileDetect.js";import"../../../utils/feed.js";import"../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../utils/dashboardReports.js";import"../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../utils/jsonaDataFormatter.js";import"../../../utils/bha.js";import"jsona";import"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"../../../utils/charts/Styles.scss.js";import"../../../utils/getSingleAsset.js";import"uuid";import"../../../components/StatusBadge/constants.js";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as g}from"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppPanel/AppPanelsContext.js";import{useInfiniteScroll as b}from"../../../effects/useInfiniteScroll.js";import{Item as C}from"./Item.js";import v from"./ShareModal.scss.js";import"@icon-park/react/es/all";import{jsx as y,jsxs as P}from"react/jsx-runtime";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import{SearchOne as O}from"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";function A(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,n)}return i}function x(o){for(var s=1;s<arguments.length;s++){var i=null!=arguments[s]?arguments[s]:{};s%2?A(Object(i),!0).forEach((function(s){n(o,s,i[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):A(Object(i)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(i,s))}))}return o}var S={order:"asc",sort:"first_name"},F=function(o){return o},D=function(o){var s=o.companyId,i=o.search,n=o.page,t=o.perPage;return f(x(x({},S),{},{companyId:s,page:n,perPage:t,search:i}))},M=function(o,s){return o.first_name.localeCompare(s.first_name)||o.last_name.localeCompare(s.last_name)},k=function(n){var A=n.onClose,k=n.template,w=n.open,E=n.onShare,T=g().currentUser.company_id,R=k.shared_with,L=c(""),N=i(L,2),U=N[0],_=N[1],G=c(""),z=i(G,2),q=z[0],B=z[1],W=c(!1),H=i(W,2),K=H[0],Z=H[1],J=c([]),Q=i(J,2),V=Q[0],X=Q[1],Y=r((function(){return a(B,300)}),[]),$=e((function(o){_(o),Y(o)}),[Y]),oo=e((function(){Y.cancel(),_(""),B("")}),[Y]),so=q.trim(),io=r((function(){return{search:so,companyId:T}}),[so,T]),no=e((function(o){return X((function(i){return[].concat(s(i),[o]).toSorted(M)}))}),[]),to=e((function(o){return X((function(s){return s.filter((function(s){return s.id!==o.id}))}))}),[]),co=e((function(){return E(V.map((function(o){return o.id})))}),[E,V]),ro=b({filters:io,getParams:F,loadData:D}),eo=ro.data,mo=ro.loadMoreElementRef,po=ro.containerElementRef,ao=ro.isLoading;m((function(){var s=function(){var s=o(t.mark((function o(){var s;return t.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:if(!R||!R.length){o.next=9;break}return Z(!0),o.next=4,f(x(x({},S),{},{companyId:T,page:1,perPage:1e3,ids:R}));case 4:s=o.sent,X(s),Z(!1),o.next=10;break;case 9:X([]);case 10:case"end":return o.stop()}}),o)})));return function(){return s.apply(this,arguments)}}();w&&s()}),[w,R,T]),m((function(){w&&oo()}),[oo,w]);var uo=r((function(){return u(V,"id")}),[V]),lo=r((function(){return{disabled:K}}),[K]);return y(l,{title:"Share “".concat(k.name,"”"),open:w,onClose:A,primaryActionText:"Share",primaryActionHandler:co,primaryActionProps:lo,secondaryActionText:"Cancel",secondaryActionHandler:A,size:"medium",children:P("div",{className:v.wrapper,children:[y(j,{label:"",placeholder:"Search User...",type:"search",prefix:y(O,{}),spacing:"dense",onChange:$,value:U,onClear:oo}),P("div",{className:v.list,ref:po,children:[!K&&V.map((function(o,s){return P(p,{children:[s>0&&y(h.Divider,{className:v.divider}),y(C,{user:o,onClick:to,isSelected:!0})]},o.id)})),eo.map((function(o,s){return uo[o.id]?null:P(p,{children:[(s>0||V.length>0)&&y(h.Divider,{className:v.divider}),y(C,{user:o,onClick:no})]},o.id)})),y("div",{ref:mo}),!ao&&0===eo.length&&0===V.length&&y(I,{title:"No users found",image:"nothingFound"}),(ao||K)&&y(d,{size:60})]})]})})};export{k as ShareModal};
 //# sourceMappingURL=ShareModal.js.map

package/componentsV2/TemplatesControl/ShareModal/ShareModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ShareModal.js","sources":["../../../../src/componentsV2/TemplatesControl/ShareModal/ShareModal.tsx"],"sourcesContent":["import { Fragment, useCallback, useEffect, useMemo, useState } from 'react';\nimport { debounce, keyBy } from 'lodash';\n\nimport { Modal } from '../../Modal';\nimport { TextInput } from '../../TextInput';\nimport { LoaderLogo } from '../../LoaderLogo';\nimport { EmptyState } from '../../EmptyState';\nimport { getUsers } from '../../../clients/jsonApi';\nimport { Menu } from '../../Menu';\nimport { Template } from '../types';\nimport { useAppCommons, useInfiniteScroll, UseInfiniteScrollGetParamsArg } from '../../../effects';\n\nimport { User } from './types';\nimport { Item } from './Item';\n\nimport styles from './ShareModal.scss';\n\nimport { SearchOne } from '~/icons';\n\ntype Filters = { search: string; companyId: number };\n\nconst defaultParams = {\n order: 'asc',\n sort: 'first_name',\n};\n\nconst getParams = (params: UseInfiniteScrollGetParamsArg<Filters>) => params;\n\nconst loadData = ({ companyId, search, page, perPage }: UseInfiniteScrollGetParamsArg<Filters>) =>\n getUsers({\n ...defaultParams,\n companyId,\n page,\n perPage,\n search,\n }) as Promise<User[]>;\n\nconst sortUsers = (a: User, b: User) =>\n a.first_name.localeCompare(b.first_name) \|\| a.last_name.localeCompare(b.last_name);\n\nexport type ShareModalProps = {\n open: boolean;\n onClose: () => void;\n template: Template;\n onShare: (ids: number[]) => void;\n};\n\nexport const ShareModal = ({ onClose, template, open, onShare }: ShareModalProps) => {\n const {\n currentUser: { company_id: companyId },\n } = useAppCommons() as { currentUser: User };\n const { shared_with: sharedWith } = template;\n\n const [search, setSearch] = useState('');\n const [filterSearch, setFilterSearch] = useState('');\n const [isLoadingShared, setIsLoadingShared] = useState(false);\n const [selectedUsers, setSelectedUsers] = useState<User[]>([]);\n\n const debouncedSetSearchForFilter = useMemo(() => debounce(setFilterSearch, 300), []);\n\n const onSearchChange = useCallback(\n (value: string) => {\n setSearch(value);\n debouncedSetSearchForFilter(value);\n },\n [debouncedSetSearchForFilter]\n );\n\n const clearSearch = useCallback(() => {\n debouncedSetSearchForFilter.cancel();\n setSearch('');\n setFilterSearch('');\n }, [debouncedSetSearchForFilter]);\n\n const trimmedFilterSearch = filterSearch.trim();\n const filters = useMemo(\n () => ({ search: trimmedFilterSearch, companyId }),\n [trimmedFilterSearch, companyId]\n );\n\n const selectUser = useCallback(\n (user: User) => setSelectedUsers(users => [...users, user].toSorted(sortUsers)),\n []\n );\n\n const deselectUser = useCallback(\n (user: User) => setSelectedUsers(users => users.filter(({ id }) => id !== user.id)),\n []\n );\n\n const onActualShare = useCallback(\n () => onShare(selectedUsers.map(({ id }) => id)),\n [onShare, selectedUsers]\n );\n\n const { data, loadMoreElementRef, containerElementRef, isLoading } = useInfiniteScroll({\n filters,\n getParams,\n loadData,\n });\n\n useEffect(() => {\n const loadInitial = async () => {\n if (sharedWith && sharedWith.length) {\n setIsLoadingShared(true);\n\n const users = await getUsers({\n ...defaultParams,\n companyId,\n page: 1,\n perPage: 1000,\n ids: sharedWith,\n });\n\n setSelectedUsers(users);\n setIsLoadingShared(false);\n } else {\n setSelectedUsers([]);\n }\n };\n\n if (open) {\n loadInitial();\n }\n }, [open, sharedWith, companyId]);\n\n useEffect(() => {\n if (open) {\n clearSearch();\n }\n }, [clearSearch, open]);\n\n const selectedUsersMap = useMemo(() => keyBy(selectedUsers, 'id'), [selectedUsers]);\n\n const primaryActionProps = useMemo(() => ({ disabled: isLoadingShared }), [isLoadingShared]);\n\n return (\n <Modal\n title={`Share “${template.name}”`}\n open={open}\n onClose={onClose}\n primaryActionText=\"Share\"\n primaryActionHandler={onActualShare}\n primaryActionProps={primaryActionProps}\n secondaryActionText=\"Cancel\"\n secondaryActionHandler={onClose}\n size=\"medium\"\n >\n <div className={styles.wrapper}>\n <TextInput\n label=\"\"\n placeholder=\"Search User...\"\n type=\"search\"\n prefix={<SearchOne />}\n spacing=\"dense\"\n onChange={onSearchChange}\n value={search}\n onClear={clearSearch}\n />\n <div className={styles.list} ref={containerElementRef}>\n {!isLoadingShared &&\n selectedUsers.map((user, index) => (\n <Fragment key={user.id}>\n {index > 0 && <Menu.Divider className={styles.divider} />}\n <Item user={user} onClick={deselectUser} isSelected />\n </Fragment>\n ))}\n\n {data.map((user, index) =>\n !selectedUsersMap[user.id] ? (\n <Fragment key={user.id}>\n {(index > 0 \|\| selectedUsers.length > 0) && (\n <Menu.Divider className={styles.divider} />\n )}\n <Item user={user} onClick={selectUser} />\n </Fragment>\n ) : null\n )}\n\n <div ref={loadMoreElementRef} />\n\n {!isLoading && data.length === 0 && selectedUsers.length === 0 && (\n <EmptyState title=\"No users found\" image=\"nothingFound\" />\n )}\n\n {(isLoading \|\| isLoadingShared) && <LoaderLogo size={60} />}\n </div>\n </div>\n </Modal>\n );\n};\n"],"names":["defaultParams","order","sort","getParams","params","loadData","_ref","companyId","search","page","perPage","getUsers","sortUsers","a","b","first_name","localeCompare","last_name","ShareModal","_ref2","onClose","template","open","onShare","useAppCommons","currentUser","company_id","sharedWith","shared_with","useState","_useState2","_slicedToArray","_useState","setSearch","_useState4","_useState3","filterSearch","setFilterSearch","_useState6","_useState5","isLoadingShared","setIsLoadingShared","_useState8","_useState7","selectedUsers","setSelectedUsers","debouncedSetSearchForFilter","useMemo","debounce","onSearchChange","useCallback","value","clearSearch","cancel","trimmedFilterSearch","trim","filters","selectUser","user","users","concat","_toConsumableArray","toSorted","deselectUser","filter","_ref4","id","onActualShare","map","_ref5","_useInfiniteScroll","useInfiniteScroll","data","loadMoreElementRef","containerElementRef","isLoading","useEffect","loadInitial","_ref6","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","length","ids","sent","stop","apply","this","arguments","selectedUsersMap","keyBy","primaryActionProps","disabled","_jsx","Modal","title","name","primaryActionText","primaryActionHandler","secondaryActionText","secondaryActionHandler","size","children","_jsxs","className","styles","wrapper","TextInput","label","placeholder","type","prefix","SearchOne","spacing","onChange","onClear","list","ref","index","Fragment","Menu","Divider","divider","Item","onClick","isSelected","EmptyState","image","LoaderLogo"],"mappings":"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"}
1	+ {"version":3,"file":"ShareModal.js","sources":["../../../../src/componentsV2/TemplatesControl/ShareModal/ShareModal.tsx"],"sourcesContent":["import { Fragment, useCallback, useEffect, useMemo, useState } from 'react';\nimport { debounce, keyBy } from 'lodash';\n\nimport { Modal } from '../../Modal';\nimport { TextInput } from '../../TextInput';\nimport { LoaderLogo } from '../../LoaderLogo';\nimport { EmptyState } from '../../EmptyState';\nimport { getUsers } from '../../../clients/jsonApi';\nimport { Menu } from '../../Menu';\nimport { Template } from '../types';\nimport { useAppCommons, useInfiniteScroll, UseInfiniteScrollGetParamsArg } from '../../../effects';\n\nimport { User } from './types';\nimport { Item } from './Item';\n\nimport styles from './ShareModal.scss';\n\nimport { SearchOne } from '~/icons';\n\ntype Filters = { search: string; companyId: number };\n\nconst defaultParams = {\n order: 'asc',\n sort: 'first_name',\n};\n\nconst getParams = (params: UseInfiniteScrollGetParamsArg<Filters>) => params;\n\nconst loadData = ({ companyId, search, page, perPage }: UseInfiniteScrollGetParamsArg<Filters>) =>\n getUsers({\n ...defaultParams,\n companyId,\n page,\n perPage,\n search,\n }) as Promise<User[]>;\n\nconst sortUsers = (a: User, b: User) =>\n a.first_name.localeCompare(b.first_name) \|\| a.last_name.localeCompare(b.last_name);\n\nexport type ShareModalProps = {\n open: boolean;\n onClose: () => void;\n template: Template;\n onShare: (ids: number[]) => void;\n};\n\nexport const ShareModal = ({ onClose, template, open, onShare }: ShareModalProps) => {\n const {\n currentUser: { company_id: companyId },\n } = useAppCommons() as { currentUser: User };\n const { shared_with: sharedWith } = template;\n\n const [search, setSearch] = useState('');\n const [filterSearch, setFilterSearch] = useState('');\n const [isLoadingShared, setIsLoadingShared] = useState(false);\n const [selectedUsers, setSelectedUsers] = useState<User[]>([]);\n\n const debouncedSetSearchForFilter = useMemo(() => debounce(setFilterSearch, 300), []);\n\n const onSearchChange = useCallback(\n (value: string) => {\n setSearch(value);\n debouncedSetSearchForFilter(value);\n },\n [debouncedSetSearchForFilter]\n );\n\n const clearSearch = useCallback(() => {\n debouncedSetSearchForFilter.cancel();\n setSearch('');\n setFilterSearch('');\n }, [debouncedSetSearchForFilter]);\n\n const trimmedFilterSearch = filterSearch.trim();\n const filters = useMemo(\n () => ({ search: trimmedFilterSearch, companyId }),\n [trimmedFilterSearch, companyId]\n );\n\n const selectUser = useCallback(\n (user: User) => setSelectedUsers(users => [...users, user].toSorted(sortUsers)),\n []\n );\n\n const deselectUser = useCallback(\n (user: User) => setSelectedUsers(users => users.filter(({ id }) => id !== user.id)),\n []\n );\n\n const onActualShare = useCallback(\n () => onShare(selectedUsers.map(({ id }) => id)),\n [onShare, selectedUsers]\n );\n\n const { data, loadMoreElementRef, containerElementRef, isLoading } = useInfiniteScroll({\n filters,\n getParams,\n loadData,\n });\n\n useEffect(() => {\n const loadInitial = async () => {\n if (sharedWith && sharedWith.length) {\n setIsLoadingShared(true);\n\n const users = await getUsers({\n ...defaultParams,\n companyId,\n page: 1,\n perPage: 1000,\n ids: sharedWith,\n });\n\n setSelectedUsers(users);\n setIsLoadingShared(false);\n } else {\n setSelectedUsers([]);\n }\n };\n\n if (open) {\n loadInitial();\n }\n }, [open, sharedWith, companyId]);\n\n useEffect(() => {\n if (open) {\n clearSearch();\n }\n }, [clearSearch, open]);\n\n const selectedUsersMap = useMemo(() => keyBy(selectedUsers, 'id'), [selectedUsers]);\n\n const primaryActionProps = useMemo(() => ({ disabled: isLoadingShared }), [isLoadingShared]);\n\n return (\n <Modal\n title={`Share “${template.name}”`}\n open={open}\n onClose={onClose}\n primaryActionText=\"Share\"\n primaryActionHandler={onActualShare}\n primaryActionProps={primaryActionProps}\n secondaryActionText=\"Cancel\"\n secondaryActionHandler={onClose}\n size=\"medium\"\n >\n <div className={styles.wrapper}>\n <TextInput\n label=\"\"\n placeholder=\"Search User...\"\n type=\"search\"\n prefix={<SearchOne />}\n spacing=\"dense\"\n onChange={onSearchChange}\n value={search}\n onClear={clearSearch}\n />\n <div className={styles.list} ref={containerElementRef}>\n {!isLoadingShared &&\n selectedUsers.map((user, index) => (\n <Fragment key={user.id}>\n {index > 0 && <Menu.Divider className={styles.divider} />}\n <Item user={user} onClick={deselectUser} isSelected />\n </Fragment>\n ))}\n\n {data.map((user, index) =>\n !selectedUsersMap[user.id] ? (\n <Fragment key={user.id}>\n {(index > 0 \|\| selectedUsers.length > 0) && (\n <Menu.Divider className={styles.divider} />\n )}\n <Item user={user} onClick={selectUser} />\n </Fragment>\n ) : null\n )}\n\n <div ref={loadMoreElementRef} />\n\n {!isLoading && data.length === 0 && selectedUsers.length === 0 && (\n <EmptyState title=\"No users found\" image=\"nothingFound\" />\n )}\n\n {(isLoading \|\| isLoadingShared) && <LoaderLogo size={60} />}\n </div>\n </div>\n </Modal>\n );\n};\n"],"names":["defaultParams","order","sort","getParams","params","loadData","_ref","companyId","search","page","perPage","getUsers","sortUsers","a","b","first_name","localeCompare","last_name","ShareModal","_ref2","onClose","template","open","onShare","useAppCommons","currentUser","company_id","sharedWith","shared_with","useState","_useState2","_slicedToArray","_useState","setSearch","_useState4","_useState3","filterSearch","setFilterSearch","_useState6","_useState5","isLoadingShared","setIsLoadingShared","_useState8","_useState7","selectedUsers","setSelectedUsers","debouncedSetSearchForFilter","useMemo","debounce","onSearchChange","useCallback","value","clearSearch","cancel","trimmedFilterSearch","trim","filters","selectUser","user","users","concat","_toConsumableArray","toSorted","deselectUser","filter","_ref4","id","onActualShare","map","_ref5","_useInfiniteScroll","useInfiniteScroll","data","loadMoreElementRef","containerElementRef","isLoading","useEffect","loadInitial","_ref6","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","length","ids","sent","stop","apply","this","arguments","selectedUsersMap","keyBy","primaryActionProps","disabled","_jsx","Modal","title","name","primaryActionText","primaryActionHandler","secondaryActionText","secondaryActionHandler","size","children","_jsxs","className","styles","wrapper","TextInput","label","placeholder","type","prefix","SearchOne","spacing","onChange","onClear","list","ref","index","Fragment","Menu","Divider","divider","Item","onClick","isSelected","EmptyState","image","LoaderLogo"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{forwardRef as t,useState as i,useRef as n,useCallback as e,useMemo as c,Fragment as r}from"react";import m from"classnames";import{Button as p}from"../../Button/Button.js";import{storeApi as a}from"../Store/Store.js";import"../Store/utils.js";import{Menu as u}from"../../Menu/Menu.js";import{Text as l}from"../../Text/Text.js";import{useTemplateActions as j}from"../templateMenuItems/index.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{CORVA_COMPANY_ID as d}from"../../../constants/corvaCompanyId.js";import"lodash";import"../../../components/GradientManager/configuration/constants.js";import{ToggleDisplayDefault as I}from"../ToggleDisplayDefault/ToggleDisplayDefault.js";import{ButtonIcon as h}from"../../ButtonIcon/ButtonIcon.js";import{Skeleton as f}from"../../Skeleton/Skeleton.js";import{UnsavedChangesBadge as b}from"../UnsavedChangesBadge/UnsavedChangesBadge.js";import v from"./Toggle.scss.js";import"../../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/jsonApi/index.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"query-string";import"../../../components/UserMention/utils/index.js";import"../../../utils/convert.js";import"moment";import"../../../utils/casing/validation.js";import"lodash/mean";import"../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../../utils/ga.js";import"../../../utils/goalsConfig/goalsConfig.js";import"../../../utils/lasParser.js";import"../../../utils/main.js";import"../../../utils/metrics/metricsConfig.js";import"../../../utils/mobileDetect.js";import"../../../utils/feed.js";import"../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../utils/dashboardReports.js";import"../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../utils/jsonaDataFormatter.js";import"../../../utils/bha.js";import"jsona";import"@babel/runtime/helpers/objectWithoutProperties";import"../../../utils/charts/Styles.scss.js";import"../../../utils/getSingleAsset.js";import"uuid";import"../../../components/StatusBadge/constants.js";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as C}from"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppPanel/AppPanelsContext.js";import{useCombineRefs as g}from"../../../effects/useCombineRefs.js";import{DownIcon as O}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsx as y,jsxs as P,Fragment as M}from"react/jsx-runtime";function T(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,i)}return t}function S(s){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?T(Object(i),!0).forEach((function(t){o(s,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):T(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var A=function(o,s){return o.shared?"Shared":o.isPreset?"Corva":o.published?(null==s?void 0:s.company_id)!==d?null==s?void 0:s.company_name:"Company":"Your Own"},D=t((function(o,s){var t=o.testId,i=o.className,n=o.disabled,e=o.templateIcon,c=o.onMouseLeave,r=o.onMouseEnter,a=o.onClick,u=o.children,l=o.isPopoverOpen;return y(p,{disabled:n,size:"small",className:m(v.button,i),type:"chartColored",testId:t,onClick:a,prefix:e,onMouseEnter:r,onMouseLeave:c,suffix:y(O,{className:m(v.chevron,l&&v.chevronOpen)}),ref:s,children:u||y(I,{})})})),F=t((function(o,s){var t=o.testId,i=o.className,n=o.disabled,e=o.templateIcon,c=o.onMouseLeave,r=o.onMouseEnter,p=o.onClick,u=a.useSelectedTemplate,l=a.useHasUnsavedChanges,j=a.useIsInitialized,d=u(),I=l(null==d?void 0:d.id),C=j();return y(h,{disabled:n,size:"small",className:m(v.buttonIcon,i),testId:t,onClick:p,onMouseEnter:r,onMouseLeave:c,ref:s,children:C?P("div",{className:v.buttonIconInner,children:[e,I&&y(b,{className:v.unsavedChangesUltraCompact,size:16})]}):y(f,{type:"circle",width:20,height:20})})})),x=["CopyTemplate","PublishTemplate","RevertTemplate","RemoveTemplate"],k=t((function(t,m){var p=t.testId,d=t.className,I=t.disabled,h=t.children,f=t.layout,O=void 0===f?"full":f,T=a.useOpenPopover,k=a.useIsPopoverOpen,N=a.useSelectedTemplate,E=a.useIsInitialized,z=a.useTemplateIcon,U=a.useTemplateIconColor,w=a.useHasUnsavedChanges,B=T(),R=k(),L=N(),G=E(),q=U(L),H=z(L),W=w(null==L?void 0:L.id),Y=C().currentUser,_=i(!1),K=s(_,2),Z=K[0],J=K[1],Q=n(),V=n(),X=n(null),$=e((function(){clearTimeout(Q.current),clearTimeout(V.current)}),[]),oo=e((function(){$(),J(!0)}),[$]),so=e((function(){$(),Q.current=setTimeout((function(){$(),J(!0)}),300)}),[$]),to=e((function(){$(),V.current=setTimeout((function(){J(!1)}),500)}),[$]),io=g(m,X),no=j(L),eo=c((function(){return no.reduce((function(s,t){return S(S({},s),{},o({},t.id,t))}),{})}),[no]);return P(M,{children:[y("full"===O?D:F,{disabled:I,className:d,testId:p,ref:io,onClick:B,templateIcon:G&&L?y(H,{color:q,size:20}):void 0,isPopoverOpen:R,onMouseEnter:so,onMouseLeave:to,children:h}),L&&!I&&P(u,{open:Z&&!R,anchorEl:X.current,backdrop:!1,onMouseEnter:oo,onMouseLeave:to,className:v.menu,children:[P("div",{className:v.menuHeader,children:[P(l,{size:12,tagName:"div",children:[W&&P(M,{children:[y(b,{})," Modifying"," "]}),A(L,Y)," Template"]}),y(l,{size:12,color:"T6",className:v.menuSubTitle,children:"Your template updates according to your changes"})]}),x.map((function(o,s){var t=(eo[o]||{}).Component;return t?P(r,{children:[s>0&&y(u.Divider,{}),y(t,{template:L})]},o):null}))]})]})}));export{k as Toggle};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{forwardRef as t,useState as i,useRef as n,useCallback as e,useMemo as c,Fragment as r}from"react";import m from"classnames";import{Button as p}from"../../Button/Button.js";import{storeApi as a}from"../Store/Store.js";import"../Store/utils.js";import{Menu as u}from"../../Menu/Menu.js";import{Text as l}from"../../Text/Text.js";import{useTemplateActions as j}from"../templateMenuItems/index.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{CORVA_COMPANY_ID as d}from"../../../constants/corvaCompanyId.js";import"lodash";import"../../../components/GradientManager/configuration/constants.js";import{ToggleDisplayDefault as I}from"../ToggleDisplayDefault/ToggleDisplayDefault.js";import{ButtonIcon as h}from"../../ButtonIcon/ButtonIcon.js";import{Skeleton as f}from"../../Skeleton/Skeleton.js";import{UnsavedChangesBadge as b}from"../UnsavedChangesBadge/UnsavedChangesBadge.js";import C from"./Toggle.scss.js";import"querystring";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../clients/jsonApi/index.js";import"query-string";import"../../../components/UserMention/utils/index.js";import"../../../utils/convert.js";import"moment";import"../../../utils/casing/validation.js";import"lodash/mean";import"../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../../utils/ga.js";import"../../../utils/goalsConfig/goalsConfig.js";import"../../../utils/lasParser.js";import"../../../utils/main.js";import"../../../utils/metrics/metricsConfig.js";import"../../../utils/mobileDetect.js";import"../../../utils/feed.js";import"../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../utils/dashboardReports.js";import"../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../utils/jsonaDataFormatter.js";import"../../../utils/bha.js";import"jsona";import"@babel/runtime/helpers/objectWithoutProperties";import"../../../utils/charts/Styles.scss.js";import"../../../utils/getSingleAsset.js";import"uuid";import"../../../components/StatusBadge/constants.js";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as v}from"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppPanel/AppPanelsContext.js";import{useCombineRefs as g}from"../../../effects/useCombineRefs.js";import{DownIcon as O}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsx as y,jsxs as P,Fragment as M}from"react/jsx-runtime";function T(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,i)}return t}function S(s){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?T(Object(i),!0).forEach((function(t){o(s,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):T(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var A=function(o,s){return o.shared?"Shared":o.isPreset?"Corva":o.published?(null==s?void 0:s.company_id)!==d?null==s?void 0:s.company_name:"Company":"Your Own"},D=t((function(o,s){var t=o.testId,i=o.className,n=o.disabled,e=o.templateIcon,c=o.onMouseLeave,r=o.onMouseEnter,a=o.onClick,u=o.children,l=o.isPopoverOpen;return y(p,{disabled:n,size:"small",className:m(C.button,i),type:"chartColored",testId:t,onClick:a,prefix:e,onMouseEnter:r,onMouseLeave:c,suffix:y(O,{className:m(C.chevron,l&&C.chevronOpen)}),ref:s,children:u||y(I,{})})})),F=t((function(o,s){var t=o.testId,i=o.className,n=o.disabled,e=o.templateIcon,c=o.onMouseLeave,r=o.onMouseEnter,p=o.onClick,u=a.useSelectedTemplate,l=a.useHasUnsavedChanges,j=a.useIsInitialized,d=u(),I=l(null==d?void 0:d.id),v=j();return y(h,{disabled:n,size:"small",className:m(C.buttonIcon,i),testId:t,onClick:p,onMouseEnter:r,onMouseLeave:c,ref:s,children:v?P("div",{className:C.buttonIconInner,children:[e,I&&y(b,{className:C.unsavedChangesUltraCompact,size:16})]}):y(f,{type:"circle",width:20,height:20})})})),x=["CopyTemplate","PublishTemplate","RevertTemplate","RemoveTemplate"],k=t((function(t,m){var p=t.testId,d=t.className,I=t.disabled,h=t.children,f=t.layout,O=void 0===f?"full":f,T=a.useOpenPopover,k=a.useIsPopoverOpen,N=a.useSelectedTemplate,E=a.useIsInitialized,z=a.useTemplateIcon,U=a.useTemplateIconColor,w=a.useHasUnsavedChanges,B=T(),R=k(),L=N(),G=E(),q=U(L),H=z(L),W=w(null==L?void 0:L.id),Y=v().currentUser,_=i(!1),K=s(_,2),Z=K[0],J=K[1],Q=n(),V=n(),X=n(null),$=e((function(){clearTimeout(Q.current),clearTimeout(V.current)}),[]),oo=e((function(){$(),J(!0)}),[$]),so=e((function(){$(),Q.current=setTimeout((function(){$(),J(!0)}),300)}),[$]),to=e((function(){$(),V.current=setTimeout((function(){J(!1)}),500)}),[$]),io=g(m,X),no=j(L),eo=c((function(){return no.reduce((function(s,t){return S(S({},s),{},o({},t.id,t))}),{})}),[no]);return P(M,{children:[y("full"===O?D:F,{disabled:I,className:d,testId:p,ref:io,onClick:B,templateIcon:G&&L?y(H,{color:q,size:20}):void 0,isPopoverOpen:R,onMouseEnter:so,onMouseLeave:to,children:h}),L&&!I&&P(u,{open:Z&&!R,anchorEl:X.current,backdrop:!1,onMouseEnter:oo,onMouseLeave:to,className:C.menu,children:[P("div",{className:C.menuHeader,children:[P(l,{size:12,tagName:"div",children:[W&&P(M,{children:[y(b,{})," Modifying"," "]}),A(L,Y)," Template"]}),y(l,{size:12,color:"T6",className:C.menuSubTitle,children:"Your template updates according to your changes"})]}),x.map((function(o,s){var t=(eo[o]||{}).Component;return t?P(r,{children:[s>0&&y(u.Divider,{}),y(t,{template:L})]},o):null}))]})]})}));export{k as Toggle};
 //# sourceMappingURL=Toggle.js.map

package/componentsV2/TemplatesControl/Toggle/Toggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toggle.js","sources":["../../../../src/componentsV2/TemplatesControl/Toggle/Toggle.tsx"],"sourcesContent":["import {\n forwardRef,\n Fragment,\n MouseEventHandler,\n ReactNode,\n useCallback,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { Button } from '../../Button';\nimport { storeApi } from '../Store';\nimport { Menu } from '../../Menu';\nimport { Text } from '../../Text';\nimport { useTemplateActions } from '../templateMenuItems';\nimport { CORVA_COMPANY_ID } from '../../../constants';\nimport { User } from '../../../types';\nimport { Template } from '../types';\nimport { ToggleDisplayDefault } from '../ToggleDisplayDefault';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { Skeleton } from '../../Skeleton';\nimport { UnsavedChangesBadge } from '../UnsavedChangesBadge';\n\nimport styles from './Toggle.scss';\n\nimport { useAppCommons, useCombineRefs } from '~/effects';\nimport { DownIcon } from '~/icons';\n\nconst getTemplateDisplayType = (template: Template, currentUser?: User) => {\n if (template.shared) {\n return 'Shared';\n }\n\n if (template.isPreset) {\n return 'Corva';\n }\n\n if (template.published) {\n return currentUser?.company_id !== CORVA_COMPANY_ID ? currentUser?.company_name : 'Company';\n }\n\n return 'Your Own';\n};\n\ntype ButtonComponentProps = {\n // eslint-disable-next-line react/no-unused-prop-types\n children?: ReactNode;\n disabled?: boolean;\n className?: string;\n testId?: string;\n templateIcon?: ReactNode;\n onClick?: MouseEventHandler;\n onMouseEnter?: MouseEventHandler;\n onMouseLeave?: MouseEventHandler;\n // eslint-disable-next-line react/no-unused-prop-types\n isPopoverOpen?: boolean;\n};\n\nconst ButtonFull = forwardRef<HTMLButtonElement, ButtonComponentProps>(\n (\n {\n testId,\n className,\n disabled,\n templateIcon,\n onMouseLeave,\n onMouseEnter,\n onClick,\n children,\n isPopoverOpen,\n },\n ref\n ) => (\n <Button\n disabled={disabled}\n size=\"small\"\n className={classNames(styles.button, className)}\n type=\"chartColored\"\n testId={testId}\n onClick={onClick}\n prefix={templateIcon}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n suffix={\n <DownIcon className={classNames(styles.chevron, isPopoverOpen && styles.chevronOpen)} />\n }\n ref={ref}\n >\n {children \|\| <ToggleDisplayDefault />}\n </Button>\n )\n);\n\nconst ButtonUltraCompact = forwardRef<HTMLButtonElement, ButtonComponentProps>(\n ({ testId, className, disabled, templateIcon, onMouseLeave, onMouseEnter, onClick }, ref) => {\n const { useSelectedTemplate, useHasUnsavedChanges, useIsInitialized } = storeApi;\n const selectedTemplate = useSelectedTemplate();\n const hasUnsavedChanges = useHasUnsavedChanges(selectedTemplate?.id);\n const isInitialized = useIsInitialized();\n\n return (\n <ButtonIcon\n disabled={disabled}\n size=\"small\"\n className={classNames(styles.buttonIcon, className)}\n testId={testId}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n ref={ref}\n >\n {isInitialized ? (\n <div className={styles.buttonIconInner}>\n {templateIcon}\n {hasUnsavedChanges && (\n <UnsavedChangesBadge className={styles.unsavedChangesUltraCompact} size={16} />\n )}\n </div>\n ) : (\n <Skeleton type=\"circle\" width={20} height={20} />\n )}\n </ButtonIcon>\n );\n }\n);\n\nexport type ToggleProps = {\n children?: ReactNode;\n disabled?: boolean;\n className?: string;\n testId?: string;\n layout?: 'full' \| 'ultraCompact';\n};\n\ntype TemplateActionItem = ReturnType<typeof useTemplateActions>[number];\n\nconst menuItemsToShow: TemplateActionItem['id'][] = [\n 'CopyTemplate',\n 'PublishTemplate',\n 'RevertTemplate',\n 'RemoveTemplate',\n];\n\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(\n ({ testId, className, disabled, children, layout = 'full' }, ref) => {\n const {\n useOpenPopover,\n useIsPopoverOpen,\n useSelectedTemplate,\n useIsInitialized,\n useTemplateIcon,\n useTemplateIconColor,\n useHasUnsavedChanges,\n } = storeApi;\n const openPopover = useOpenPopover();\n const isPopoverOpen = useIsPopoverOpen();\n const selectedTemplate = useSelectedTemplate();\n const isInitialized = useIsInitialized();\n const iconColor = useTemplateIconColor(selectedTemplate);\n const IconComponent = useTemplateIcon(selectedTemplate);\n const hasUnsavedChanges = useHasUnsavedChanges(selectedTemplate?.id);\n const { currentUser } = useAppCommons();\n\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const openTimerRef = useRef<NodeJS.Timeout>();\n const closeTimerRef = useRef<NodeJS.Timeout>();\n const toggleRef = useRef<HTMLButtonElement>(null);\n\n const clearTimeouts = useCallback(() => {\n clearTimeout(openTimerRef.current);\n clearTimeout(closeTimerRef.current);\n }, []);\n\n const onMenuMouseEnter = useCallback(() => {\n clearTimeouts();\n setIsMenuOpen(true);\n }, [clearTimeouts]);\n\n const onButtonMouseEnter = useCallback(() => {\n clearTimeouts();\n\n openTimerRef.current = setTimeout(() => {\n clearTimeouts();\n setIsMenuOpen(true);\n }, 300);\n }, [clearTimeouts]);\n\n const onMouseLeave = useCallback(() => {\n clearTimeouts();\n closeTimerRef.current = setTimeout(() => {\n setIsMenuOpen(false);\n }, 500);\n }, [clearTimeouts]);\n\n const buttonRef = useCombineRefs(ref, toggleRef);\n\n const menuItems = useTemplateActions(selectedTemplate);\n\n const menuItemsMap = useMemo(\n () =>\n menuItems.reduce<Partial<Record<TemplateActionItem['id'], TemplateActionItem>>>(\n (acc, item) => ({ ...acc, [item.id]: item }),\n {}\n ),\n [menuItems]\n );\n\n const ButtonComponent = layout === 'full' ? ButtonFull : ButtonUltraCompact;\n\n return (\n <>\n <ButtonComponent\n disabled={disabled}\n className={className}\n testId={testId}\n ref={buttonRef}\n onClick={openPopover}\n templateIcon={\n isInitialized && selectedTemplate ? (\n <IconComponent color={iconColor} size={20} />\n ) : undefined\n }\n isPopoverOpen={isPopoverOpen}\n onMouseEnter={onButtonMouseEnter}\n onMouseLeave={onMouseLeave}\n >\n {children}\n </ButtonComponent>\n\n {selectedTemplate && !disabled && (\n <Menu\n open={isMenuOpen && !isPopoverOpen}\n anchorEl={toggleRef.current}\n backdrop={false}\n onMouseEnter={onMenuMouseEnter}\n onMouseLeave={onMouseLeave}\n className={styles.menu}\n >\n <div className={styles.menuHeader}>\n <Text size={12} tagName=\"div\">\n {hasUnsavedChanges && (\n <>\n <UnsavedChangesBadge /> Modifying{' '}\n </>\n )}\n {getTemplateDisplayType(selectedTemplate, currentUser)} Template\n </Text>\n <Text size={12} color=\"T6\" className={styles.menuSubTitle}>\n Your template updates according to your changes\n </Text>\n </div>\n\n {menuItemsToShow.map((key, index) => {\n const { Component } = menuItemsMap[key] \|\| {};\n if (!Component) {\n return null;\n }\n\n return (\n <Fragment key={key}>\n {index > 0 && <Menu.Divider />}\n <Component template={selectedTemplate} />\n </Fragment>\n );\n })}\n </Menu>\n )}\n </>\n );\n }\n);\n"],"names":["getTemplateDisplayType","template","currentUser","shared","isPreset","published","company_id","CORVA_COMPANY_ID","company_name","ButtonFull","forwardRef","ref","testId","className","disabled","templateIcon","onMouseLeave","onMouseEnter","onClick","children","isPopoverOpen","_jsx","Button","size","classNames","styles","button","type","prefix","suffix","DownIcon","chevron","chevronOpen","ToggleDisplayDefault","ButtonUltraCompact","_ref2","useSelectedTemplate","storeApi","useHasUnsavedChanges","useIsInitialized","selectedTemplate","hasUnsavedChanges","id","isInitialized","ButtonIcon","buttonIcon","_jsxs","buttonIconInner","UnsavedChangesBadge","unsavedChangesUltraCompact","Skeleton","width","height","menuItemsToShow","Toggle","_ref3","_ref3$layout","layout","useOpenPopover","useIsPopoverOpen","useTemplateIcon","useTemplateIconColor","openPopover","iconColor","IconComponent","useAppCommons","useState","_useState2","_slicedToArray","_useState","isMenuOpen","setIsMenuOpen","openTimerRef","useRef","closeTimerRef","toggleRef","clearTimeouts","useCallback","clearTimeout","current","onMenuMouseEnter","onButtonMouseEnter","setTimeout","buttonRef","useCombineRefs","menuItems","useTemplateActions","menuItemsMap","useMemo","reduce","acc","item","_objectSpread","_Fragment","color","undefined","Menu","open","anchorEl","backdrop","menu","menuHeader","Text","tagName","menuSubTitle","map","key","index","Component","Fragment","Divider"],"mappings":"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"}
1	+ {"version":3,"file":"Toggle.js","sources":["../../../../src/componentsV2/TemplatesControl/Toggle/Toggle.tsx"],"sourcesContent":["import {\n forwardRef,\n Fragment,\n MouseEventHandler,\n ReactNode,\n useCallback,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { Button } from '../../Button';\nimport { storeApi } from '../Store';\nimport { Menu } from '../../Menu';\nimport { Text } from '../../Text';\nimport { useTemplateActions } from '../templateMenuItems';\nimport { CORVA_COMPANY_ID } from '../../../constants';\nimport { User } from '../../../types';\nimport { Template } from '../types';\nimport { ToggleDisplayDefault } from '../ToggleDisplayDefault';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { Skeleton } from '../../Skeleton';\nimport { UnsavedChangesBadge } from '../UnsavedChangesBadge';\n\nimport styles from './Toggle.scss';\n\nimport { useAppCommons, useCombineRefs } from '~/effects';\nimport { DownIcon } from '~/icons';\n\nconst getTemplateDisplayType = (template: Template, currentUser?: User) => {\n if (template.shared) {\n return 'Shared';\n }\n\n if (template.isPreset) {\n return 'Corva';\n }\n\n if (template.published) {\n return currentUser?.company_id !== CORVA_COMPANY_ID ? currentUser?.company_name : 'Company';\n }\n\n return 'Your Own';\n};\n\ntype ButtonComponentProps = {\n // eslint-disable-next-line react/no-unused-prop-types\n children?: ReactNode;\n disabled?: boolean;\n className?: string;\n testId?: string;\n templateIcon?: ReactNode;\n onClick?: MouseEventHandler;\n onMouseEnter?: MouseEventHandler;\n onMouseLeave?: MouseEventHandler;\n // eslint-disable-next-line react/no-unused-prop-types\n isPopoverOpen?: boolean;\n};\n\nconst ButtonFull = forwardRef<HTMLButtonElement, ButtonComponentProps>(\n (\n {\n testId,\n className,\n disabled,\n templateIcon,\n onMouseLeave,\n onMouseEnter,\n onClick,\n children,\n isPopoverOpen,\n },\n ref\n ) => (\n <Button\n disabled={disabled}\n size=\"small\"\n className={classNames(styles.button, className)}\n type=\"chartColored\"\n testId={testId}\n onClick={onClick}\n prefix={templateIcon}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n suffix={\n <DownIcon className={classNames(styles.chevron, isPopoverOpen && styles.chevronOpen)} />\n }\n ref={ref}\n >\n {children \|\| <ToggleDisplayDefault />}\n </Button>\n )\n);\n\nconst ButtonUltraCompact = forwardRef<HTMLButtonElement, ButtonComponentProps>(\n ({ testId, className, disabled, templateIcon, onMouseLeave, onMouseEnter, onClick }, ref) => {\n const { useSelectedTemplate, useHasUnsavedChanges, useIsInitialized } = storeApi;\n const selectedTemplate = useSelectedTemplate();\n const hasUnsavedChanges = useHasUnsavedChanges(selectedTemplate?.id);\n const isInitialized = useIsInitialized();\n\n return (\n <ButtonIcon\n disabled={disabled}\n size=\"small\"\n className={classNames(styles.buttonIcon, className)}\n testId={testId}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n ref={ref}\n >\n {isInitialized ? (\n <div className={styles.buttonIconInner}>\n {templateIcon}\n {hasUnsavedChanges && (\n <UnsavedChangesBadge className={styles.unsavedChangesUltraCompact} size={16} />\n )}\n </div>\n ) : (\n <Skeleton type=\"circle\" width={20} height={20} />\n )}\n </ButtonIcon>\n );\n }\n);\n\nexport type ToggleProps = {\n children?: ReactNode;\n disabled?: boolean;\n className?: string;\n testId?: string;\n layout?: 'full' \| 'ultraCompact';\n};\n\ntype TemplateActionItem = ReturnType<typeof useTemplateActions>[number];\n\nconst menuItemsToShow: TemplateActionItem['id'][] = [\n 'CopyTemplate',\n 'PublishTemplate',\n 'RevertTemplate',\n 'RemoveTemplate',\n];\n\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(\n ({ testId, className, disabled, children, layout = 'full' }, ref) => {\n const {\n useOpenPopover,\n useIsPopoverOpen,\n useSelectedTemplate,\n useIsInitialized,\n useTemplateIcon,\n useTemplateIconColor,\n useHasUnsavedChanges,\n } = storeApi;\n const openPopover = useOpenPopover();\n const isPopoverOpen = useIsPopoverOpen();\n const selectedTemplate = useSelectedTemplate();\n const isInitialized = useIsInitialized();\n const iconColor = useTemplateIconColor(selectedTemplate);\n const IconComponent = useTemplateIcon(selectedTemplate);\n const hasUnsavedChanges = useHasUnsavedChanges(selectedTemplate?.id);\n const { currentUser } = useAppCommons();\n\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const openTimerRef = useRef<NodeJS.Timeout>();\n const closeTimerRef = useRef<NodeJS.Timeout>();\n const toggleRef = useRef<HTMLButtonElement>(null);\n\n const clearTimeouts = useCallback(() => {\n clearTimeout(openTimerRef.current);\n clearTimeout(closeTimerRef.current);\n }, []);\n\n const onMenuMouseEnter = useCallback(() => {\n clearTimeouts();\n setIsMenuOpen(true);\n }, [clearTimeouts]);\n\n const onButtonMouseEnter = useCallback(() => {\n clearTimeouts();\n\n openTimerRef.current = setTimeout(() => {\n clearTimeouts();\n setIsMenuOpen(true);\n }, 300);\n }, [clearTimeouts]);\n\n const onMouseLeave = useCallback(() => {\n clearTimeouts();\n closeTimerRef.current = setTimeout(() => {\n setIsMenuOpen(false);\n }, 500);\n }, [clearTimeouts]);\n\n const buttonRef = useCombineRefs(ref, toggleRef);\n\n const menuItems = useTemplateActions(selectedTemplate);\n\n const menuItemsMap = useMemo(\n () =>\n menuItems.reduce<Partial<Record<TemplateActionItem['id'], TemplateActionItem>>>(\n (acc, item) => ({ ...acc, [item.id]: item }),\n {}\n ),\n [menuItems]\n );\n\n const ButtonComponent = layout === 'full' ? ButtonFull : ButtonUltraCompact;\n\n return (\n <>\n <ButtonComponent\n disabled={disabled}\n className={className}\n testId={testId}\n ref={buttonRef}\n onClick={openPopover}\n templateIcon={\n isInitialized && selectedTemplate ? (\n <IconComponent color={iconColor} size={20} />\n ) : undefined\n }\n isPopoverOpen={isPopoverOpen}\n onMouseEnter={onButtonMouseEnter}\n onMouseLeave={onMouseLeave}\n >\n {children}\n </ButtonComponent>\n\n {selectedTemplate && !disabled && (\n <Menu\n open={isMenuOpen && !isPopoverOpen}\n anchorEl={toggleRef.current}\n backdrop={false}\n onMouseEnter={onMenuMouseEnter}\n onMouseLeave={onMouseLeave}\n className={styles.menu}\n >\n <div className={styles.menuHeader}>\n <Text size={12} tagName=\"div\">\n {hasUnsavedChanges && (\n <>\n <UnsavedChangesBadge /> Modifying{' '}\n </>\n )}\n {getTemplateDisplayType(selectedTemplate, currentUser)} Template\n </Text>\n <Text size={12} color=\"T6\" className={styles.menuSubTitle}>\n Your template updates according to your changes\n </Text>\n </div>\n\n {menuItemsToShow.map((key, index) => {\n const { Component } = menuItemsMap[key] \|\| {};\n if (!Component) {\n return null;\n }\n\n return (\n <Fragment key={key}>\n {index > 0 && <Menu.Divider />}\n <Component template={selectedTemplate} />\n </Fragment>\n );\n })}\n </Menu>\n )}\n </>\n );\n }\n);\n"],"names":["getTemplateDisplayType","template","currentUser","shared","isPreset","published","company_id","CORVA_COMPANY_ID","company_name","ButtonFull","forwardRef","ref","testId","className","disabled","templateIcon","onMouseLeave","onMouseEnter","onClick","children","isPopoverOpen","_jsx","Button","size","classNames","styles","button","type","prefix","suffix","DownIcon","chevron","chevronOpen","ToggleDisplayDefault","ButtonUltraCompact","_ref2","useSelectedTemplate","storeApi","useHasUnsavedChanges","useIsInitialized","selectedTemplate","hasUnsavedChanges","id","isInitialized","ButtonIcon","buttonIcon","_jsxs","buttonIconInner","UnsavedChangesBadge","unsavedChangesUltraCompact","Skeleton","width","height","menuItemsToShow","Toggle","_ref3","_ref3$layout","layout","useOpenPopover","useIsPopoverOpen","useTemplateIcon","useTemplateIconColor","openPopover","iconColor","IconComponent","useAppCommons","useState","_useState2","_slicedToArray","_useState","isMenuOpen","setIsMenuOpen","openTimerRef","useRef","closeTimerRef","toggleRef","clearTimeouts","useCallback","clearTimeout","current","onMenuMouseEnter","onButtonMouseEnter","setTimeout","buttonRef","useCombineRefs","menuItems","useTemplateActions","menuItemsMap","useMemo","reduce","acc","item","_objectSpread","_Fragment","color","undefined","Menu","open","anchorEl","backdrop","menu","menuHeader","Text","tagName","menuSubTitle","map","key","index","Component","Fragment","Divider"],"mappings":"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"}

package/componentsV2/TextInputBase/TextInputBase.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"classnames";import{useRef as i,useCallback as t}from"react";import{Text as n}from"../Text/Text.js";import{LoaderCircular as c}from"../LoaderCircular/LoaderCircular.js";import{Tooltip as r}from"../Tooltip/Tooltip.js";import{CloseSmallIcon as e}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"./components/Styles.scss.js";import{jsx as m,jsxs as p,Fragment as l}from"react/jsx-runtime";import{Label as a}from"./components/Label.js";import u from"./TextInputBase.scss.js";import"../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../clients/subscriptions.v1.js";import"../../clients/jsonApi/index.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"query-string";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"../../components/GradientManager/configuration/constants.js";import"../../components/UserMention/utils/index.js";import"../../utils/convert.js";import"moment";import"../../utils/casing/validation.js";import"lodash/mean";import"../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../utils/ga.js";import"../../utils/goalsConfig/goalsConfig.js";import"../../utils/lasParser.js";import"../../utils/main.js";import"../../utils/metrics/metricsConfig.js";import"../../utils/mobileDetect.js";import"../../utils/feed.js";import"../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../utils/dashboardReports.js";import"../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../utils/jsonaDataFormatter.js";import"../../utils/bha.js";import"jsona";import"@babel/runtime/helpers/objectWithoutProperties";import"../../utils/charts/Styles.scss.js";import"../../utils/getSingleAsset.js";import"uuid";import"../../components/StatusBadge/constants.js";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../AppCommonsProvider/AppCommonsProvider.js";import"../AppCommonsProvider/AppCommonsContext.js";import"../AppPanel/AppPanelsContext.js";import{useCombineRefs as j}from"../../effects/useCombineRefs.js";function d(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,t)}return i}function I(s){for(var i=1;i<arguments.length;i++){var t=null!=arguments[i]?arguments[i]:{};i%2?d(Object(t),!0).forEach((function(i){o(s,i,t[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(t)):d(Object(t)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(t,o))}))}return s}var b={small:u.small,medium:u.medium,large:u.large},f={top:"",start:u.labelStart,end:u.labelEnd},h=function(o){var d=o.testId,h=o.className,v=o.label,C=o.rootTagName,g=void 0===C?"label":C,O=o.clearable,y=o.focusOnClear,P=void 0===y||y,x=o.prefix,F=o.suffix,A=o.placeholder,D=o.size,S=void 0===D?"small":D,N=o.value,T=void 0===N?"":N,R=o.readOnly,k=o.labelPlacement,w=void 0===k?"top":k,M=o.inputRef,B=o.disabled,z=o.autoFocus,E=o.message,U=o.onFocus,G=o.onBlur,L=o.onKeyUp,K=o.onKeyDown,q=o.status,W=o.onChange,X=o.elementsClassNames,Z=o.inputContainerRef,H=o.component,J=o.componentProps,Q=o.rootRef,V=o.testIds,Y=i(),$=j(M,Y),_="loading"===q?m(c,{size:"xs"}):void 0,oo=t((function(o){var s,i;(o.stopPropagation(),o.preventDefault(),P)?null===(s=Y.current)||void 0===s||s.focus():null===(i=Y.current)||void 0===i||i.blur();null==W||W("","clear")}),[W,P]),so=t((function(o){return null==W?void 0:W(o.target.value||"","change",o)}),[W]),io=O&&String(T).length>0?m(r,{title:"Clear",children:m("button",{className:u.clearButton,onClick:oo,tabIndex:-1,"data-testid":null==V?void 0:V.clearButton,children:m(e,{size:16})})}):void 0,to=_||F||io?p(l,{children:[_,io,F]}):void 0;return p(g,{ref:Q,className:s(u.root,b[S],"error"===q&&u.error,B&&u.disabled,h),"data-testid":d,children:[p("div",{className:f[w],children:[v&&m(n,{size:12,color:"T6",className:s(u.label,"top"!==w&&u.labelAside,"top"!==w&&"small"===S&&u.labelSpecialXs,null==X?void 0:X.label),testId:null==V?void 0:V.label,children:"string"==typeof v?m(a,{children:v}):v}),p("div",{className:s(u.inputContainer,null==X?void 0:X.inputContainer),ref:Z,children:[x&&m("div",{className:s(u.affix,null==X?void 0:X.prefix),"data-testid":null==V?void 0:V.prefix,children:x}),m(H,I({ref:$,className:s(u.input,null==X?void 0:X.input),"data-testid":null==V?void 0:V.input,placeholder:A,value:String(T),readOnly:R,onChange:so,disabled:B,onFocus:U,onBlur:G,onKeyUp:L,onKeyDown:K,autoFocus:z},J)),to&&m("div",{className:s(u.affix,null==X?void 0:X.suffix),"data-testid":null==V?void 0:V.suffix,children:to})]})]}),E&&m(n,{size:12,color:"T6",tagName:"div",className:s(u.message,null==X?void 0:X.message),testId:null==V?void 0:V.message,children:E})]})};export{b as SizeToClassMap,h as TextInputBase};
+import o from"@babel/runtime/helpers/defineProperty";import s from"classnames";import{useRef as i,useCallback as t}from"react";import{Text as n}from"../Text/Text.js";import{LoaderCircular as c}from"../LoaderCircular/LoaderCircular.js";import{Tooltip as r}from"../Tooltip/Tooltip.js";import{CloseSmallIcon as e}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"./components/Styles.scss.js";import{jsx as m,jsxs as p,Fragment as a}from"react/jsx-runtime";import{Label as l}from"./components/Label.js";import u from"./TextInputBase.scss.js";import"@babel/runtime/helpers/slicedToArray";import"querystring";import"lodash";import"../../clients/subscriptions/subscriptions-client.factory.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"query-string";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"../../components/GradientManager/configuration/constants.js";import"../../components/UserMention/utils/index.js";import"../../utils/convert.js";import"moment";import"../../utils/casing/validation.js";import"lodash/mean";import"../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../utils/ga.js";import"../../utils/goalsConfig/goalsConfig.js";import"../../utils/lasParser.js";import"../../utils/main.js";import"../../utils/metrics/metricsConfig.js";import"../../utils/mobileDetect.js";import"../../utils/feed.js";import"../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../utils/dashboardReports.js";import"../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../utils/jsonaDataFormatter.js";import"../../utils/bha.js";import"jsona";import"@babel/runtime/helpers/objectWithoutProperties";import"../../utils/charts/Styles.scss.js";import"../../utils/getSingleAsset.js";import"uuid";import"../../components/StatusBadge/constants.js";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../AppCommonsProvider/AppCommonsProvider.js";import"../AppCommonsProvider/AppCommonsContext.js";import"../AppPanel/AppPanelsContext.js";import{useCombineRefs as j}from"../../effects/useCombineRefs.js";function d(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,t)}return i}function I(s){for(var i=1;i<arguments.length;i++){var t=null!=arguments[i]?arguments[i]:{};i%2?d(Object(t),!0).forEach((function(i){o(s,i,t[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(t)):d(Object(t)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(t,o))}))}return s}var b={small:u.small,medium:u.medium,large:u.large},f={top:"",start:u.labelStart,end:u.labelEnd},h=function(o){var d=o.testId,h=o.className,v=o.label,C=o.rootTagName,g=void 0===C?"label":C,O=o.clearable,y=o.focusOnClear,P=void 0===y||y,x=o.prefix,F=o.suffix,A=o.placeholder,D=o.size,S=void 0===D?"small":D,N=o.value,T=void 0===N?"":N,R=o.readOnly,k=o.labelPlacement,w=void 0===k?"top":k,M=o.inputRef,B=o.disabled,z=o.autoFocus,E=o.message,U=o.onFocus,G=o.onBlur,L=o.onKeyUp,K=o.onKeyDown,q=o.status,W=o.onChange,X=o.elementsClassNames,Z=o.inputContainerRef,H=o.component,J=o.componentProps,Q=o.rootRef,V=o.testIds,Y=i(),$=j(M,Y),_="loading"===q?m(c,{size:"xs"}):void 0,oo=t((function(o){var s,i;(o.stopPropagation(),o.preventDefault(),P)?null===(s=Y.current)||void 0===s||s.focus():null===(i=Y.current)||void 0===i||i.blur();null==W||W("","clear")}),[W,P]),so=t((function(o){return null==W?void 0:W(o.target.value||"","change",o)}),[W]),io=O&&String(T).length>0?m(r,{title:"Clear",children:m("button",{className:u.clearButton,onClick:oo,tabIndex:-1,"data-testid":null==V?void 0:V.clearButton,children:m(e,{size:16})})}):void 0,to=_||F||io?p(a,{children:[_,io,F]}):void 0;return p(g,{ref:Q,className:s(u.root,b[S],"error"===q&&u.error,B&&u.disabled,h),"data-testid":d,children:[p("div",{className:f[w],children:[v&&m(n,{size:12,color:"T6",className:s(u.label,"top"!==w&&u.labelAside,"top"!==w&&"small"===S&&u.labelSpecialXs,null==X?void 0:X.label),testId:null==V?void 0:V.label,children:"string"==typeof v?m(l,{children:v}):v}),p("div",{className:s(u.inputContainer,null==X?void 0:X.inputContainer),ref:Z,children:[x&&m("div",{className:s(u.affix,null==X?void 0:X.prefix),"data-testid":null==V?void 0:V.prefix,children:x}),m(H,I({ref:$,className:s(u.input,null==X?void 0:X.input),"data-testid":null==V?void 0:V.input,placeholder:A,value:String(T),readOnly:R,onChange:so,disabled:B,onFocus:U,onBlur:G,onKeyUp:L,onKeyDown:K,autoFocus:z},J)),to&&m("div",{className:s(u.affix,null==X?void 0:X.suffix),"data-testid":null==V?void 0:V.suffix,children:to})]})]}),E&&m(n,{size:12,color:"T6",tagName:"div",className:s(u.message,null==X?void 0:X.message),testId:null==V?void 0:V.message,children:E})]})};export{b as SizeToClassMap,h as TextInputBase};
 //# sourceMappingURL=TextInputBase.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextInputBase.js","sources":["../../../src/componentsV2/TextInputBase/TextInputBase.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n ChangeEvent,\n ChangeEventHandler,\n FocusEventHandler,\n forwardRef,\n KeyboardEventHandler,\n MouseEventHandler,\n MutableRefObject,\n ReactNode,\n Ref,\n RefCallback,\n useCallback,\n useRef,\n} from 'react';\n\nimport { Text } from '../Text';\nimport { LoaderCircular } from '../LoaderCircular';\n\nimport { Label } from './components';\n\nimport styles from './TextInputBase.scss';\nimport { CloseSmallIcon } from '../../icons';\nimport { Tooltip } from '../Tooltip';\nimport { useCombineRefs } from '../../effects';\n\ntype ComponentProvidedProps<FieldElement extends HTMLElement> = Partial<{\n className: string;\n 'data-testid': string;\n placeholder: string;\n value: string;\n readOnly: boolean;\n onChange: ChangeEventHandler<FieldElement>;\n disabled: boolean;\n autoFocus: boolean;\n onFocus: FocusEventHandler<FieldElement>;\n onBlur: FocusEventHandler<FieldElement>;\n onKeyUp: KeyboardEventHandler<FieldElement>;\n onKeyDown: KeyboardEventHandler<FieldElement>;\n}>;\n\nexport type ComponentProvidedPropNames = keyof ComponentProvidedProps<never>;\n\ntype EmptyObject = Record<string, never>;\n\nexport type TextInputBaseComponentProps<\n FieldElement extends HTMLElement,\n ComponentProps extends object = EmptyObject\n> = ComponentProvidedProps<FieldElement> & ComponentProps;\n\nexport type TextInputBaseProps<\n FieldElement extends HTMLElement,\n ComponentProps extends object = EmptyObject\n> = {\n label?: ReactNode;\n value?: string \| number;\n size?: 'small' \| 'medium' \| 'large';\n labelPlacement?: 'top' \| 'start' \| 'end';\n /*\n HTML tag of the root element. Use `div` when `prefix`/`suffix` contain interactive\n * controls — nested interactive elements inside a `label` are invalid for assistive tech\n /\n rootTagName?: 'label' \| 'div';\n disabled?: boolean;\n\n status?: 'error' \| 'loading';\n message?: ReactNode;\n onFocus?: FocusEventHandler<FieldElement>;\n onBlur?: FocusEventHandler<FieldElement>;\n onKeyDown?: KeyboardEventHandler<FieldElement>;\n onKeyUp?: KeyboardEventHandler<FieldElement>;\n placeholder?: string;\n prefix?: ReactNode;\n suffix?: ReactNode;\n /\n Ref to an underlying input element\n /\n inputRef?: RefCallback<FieldElement \| null> \| MutableRefObject<FieldElement \| null> \| null;\n /\n Ref to a container that contains input and its affixes\n * Useful for positioning of popovers\n /\n inputContainerRef?:\n \| RefCallback<HTMLDivElement \| null>\n \| MutableRefObject<HTMLDivElement \| null>\n \| null;\n readOnly?: boolean;\n /\n If `true` will focus on the field on render. Useful for modals, but may be detrimental to a11y\n /\n autoFocus?: boolean;\n\n elementsClassNames?: Partial<{\n label: string;\n input: string;\n inputContainer: string;\n prefix: string;\n suffix: string;\n message: string;\n }>;\n\n onChange?: (\n value: string,\n changeReason: 'change' \| 'clear',\n event?: ChangeEvent<FieldElement>\n ) => void;\n clearable?: boolean;\n /\n Controls if the field should keep/gain focus after \"Clear\" button is clicked\n /\n focusOnClear?: boolean;\n\n className?: string;\n testId?: string;\n\n /\n ⚠️⚠️⚠️ PRIVATE API. If you see it in docs you're doing something wrong\n /\n component: ReturnType<\n typeof forwardRef<FieldElement, TextInputBaseComponentProps<FieldElement, ComponentProps>>\n >;\n /\n ⚠️⚠️⚠️ PRIVATE API. If you see it in docs you're doing something wrong\n /\n componentProps?: ComponentProps;\n /\n ⚠️⚠️⚠️ PRIVATE API. If you see it in docs you're doing something wrong\n /\n testIds?: Partial<{\n input: string;\n label: string;\n prefix: string;\n suffix: string;\n clearButton: string;\n message: string;\n }>;\n};\n\nexport const SizeToClassMap: Record<Required<TextInputBaseProps<never, never>>['size'], string> = {\n small: styles.small,\n medium: styles.medium,\n large: styles.large,\n};\n\nconst LabelPlacementToClassMap: Record<\n Required<TextInputBaseProps<never, never>>['labelPlacement'],\n string\n> = {\n top: '',\n start: styles.labelStart,\n end: styles.labelEnd,\n};\n\nexport const TextInputBase = <\n FieldElement extends HTMLElement,\n ComponentProps extends object = EmptyObject\n>({\n testId,\n className,\n label,\n rootTagName = 'label',\n clearable,\n focusOnClear = true,\n prefix,\n suffix,\n placeholder,\n size = 'small',\n value = '',\n readOnly,\n labelPlacement = 'top',\n inputRef,\n disabled,\n autoFocus,\n message,\n onFocus,\n onBlur,\n onKeyUp,\n onKeyDown,\n status,\n onChange,\n elementsClassNames,\n inputContainerRef,\n component: Component,\n componentProps,\n rootRef,\n testIds,\n}: TextInputBaseProps<FieldElement, ComponentProps> & { rootRef: Ref<HTMLElement> }) => {\n const ownInputRef = useRef<FieldElement>();\n const actualInputRef = useCombineRefs(inputRef, ownInputRef);\n const loadingIndicator = status === 'loading' ? <LoaderCircular size=\"xs\" /> : undefined;\n const onClearHandler = useCallback<MouseEventHandler>(\n event => {\n event.stopPropagation();\n event.preventDefault();\n\n if (focusOnClear) {\n ownInputRef.current?.focus();\n } else {\n ownInputRef.current?.blur();\n }\n\n onChange?.('', 'clear');\n },\n [onChange, focusOnClear]\n );\n const onChangeHandler = useCallback<ChangeEventHandler<FieldElement>>(\n event => onChange?.((event.target as unknown as HTMLInputElement).value \|\| '', 'change', event),\n [onChange]\n );\n\n const clearButton =\n !!clearable && String(value).length > 0 ? (\n <Tooltip title=\"Clear\">\n <button\n className={styles.clearButton}\n onClick={onClearHandler}\n tabIndex={-1}\n data-testid={testIds?.clearButton}\n >\n <CloseSmallIcon size={16} />\n </button>\n </Tooltip>\n ) : undefined;\n\n const actualSuffix =\n loadingIndicator \|\| suffix \|\| clearButton ? (\n <>\n {loadingIndicator}\n {clearButton}\n {suffix}\n </>\n ) : undefined;\n\n const RootElement = rootTagName;\n\n return (\n <RootElement\n ref={rootRef as never}\n className={classNames(\n styles.root,\n SizeToClassMap[size],\n status === 'error' && styles.error,\n disabled && styles.disabled,\n className\n )}\n data-testid={testId}\n >\n <div className={LabelPlacementToClassMap[labelPlacement]}>\n {label && (\n <Text\n size={12}\n color=\"T6\"\n className={classNames(\n styles.label,\n labelPlacement !== 'top' && styles.labelAside,\n labelPlacement !== 'top' && size === 'small' && styles.labelSpecialXs,\n elementsClassNames?.label\n )}\n testId={testIds?.label}\n >\n {typeof label === 'string' ? <Label>{label}</Label> : label}\n </Text>\n )}\n\n <div\n className={classNames(styles.inputContainer, elementsClassNames?.inputContainer)}\n ref={inputContainerRef}\n >\n {prefix && (\n <div\n className={classNames(styles.affix, elementsClassNames?.prefix)}\n data-testid={testIds?.prefix}\n >\n {prefix}\n </div>\n )}\n {/ @ts-expect-error TS can't properly calculate component's props here for some reason */}\n <Component\n ref={actualInputRef}\n className={classNames(styles.input, elementsClassNames?.input)}\n data-testid={testIds?.input}\n placeholder={placeholder}\n value={String(value)}\n readOnly={readOnly}\n onChange={onChangeHandler}\n disabled={disabled}\n onFocus={onFocus}\n onBlur={onBlur}\n onKeyUp={onKeyUp}\n onKeyDown={onKeyDown}\n autoFocus={autoFocus}\n {...componentProps}\n />\n {actualSuffix && (\n <div\n className={classNames(styles.affix, elementsClassNames?.suffix)}\n data-testid={testIds?.suffix}\n >\n {actualSuffix}\n </div>\n )}\n </div>\n </div>\n {message && (\n <Text\n size={12}\n color=\"T6\"\n tagName=\"div\"\n className={classNames(styles.message, elementsClassNames?.message)}\n testId={testIds?.message}\n >\n {message}\n </Text>\n )}\n </RootElement>\n );\n};\n"],"names":["SizeToClassMap","small","styles","medium","large","LabelPlacementToClassMap","top","start","labelStart","end","labelEnd","TextInputBase","_ref","testId","className","label","_ref$rootTagName","rootTagName","clearable","_ref$focusOnClear","focusOnClear","prefix","suffix","placeholder","_ref$size","size","_ref$value","value","readOnly","_ref$labelPlacement","labelPlacement","inputRef","disabled","autoFocus","message","onFocus","onBlur","onKeyUp","onKeyDown","status","onChange","elementsClassNames","inputContainerRef","Component","component","componentProps","rootRef","testIds","ownInputRef","useRef","actualInputRef","useCombineRefs","loadingIndicator","_jsx","LoaderCircular","undefined","onClearHandler","useCallback","event","_ownInputRef$current","_ownInputRef$current2","stopPropagation","preventDefault","current","focus","blur","onChangeHandler","target","clearButton","String","length","Tooltip","title","children","onClick","tabIndex","CloseSmallIcon","actualSuffix","_jsxs","_Fragment","ref","classNames","root","error","Text","color","labelAside","labelSpecialXs","Label","inputContainer","affix","_objectSpread","input","tagName"],"mappings":"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"}
1	+ {"version":3,"file":"TextInputBase.js","sources":["../../../src/componentsV2/TextInputBase/TextInputBase.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n ChangeEvent,\n ChangeEventHandler,\n FocusEventHandler,\n forwardRef,\n KeyboardEventHandler,\n MouseEventHandler,\n MutableRefObject,\n ReactNode,\n Ref,\n RefCallback,\n useCallback,\n useRef,\n} from 'react';\n\nimport { Text } from '../Text';\nimport { LoaderCircular } from '../LoaderCircular';\n\nimport { Label } from './components';\n\nimport styles from './TextInputBase.scss';\nimport { CloseSmallIcon } from '../../icons';\nimport { Tooltip } from '../Tooltip';\nimport { useCombineRefs } from '../../effects';\n\ntype ComponentProvidedProps<FieldElement extends HTMLElement> = Partial<{\n className: string;\n 'data-testid': string;\n placeholder: string;\n value: string;\n readOnly: boolean;\n onChange: ChangeEventHandler<FieldElement>;\n disabled: boolean;\n autoFocus: boolean;\n onFocus: FocusEventHandler<FieldElement>;\n onBlur: FocusEventHandler<FieldElement>;\n onKeyUp: KeyboardEventHandler<FieldElement>;\n onKeyDown: KeyboardEventHandler<FieldElement>;\n}>;\n\nexport type ComponentProvidedPropNames = keyof ComponentProvidedProps<never>;\n\ntype EmptyObject = Record<string, never>;\n\nexport type TextInputBaseComponentProps<\n FieldElement extends HTMLElement,\n ComponentProps extends object = EmptyObject\n> = ComponentProvidedProps<FieldElement> & ComponentProps;\n\nexport type TextInputBaseProps<\n FieldElement extends HTMLElement,\n ComponentProps extends object = EmptyObject\n> = {\n label?: ReactNode;\n value?: string \| number;\n size?: 'small' \| 'medium' \| 'large';\n labelPlacement?: 'top' \| 'start' \| 'end';\n /*\n HTML tag of the root element. Use `div` when `prefix`/`suffix` contain interactive\n * controls — nested interactive elements inside a `label` are invalid for assistive tech\n /\n rootTagName?: 'label' \| 'div';\n disabled?: boolean;\n\n status?: 'error' \| 'loading';\n message?: ReactNode;\n onFocus?: FocusEventHandler<FieldElement>;\n onBlur?: FocusEventHandler<FieldElement>;\n onKeyDown?: KeyboardEventHandler<FieldElement>;\n onKeyUp?: KeyboardEventHandler<FieldElement>;\n placeholder?: string;\n prefix?: ReactNode;\n suffix?: ReactNode;\n /\n Ref to an underlying input element\n /\n inputRef?: RefCallback<FieldElement \| null> \| MutableRefObject<FieldElement \| null> \| null;\n /\n Ref to a container that contains input and its affixes\n * Useful for positioning of popovers\n /\n inputContainerRef?:\n \| RefCallback<HTMLDivElement \| null>\n \| MutableRefObject<HTMLDivElement \| null>\n \| null;\n readOnly?: boolean;\n /\n If `true` will focus on the field on render. Useful for modals, but may be detrimental to a11y\n /\n autoFocus?: boolean;\n\n elementsClassNames?: Partial<{\n label: string;\n input: string;\n inputContainer: string;\n prefix: string;\n suffix: string;\n message: string;\n }>;\n\n onChange?: (\n value: string,\n changeReason: 'change' \| 'clear',\n event?: ChangeEvent<FieldElement>\n ) => void;\n clearable?: boolean;\n /\n Controls if the field should keep/gain focus after \"Clear\" button is clicked\n /\n focusOnClear?: boolean;\n\n className?: string;\n testId?: string;\n\n /\n ⚠️⚠️⚠️ PRIVATE API. If you see it in docs you're doing something wrong\n /\n component: ReturnType<\n typeof forwardRef<FieldElement, TextInputBaseComponentProps<FieldElement, ComponentProps>>\n >;\n /\n ⚠️⚠️⚠️ PRIVATE API. If you see it in docs you're doing something wrong\n /\n componentProps?: ComponentProps;\n /\n ⚠️⚠️⚠️ PRIVATE API. If you see it in docs you're doing something wrong\n /\n testIds?: Partial<{\n input: string;\n label: string;\n prefix: string;\n suffix: string;\n clearButton: string;\n message: string;\n }>;\n};\n\nexport const SizeToClassMap: Record<Required<TextInputBaseProps<never, never>>['size'], string> = {\n small: styles.small,\n medium: styles.medium,\n large: styles.large,\n};\n\nconst LabelPlacementToClassMap: Record<\n Required<TextInputBaseProps<never, never>>['labelPlacement'],\n string\n> = {\n top: '',\n start: styles.labelStart,\n end: styles.labelEnd,\n};\n\nexport const TextInputBase = <\n FieldElement extends HTMLElement,\n ComponentProps extends object = EmptyObject\n>({\n testId,\n className,\n label,\n rootTagName = 'label',\n clearable,\n focusOnClear = true,\n prefix,\n suffix,\n placeholder,\n size = 'small',\n value = '',\n readOnly,\n labelPlacement = 'top',\n inputRef,\n disabled,\n autoFocus,\n message,\n onFocus,\n onBlur,\n onKeyUp,\n onKeyDown,\n status,\n onChange,\n elementsClassNames,\n inputContainerRef,\n component: Component,\n componentProps,\n rootRef,\n testIds,\n}: TextInputBaseProps<FieldElement, ComponentProps> & { rootRef: Ref<HTMLElement> }) => {\n const ownInputRef = useRef<FieldElement>();\n const actualInputRef = useCombineRefs(inputRef, ownInputRef);\n const loadingIndicator = status === 'loading' ? <LoaderCircular size=\"xs\" /> : undefined;\n const onClearHandler = useCallback<MouseEventHandler>(\n event => {\n event.stopPropagation();\n event.preventDefault();\n\n if (focusOnClear) {\n ownInputRef.current?.focus();\n } else {\n ownInputRef.current?.blur();\n }\n\n onChange?.('', 'clear');\n },\n [onChange, focusOnClear]\n );\n const onChangeHandler = useCallback<ChangeEventHandler<FieldElement>>(\n event => onChange?.((event.target as unknown as HTMLInputElement).value \|\| '', 'change', event),\n [onChange]\n );\n\n const clearButton =\n !!clearable && String(value).length > 0 ? (\n <Tooltip title=\"Clear\">\n <button\n className={styles.clearButton}\n onClick={onClearHandler}\n tabIndex={-1}\n data-testid={testIds?.clearButton}\n >\n <CloseSmallIcon size={16} />\n </button>\n </Tooltip>\n ) : undefined;\n\n const actualSuffix =\n loadingIndicator \|\| suffix \|\| clearButton ? (\n <>\n {loadingIndicator}\n {clearButton}\n {suffix}\n </>\n ) : undefined;\n\n const RootElement = rootTagName;\n\n return (\n <RootElement\n ref={rootRef as never}\n className={classNames(\n styles.root,\n SizeToClassMap[size],\n status === 'error' && styles.error,\n disabled && styles.disabled,\n className\n )}\n data-testid={testId}\n >\n <div className={LabelPlacementToClassMap[labelPlacement]}>\n {label && (\n <Text\n size={12}\n color=\"T6\"\n className={classNames(\n styles.label,\n labelPlacement !== 'top' && styles.labelAside,\n labelPlacement !== 'top' && size === 'small' && styles.labelSpecialXs,\n elementsClassNames?.label\n )}\n testId={testIds?.label}\n >\n {typeof label === 'string' ? <Label>{label}</Label> : label}\n </Text>\n )}\n\n <div\n className={classNames(styles.inputContainer, elementsClassNames?.inputContainer)}\n ref={inputContainerRef}\n >\n {prefix && (\n <div\n className={classNames(styles.affix, elementsClassNames?.prefix)}\n data-testid={testIds?.prefix}\n >\n {prefix}\n </div>\n )}\n {/ @ts-expect-error TS can't properly calculate component's props here for some reason */}\n <Component\n ref={actualInputRef}\n className={classNames(styles.input, elementsClassNames?.input)}\n data-testid={testIds?.input}\n placeholder={placeholder}\n value={String(value)}\n readOnly={readOnly}\n onChange={onChangeHandler}\n disabled={disabled}\n onFocus={onFocus}\n onBlur={onBlur}\n onKeyUp={onKeyUp}\n onKeyDown={onKeyDown}\n autoFocus={autoFocus}\n {...componentProps}\n />\n {actualSuffix && (\n <div\n className={classNames(styles.affix, elementsClassNames?.suffix)}\n data-testid={testIds?.suffix}\n >\n {actualSuffix}\n </div>\n )}\n </div>\n </div>\n {message && (\n <Text\n size={12}\n color=\"T6\"\n tagName=\"div\"\n className={classNames(styles.message, elementsClassNames?.message)}\n testId={testIds?.message}\n >\n {message}\n </Text>\n )}\n </RootElement>\n );\n};\n"],"names":["SizeToClassMap","small","styles","medium","large","LabelPlacementToClassMap","top","start","labelStart","end","labelEnd","TextInputBase","_ref","testId","className","label","_ref$rootTagName","rootTagName","clearable","_ref$focusOnClear","focusOnClear","prefix","suffix","placeholder","_ref$size","size","_ref$value","value","readOnly","_ref$labelPlacement","labelPlacement","inputRef","disabled","autoFocus","message","onFocus","onBlur","onKeyUp","onKeyDown","status","onChange","elementsClassNames","inputContainerRef","Component","component","componentProps","rootRef","testIds","ownInputRef","useRef","actualInputRef","useCombineRefs","loadingIndicator","_jsx","LoaderCircular","undefined","onClearHandler","useCallback","event","_ownInputRef$current","_ownInputRef$current2","stopPropagation","preventDefault","current","focus","blur","onChangeHandler","target","clearButton","String","length","Tooltip","title","children","onClick","tabIndex","CloseSmallIcon","actualSuffix","_jsxs","_Fragment","ref","classNames","root","error","Text","color","labelAside","labelSpecialXs","Label","inputContainer","affix","_objectSpread","input","tagName"],"mappings":"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"}

package/componentsV2/TextInputNext/TextInputNext.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/objectWithoutProperties";import s from"@babel/runtime/helpers/defineProperty";import t from"classnames";import{forwardRef as n,useRef as i,useMemo as c,useCallback as e}from"react";import"../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../clients/subscriptions.v1.js";import"../../clients/jsonApi/index.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"query-string";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"../../components/GradientManager/configuration/constants.js";import"../../components/UserMention/utils/index.js";import"../../utils/convert.js";import"moment";import"../../utils/casing/validation.js";import"lodash/mean";import"../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../utils/ga.js";import"../../utils/goalsConfig/goalsConfig.js";import"../../utils/lasParser.js";import"../../utils/main.js";import"../../utils/metrics/metricsConfig.js";import"../../utils/mobileDetect.js";import"../../utils/feed.js";import"../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../utils/dashboardReports.js";import"../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../utils/jsonaDataFormatter.js";import"../../utils/bha.js";import"jsona";import"../../utils/charts/Styles.scss.js";import"../../utils/getSingleAsset.js";import"uuid";import"../../components/StatusBadge/constants.js";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../AppCommonsProvider/AppCommonsProvider.js";import"../AppCommonsProvider/AppCommonsContext.js";import"../AppPanel/AppPanelsContext.js";import{useCombineRefs as r}from"../../effects/useCombineRefs.js";import{TextInputTestIds as m}from"./TextInputNext.constants.js";import{InfoIcon as p}from"../TextInputBase/components/InfoIcon.js";import{Label as u}from"../TextInputBase/components/Label.js";import{MessageWithIcon as a}from"../TextInputBase/components/MessageWithIcon.js";import{RequiredIndicator as l}from"../TextInputBase/components/RequiredIndicator.js";import{Unit as j}from"../TextInputBase/components/Unit.js";import I from"./TextInputNext.scss.js";import{UpOneIcon as d,DownOneIcon as f}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{TextInputBase as b}from"../TextInputBase/TextInputBase.js";import{jsx as h,jsxs as C,Fragment as g}from"react/jsx-runtime";var v=["value","htmlAttributes","inputType","inputMode","elementsClassNames","inputRef","suffix","onChange"];function x(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,n)}return t}function O(o){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){s(o,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(n,s))}))}return o}var P=n((function(o,s){return h("input",O(O({},o),{},{ref:s}))})),y={input:m.Input,label:m.Label,prefix:m.Prefix,suffix:m.Suffix,clearButton:m.ClearButton,message:m.Message},A=n((function(s,n){var p=s.value,u=s.htmlAttributes,a=s.inputType,l=s.inputMode,j=s.elementsClassNames,x=s.inputRef,A=s.suffix,S=s.onChange,B=o(s,v),D=i(null),F=r(x,D),T=c((function(){return O(O({},u),{},{type:a,inputMode:l})}),[u,a,l]),M=e((function(o,s){o.stopPropagation(),o.preventDefault(),D.current&&("stepUp"===s?D.current.stepUp():D.current.stepDown(),D.current.dispatchEvent(new Event("change",{bubbles:!0})))}),[]),R=e((function(o){return M(o,"stepUp")}),[M]),w=e((function(o){return M(o,"stepDown")}),[M]),N="number"===a?C("div",{className:null==j?void 0:j.numberStepButtons,children:[h("button",{tabIndex:-1,onClick:R,className:t(I.numberStepButton,I.up),"data-testid":m.StepUpButton,children:h(d,{theme:"filled",size:14,className:I.numberStepButtonIcon})}),h("button",{tabIndex:-1,onClick:w,className:t(I.numberStepButton,I.down),"data-testid":m.StepDownButton,children:h(f,{theme:"filled",size:14,className:I.numberStepButtonIcon})})]}):void 0,k=A||N?C(g,{children:[A,N]}):void 0;return h(b,O(O({},B),{},{value:p,rootRef:n,suffix:k,inputRef:F,onChange:S,component:P,componentProps:T,elementsClassNames:j,testIds:y}))}));A.InfoIcon=p,A.MessageWithIcon=a,A.RequiredIndicator=l,A.Unit=j,A.Label=u;var S=A;export{S as TextInputNext};
+import o from"@babel/runtime/helpers/objectWithoutProperties";import s from"@babel/runtime/helpers/defineProperty";import t from"classnames";import{forwardRef as n,useRef as i,useMemo as c,useCallback as e}from"react";import"@babel/runtime/helpers/slicedToArray";import"querystring";import"lodash";import"../../clients/subscriptions/subscriptions-client.factory.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"query-string";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"../../components/GradientManager/configuration/constants.js";import"../../components/UserMention/utils/index.js";import"../../utils/convert.js";import"moment";import"../../utils/casing/validation.js";import"lodash/mean";import"../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../utils/ga.js";import"../../utils/goalsConfig/goalsConfig.js";import"../../utils/lasParser.js";import"../../utils/main.js";import"../../utils/metrics/metricsConfig.js";import"../../utils/mobileDetect.js";import"../../utils/feed.js";import"../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../utils/dashboardReports.js";import"../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../utils/jsonaDataFormatter.js";import"../../utils/bha.js";import"jsona";import"../../utils/charts/Styles.scss.js";import"../../utils/getSingleAsset.js";import"uuid";import"../../components/StatusBadge/constants.js";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../AppCommonsProvider/AppCommonsProvider.js";import"../AppCommonsProvider/AppCommonsContext.js";import"../AppPanel/AppPanelsContext.js";import{useCombineRefs as r}from"../../effects/useCombineRefs.js";import{TextInputTestIds as m}from"./TextInputNext.constants.js";import{InfoIcon as p}from"../TextInputBase/components/InfoIcon.js";import{Label as u}from"../TextInputBase/components/Label.js";import{MessageWithIcon as a}from"../TextInputBase/components/MessageWithIcon.js";import{RequiredIndicator as l}from"../TextInputBase/components/RequiredIndicator.js";import{Unit as j}from"../TextInputBase/components/Unit.js";import I from"./TextInputNext.scss.js";import{UpOneIcon as d,DownOneIcon as f}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{TextInputBase as b}from"../TextInputBase/TextInputBase.js";import{jsx as h,jsxs as C,Fragment as g}from"react/jsx-runtime";var v=["value","htmlAttributes","inputType","inputMode","elementsClassNames","inputRef","suffix","onChange"];function x(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,n)}return t}function O(o){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){s(o,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(n,s))}))}return o}var P=n((function(o,s){return h("input",O(O({},o),{},{ref:s}))})),y={input:m.Input,label:m.Label,prefix:m.Prefix,suffix:m.Suffix,clearButton:m.ClearButton,message:m.Message},A=n((function(s,n){var p=s.value,u=s.htmlAttributes,a=s.inputType,l=s.inputMode,j=s.elementsClassNames,x=s.inputRef,A=s.suffix,S=s.onChange,B=o(s,v),D=i(null),F=r(x,D),T=c((function(){return O(O({},u),{},{type:a,inputMode:l})}),[u,a,l]),M=e((function(o,s){o.stopPropagation(),o.preventDefault(),D.current&&("stepUp"===s?D.current.stepUp():D.current.stepDown(),D.current.dispatchEvent(new Event("change",{bubbles:!0})))}),[]),R=e((function(o){return M(o,"stepUp")}),[M]),w=e((function(o){return M(o,"stepDown")}),[M]),N="number"===a?C("div",{className:null==j?void 0:j.numberStepButtons,children:[h("button",{tabIndex:-1,onClick:R,className:t(I.numberStepButton,I.up),"data-testid":m.StepUpButton,children:h(d,{theme:"filled",size:14,className:I.numberStepButtonIcon})}),h("button",{tabIndex:-1,onClick:w,className:t(I.numberStepButton,I.down),"data-testid":m.StepDownButton,children:h(f,{theme:"filled",size:14,className:I.numberStepButtonIcon})})]}):void 0,k=A||N?C(g,{children:[A,N]}):void 0;return h(b,O(O({},B),{},{value:p,rootRef:n,suffix:k,inputRef:F,onChange:S,component:P,componentProps:T,elementsClassNames:j,testIds:y}))}));A.InfoIcon=p,A.MessageWithIcon=a,A.RequiredIndicator=l,A.Unit=j,A.Label=u;var S=A;export{S as TextInputNext};
 //# sourceMappingURL=TextInputNext.js.map