npm - @corva/ui - Versions diffs - 3.75.0-17 → 3.75.0-19 - Mend

@corva/ui 3.75.0-17 → 3.75.0-19

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

package/cjs-bundle/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","jsx","Collapse","in","_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","jsxs","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","jsx","Collapse","in","_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","jsxs","root","TextInput","label","value","onChange","status","undefined","message","concat","Radio","checked","Autocomplete","loading","multiple","onInputChange"],"mappings":"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"}

package/cjs-bundle/componentsV2/TemplatesControl/ShareModal/ShareModal.js CHANGED Viewed

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

package/cjs-bundle/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","_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","jsxs","className","styles","wrapper","TextInput","label","placeholder","type","prefix","SearchOne","spacing","onChange","onClear","list","ref","index","Fragment","Menu","Divider","divider","Item","onClick","isSelected","jsx","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","_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","jsxs","className","styles","wrapper","TextInput","label","placeholder","type","prefix","SearchOne","spacing","onChange","onClear","list","ref","index","Fragment","Menu","Divider","divider","Item","onClick","isSelected","jsx","EmptyState","image","LoaderLogo"],"mappings":"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"}

package/cjs-bundle/componentsV2/TemplatesControl/TemplateMenu/IconMenu/IconMenu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),c=require("classnames"),e=require("../../../Popover/Popover.js"),n=require("../../../Text/Text.js"),i=require("../../../ButtonIcon/ButtonIcon.js"),r=require("../../Store/Store.js");require("../../Store/utils.js");var u=require("./IconMenu.scss.js"),t=require("../../../../icons/iconParkIcons.js");require("../../../../icons/customIcons/icons/AddMessage.js"),require("../../../../icons/customIcons/icons/DragOne.js"),require("../../../../icons/customIcons/icons/Attention.js"),require("../../../../icons/customIcons/icons/Collapse.js"),require("../../../../icons/customIcons/icons/Dashboard.js"),require("../../../../icons/customIcons/icons/Expand.js"),require("../../../../icons/customIcons/icons/FolderClosed.js"),require("../../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../../icons/customIcons/icons/FolderOpened.js"),require("../../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../../icons/customIcons/icons/Search.js"),require("../../../../icons/customIcons/icons/SearchOne.js"),require("../../../../icons/customIcons/icons/Wellhub.js"),require("../../../../icons/customIcons/icons/MultiRuler.js"),require("../../../../icons/customIcons/icons/Checkbox.js"),require("../../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../../icons/customIcons/icons/Radio.js"),require("../../../../icons/customIcons/icons/RadioChecked.js"),require("../../../../icons/customIcons/icons/SimulFrac.js"),require("../../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../../icons/customIcons/icons/CautionFilled.js"),require("../../../../icons/customIcons/icons/InfoRounded.js"),require("../../../../icons/customIcons/icons/FlameFilled.js"),require("../../../../icons/customIcons/icons/MoreApp.js"),require("../../../../icons/customIcons/icons/Pad.js"),require("../../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../../icons/customIcons/icons/FracFleet.js"),require("../../../../icons/customIcons/icons/Global.js"),require("../../../../icons/customIcons/icons/Program.js"),require("../../../../icons/customIcons/icons/Rig.js"),require("../../../../icons/customIcons/icons/Well.js"),require("../../../../icons/customIcons/icons/Gap.js"),require("../../../../icons/customIcons/icons/Pin.js"),require("../../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../../icons/customIcons/icons/Archive.js"),require("../../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../../icons/customIcons/icons/Unarchive.js"),require("../../../../icons/customIcons/icons/Archived.js"),require("../../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../../icons/customIcons/icons/CloudDelete.js"),require("../../../../icons/customIcons/icons/Lasso.js"),require("../../../../icons/customIcons/icons/Radius.js"),require("../../../../icons/customIcons/icons/ErrorOps.js"),require("../../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../../icons/customIcons/icons/CriticalOps.js"),require("../../../../icons/customIcons/icons/Company.js"),require("../../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../../icons/customIcons/icons/Connect.js"),require("../../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../../icons/customIcons/icons/Feed.js"),require("../../../../icons/customIcons/icons/Prompt.js"),require("../../../../icons/customIcons/icons/Companies.js"),require("../../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../../icons/customIcons/icons/Key.js"),require("../../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../../icons/customIcons/icons/MappingManual.js"),require("../../../../icons/customIcons/icons/Mapping.js"),require("../../../../icons/customIcons/icons/Metrics.js"),require("../../../../icons/customIcons/icons/Drops.js"),require("../../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../../icons/customIcons/icons/Template.js"),require("../../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../../icons/customIcons/icons/UnitConversion.js"),require("../../../../icons/customIcons/icons/NPT.js"),require("../../../../icons/customIcons/icons/GuidedFrac.js");var l=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var a=m(s),j=m(c);exports.IconMenu=function(s){var c=s.icon,m=s.iconColor,I=s.onSave,q=s.open,d=s.anchorEl,p=r.storeApi.useTemplateIconColors,C=r.storeApi.useTemplateIconMap,h=r.storeApi.useDefaultTemplateIcon,v=r.storeApi.useDefaultTemplateIconColor,f=p(),x=C(),b=h(),F=v(),O=o.useState(),A=a.default(O,2),T=A[0],M=A[1],P=o.useState(),k=a.default(P,2),S=k[0],y=k[1],g=o.useCallback((function(){I({icon:T||b,iconColor:S||F})}),[b,F,I,S,T]);return o.useEffect((function(){q&&(M(c),y(m))}),[c,m,q]),l.jsxs(e.Popover,{className:u.root,placement:"bottom-start",open:q,onClose:g,anchorEl:d,children:[l.jsx(n.Text,{size:12,color:"T6",children:"Icon Color"}),l.jsx("div",{className:u.colorGrid,children:f.map((function(s){return l.jsx("div",{className:j.default(u.colorItem,s===S&&u.selected,s===m&&u.current),style:{"--IconMenu-color":s},onClick:function(){return y(s)},children:l.jsx(t.CheckSmallIcon,{size:20,className:u.checkIcon})},s)}))}),l.jsx(n.Text,{size:12,color:"T6",children:"Icons"}),l.jsx("div",{className:u.iconsGrid,children:Object.entries(x).map((function(s){var o=a.default(s,2),c=o[0],e=o[1];return l.jsx(i.ButtonIcon,{size:"small",type:T===c?"tertiaryBg":"tertiary",onClick:function(){return M(c)},children:l.jsx(e,{color:S})},c)}))})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),c=require("classnames"),e=require("../../../Popover/Popover.js"),n=require("../../../Text/Text.js"),i=require("../../../ButtonIcon/ButtonIcon.js"),r=require("../../Store/Store.js");require("../../Store/utils.js");var u=require("./IconMenu.scss.js"),t=require("../../../../icons/iconParkIcons.js");require("../../../../icons/customIcons/icons/AddMessage.js"),require("../../../../icons/customIcons/icons/DragOne.js"),require("../../../../icons/customIcons/icons/Attention.js"),require("../../../../icons/customIcons/icons/Collapse.js"),require("../../../../icons/customIcons/icons/Dashboard.js"),require("../../../../icons/customIcons/icons/Expand.js"),require("../../../../icons/customIcons/icons/FolderClosed.js"),require("../../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../../icons/customIcons/icons/FolderOpened.js"),require("../../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../../icons/customIcons/icons/Search.js"),require("../../../../icons/customIcons/icons/SearchOne.js"),require("../../../../icons/customIcons/icons/Wellhub.js"),require("../../../../icons/customIcons/icons/MultiRuler.js"),require("../../../../icons/customIcons/icons/Checkbox.js"),require("../../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../../icons/customIcons/icons/Radio.js"),require("../../../../icons/customIcons/icons/RadioChecked.js"),require("../../../../icons/customIcons/icons/SimulFrac.js"),require("../../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../../icons/customIcons/icons/CautionFilled.js"),require("../../../../icons/customIcons/icons/InfoRounded.js"),require("../../../../icons/customIcons/icons/FlameFilled.js"),require("../../../../icons/customIcons/icons/MoreApp.js"),require("../../../../icons/customIcons/icons/Pad.js"),require("../../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../../icons/customIcons/icons/FracFleet.js"),require("../../../../icons/customIcons/icons/Global.js"),require("../../../../icons/customIcons/icons/Program.js"),require("../../../../icons/customIcons/icons/Rig.js"),require("../../../../icons/customIcons/icons/Well.js"),require("../../../../icons/customIcons/icons/Gap.js"),require("../../../../icons/customIcons/icons/Pin.js"),require("../../../../icons/customIcons/icons/PinOne.js"),require("../../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../../icons/customIcons/icons/Archive.js"),require("../../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../../icons/customIcons/icons/Unarchive.js"),require("../../../../icons/customIcons/icons/Archived.js"),require("../../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../../icons/customIcons/icons/CloudDelete.js"),require("../../../../icons/customIcons/icons/Lasso.js"),require("../../../../icons/customIcons/icons/Radius.js"),require("../../../../icons/customIcons/icons/ErrorOps.js"),require("../../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../../icons/customIcons/icons/CriticalOps.js"),require("../../../../icons/customIcons/icons/Company.js"),require("../../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../../icons/customIcons/icons/Connect.js"),require("../../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../../icons/customIcons/icons/Feed.js"),require("../../../../icons/customIcons/icons/Prompt.js"),require("../../../../icons/customIcons/icons/Companies.js"),require("../../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../../icons/customIcons/icons/Key.js"),require("../../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../../icons/customIcons/icons/MappingManual.js"),require("../../../../icons/customIcons/icons/Mapping.js"),require("../../../../icons/customIcons/icons/Metrics.js"),require("../../../../icons/customIcons/icons/Drops.js"),require("../../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../../icons/customIcons/icons/Template.js"),require("../../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../../icons/customIcons/icons/UnitConversion.js"),require("../../../../icons/customIcons/icons/NPT.js"),require("../../../../icons/customIcons/icons/GuidedFrac.js");var l=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var a=m(s),j=m(c);exports.IconMenu=function(s){var c=s.icon,m=s.iconColor,I=s.onSave,q=s.open,d=s.anchorEl,p=r.storeApi.useTemplateIconColors,C=r.storeApi.useTemplateIconMap,h=r.storeApi.useDefaultTemplateIcon,v=r.storeApi.useDefaultTemplateIconColor,f=p(),x=C(),b=h(),F=v(),O=o.useState(),A=a.default(O,2),P=A[0],T=A[1],M=o.useState(),k=a.default(M,2),S=k[0],y=k[1],g=o.useCallback((function(){I({icon:P||b,iconColor:S||F})}),[b,F,I,S,P]);return o.useEffect((function(){q&&(T(c),y(m))}),[c,m,q]),l.jsxs(e.Popover,{className:u.root,placement:"bottom-start",open:q,onClose:g,anchorEl:d,children:[l.jsx(n.Text,{size:12,color:"T6",children:"Icon Color"}),l.jsx("div",{className:u.colorGrid,children:f.map((function(s){return l.jsx("div",{className:j.default(u.colorItem,s===S&&u.selected,s===m&&u.current),style:{"--IconMenu-color":s},onClick:function(){return y(s)},children:l.jsx(t.CheckSmallIcon,{size:20,className:u.checkIcon})},s)}))}),l.jsx(n.Text,{size:12,color:"T6",children:"Icons"}),l.jsx("div",{className:u.iconsGrid,children:Object.entries(x).map((function(s){var o=a.default(s,2),c=o[0],e=o[1];return l.jsx(i.ButtonIcon,{size:"small",type:P===c?"tertiaryBg":"tertiary",onClick:function(){return T(c)},children:l.jsx(e,{color:S})},c)}))})]})};
 //# sourceMappingURL=IconMenu.js.map

package/cjs-bundle/componentsV2/TemplatesControl/TemplateMenu/IconMenu/IconMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconMenu.js","sources":["../../../../../../src/componentsV2/TemplatesControl/TemplateMenu/IconMenu/IconMenu.tsx"],"sourcesContent":["import { CSSProperties, useCallback, useEffect, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { Popover } from '../../../Popover';\nimport { Text } from '../../../Text';\nimport { ButtonIcon } from '../../../ButtonIcon';\nimport { storeApi } from '../../Store';\nimport { TemplateMetaData } from '../../types';\n\nimport styles from './IconMenu.scss';\n\nimport { CheckSmallIcon } from '~/icons';\n\nexport type IconMenuProps = {\n open: boolean;\n anchorEl: HTMLElement \| null;\n onSave: (iconData: { icon: string; iconColor: string }) => void;\n} & Pick<TemplateMetaData, 'icon' \| 'iconColor'>;\n\nexport const IconMenu = ({ icon, iconColor, onSave, open, anchorEl }: IconMenuProps) => {\n const {\n useTemplateIconColors,\n useTemplateIconMap,\n useDefaultTemplateIcon,\n useDefaultTemplateIconColor,\n } = storeApi;\n const templateIconColors = useTemplateIconColors();\n const templateIconMap = useTemplateIconMap();\n const defaultTemplateIcon = useDefaultTemplateIcon();\n const defaultTemplateIconColor = useDefaultTemplateIconColor();\n\n const [selectedIcon, setSelectedIcon] = useState<string>();\n const [selectedColor, setSelectedColor] = useState<string>();\n\n const onClose = useCallback(() => {\n onSave({\n icon: selectedIcon \|\| defaultTemplateIcon,\n iconColor: selectedColor \|\| defaultTemplateIconColor,\n });\n }, [defaultTemplateIcon, defaultTemplateIconColor, onSave, selectedColor, selectedIcon]);\n\n useEffect(() => {\n if (open) {\n setSelectedIcon(icon);\n setSelectedColor(iconColor);\n }\n }, [icon, iconColor, open]);\n\n return (\n <Popover\n className={styles.root}\n placement=\"bottom-start\"\n open={open}\n onClose={onClose}\n anchorEl={anchorEl}\n >\n <Text size={12} color=\"T6\">\n Icon Color\n </Text>\n <div className={styles.colorGrid}>\n {templateIconColors.map(color => (\n <div\n key={color}\n className={classNames(\n styles.colorItem,\n color === selectedColor && styles.selected,\n color === iconColor && styles.current\n )}\n style={{ '--IconMenu-color': color } as CSSProperties}\n onClick={() => setSelectedColor(color)}\n >\n <CheckSmallIcon size={20} className={styles.checkIcon} />\n </div>\n ))}\n </div>\n\n <Text size={12} color=\"T6\">\n Icons\n </Text>\n <div className={styles.iconsGrid}>\n {Object.entries(templateIconMap).map(([name, Icon]) => (\n <ButtonIcon\n key={name}\n size=\"small\"\n type={selectedIcon === name ? 'tertiaryBg' : 'tertiary'}\n onClick={() => setSelectedIcon(name)}\n >\n <Icon color={selectedColor} />\n </ButtonIcon>\n ))}\n </div>\n </Popover>\n );\n};\n"],"names":["_ref","icon","iconColor","onSave","open","anchorEl","useTemplateIconColors","storeApi","useTemplateIconMap","useDefaultTemplateIcon","useDefaultTemplateIconColor","templateIconColors","templateIconMap","defaultTemplateIcon","defaultTemplateIconColor","_useState","useState","_useState2","_slicedToArray","selectedIcon","setSelectedIcon","_useState3","_useState4","selectedColor","setSelectedColor","onClose","useCallback","useEffect","_jsxs","Popover","className","styles","root","placement","children","_jsx","Text","size","color","jsx","colorGrid","map","classNames","colorItem","selected","current","style","onClick","CheckSmallIcon","checkIcon","iconsGrid","Object","entries","_ref2","_ref3","name","Icon","ButtonIcon","type"],"mappings":"~~g5JAmBwB~~,SAAgEA,GAAA,IAA7DC,IAAAA,KAAMC,IAAAA,UAAWC,IAAAA,OAAQC,IAAAA,KAAMC,IAAAA,SAEtDC,EAIEC,EAAAA,SAJFD,sBACAE,EAGED,EAAQA,SAHVC,mBACAC,EAEEF,EAAQA,SAFVE,uBACAC,EACEH,EAAQA,SADVG,4BAEIC,EAAqBL,IACrBM,EAAkBJ,IAClBK,EAAsBJ,IACtBK,EAA2BJ,IAEjCK,EAAwCC,EAAAA,WAAkBC,EAAAC,EAAAA,QAAAH,EAAA,GAAnDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GACpCI,EAA0CL,EAAAA,WAAkBM,EAAAJ,EAAAA,QAAAG,EAAA,GAArDE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAEhCG,EAAUC,EAAAA,aAAY,WAC1BvB,EAAO,CACLF,KAAMkB,GAAgBN,EACtBX,UAAWqB,GAAiBT,GAEhC,GAAG,CAACD,EAAqBC,EAA0BX,EAAQoB,EAAeJ,IAS1E,OAPAQ,EAAAA,WAAU,WACJvB,IACFgB,EAAgBnB,GAChBuB,EAAiBtB,GAEpB,GAAE,CAACD,EAAMC,EAAWE,IAGnBwB,EAAAA,KAACC,EAAAA,QAAO,CACNC,UAAWC,EAAOC,KAClBC,UAAU,eACV7B,KAAMA,EACNqB,QAASA,EACTpB,SAAUA,EAAS6B,SAAA,CAEnBC,MAACC,OAAI,CAACC,KAAM,GAAIC,MAAM,KAAIJ,SAAA,eAG1BC,EAAAI,IAAA,MAAA,CAAKT,UAAWC,EAAOS,UAAUN,SAC9BvB,EAAmB8B,KAAI,SAAAH,GAAK,OAC3BH,EAAAA,IAAA,MAAA,CAEEL,UAAWY,EAAU,QACnBX,EAAOY,UACPL,IAAUf,GAAiBQ,EAAOa,SAClCN,IAAUpC,GAAa6B,EAAOc,SAEhCC,MAAO,CAAE,mBAAoBR,GAC7BS,QAAS,WAAA,OAAMvB,EAAiBc,EAAO,EAAAJ,SAEvCC,MAACa,iBAAc,CAACX,KAAM,GAAIP,UAAWC,EAAOkB,aATvCX,QAcXH,MAACC,OAAI,CAACC,KAAM,GAAIC,MAAM,KAAIJ,SAAA,UAG1BC,EAAAI,IAAA,MAAA,CAAKT,UAAWC,EAAOmB,UAAUhB,SAC9BiB,OAAOC,QAAQxC,GAAiB6B,KAAI,SAAAY,GAAA,IAAAC,EAAApC,EAAAA,QAAAmC,EAAA,GAAEE,EAAID,EAAA,GAAEE,EAAIF,EAAA,GAAA,OAC/CnB,EAAAA,IAACsB,EAAAA,WAAU,CAETpB,KAAK,QACLqB,KAAMvC,IAAiBoC,EAAO,aAAe,WAC7CR,QAAS,WAAA,OAAM3B,EAAgBmC,EAAM,EAAArB,SAErCC,MAACqB,EAAI,CAAClB,MAAOf,KALRgC,UAWjB"}
1	+ {"version":3,"file":"IconMenu.js","sources":["../../../../../../src/componentsV2/TemplatesControl/TemplateMenu/IconMenu/IconMenu.tsx"],"sourcesContent":["import { CSSProperties, useCallback, useEffect, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { Popover } from '../../../Popover';\nimport { Text } from '../../../Text';\nimport { ButtonIcon } from '../../../ButtonIcon';\nimport { storeApi } from '../../Store';\nimport { TemplateMetaData } from '../../types';\n\nimport styles from './IconMenu.scss';\n\nimport { CheckSmallIcon } from '~/icons';\n\nexport type IconMenuProps = {\n open: boolean;\n anchorEl: HTMLElement \| null;\n onSave: (iconData: { icon: string; iconColor: string }) => void;\n} & Pick<TemplateMetaData, 'icon' \| 'iconColor'>;\n\nexport const IconMenu = ({ icon, iconColor, onSave, open, anchorEl }: IconMenuProps) => {\n const {\n useTemplateIconColors,\n useTemplateIconMap,\n useDefaultTemplateIcon,\n useDefaultTemplateIconColor,\n } = storeApi;\n const templateIconColors = useTemplateIconColors();\n const templateIconMap = useTemplateIconMap();\n const defaultTemplateIcon = useDefaultTemplateIcon();\n const defaultTemplateIconColor = useDefaultTemplateIconColor();\n\n const [selectedIcon, setSelectedIcon] = useState<string>();\n const [selectedColor, setSelectedColor] = useState<string>();\n\n const onClose = useCallback(() => {\n onSave({\n icon: selectedIcon \|\| defaultTemplateIcon,\n iconColor: selectedColor \|\| defaultTemplateIconColor,\n });\n }, [defaultTemplateIcon, defaultTemplateIconColor, onSave, selectedColor, selectedIcon]);\n\n useEffect(() => {\n if (open) {\n setSelectedIcon(icon);\n setSelectedColor(iconColor);\n }\n }, [icon, iconColor, open]);\n\n return (\n <Popover\n className={styles.root}\n placement=\"bottom-start\"\n open={open}\n onClose={onClose}\n anchorEl={anchorEl}\n >\n <Text size={12} color=\"T6\">\n Icon Color\n </Text>\n <div className={styles.colorGrid}>\n {templateIconColors.map(color => (\n <div\n key={color}\n className={classNames(\n styles.colorItem,\n color === selectedColor && styles.selected,\n color === iconColor && styles.current\n )}\n style={{ '--IconMenu-color': color } as CSSProperties}\n onClick={() => setSelectedColor(color)}\n >\n <CheckSmallIcon size={20} className={styles.checkIcon} />\n </div>\n ))}\n </div>\n\n <Text size={12} color=\"T6\">\n Icons\n </Text>\n <div className={styles.iconsGrid}>\n {Object.entries(templateIconMap).map(([name, Icon]) => (\n <ButtonIcon\n key={name}\n size=\"small\"\n type={selectedIcon === name ? 'tertiaryBg' : 'tertiary'}\n onClick={() => setSelectedIcon(name)}\n >\n <Icon color={selectedColor} />\n </ButtonIcon>\n ))}\n </div>\n </Popover>\n );\n};\n"],"names":["_ref","icon","iconColor","onSave","open","anchorEl","useTemplateIconColors","storeApi","useTemplateIconMap","useDefaultTemplateIcon","useDefaultTemplateIconColor","templateIconColors","templateIconMap","defaultTemplateIcon","defaultTemplateIconColor","_useState","useState","_useState2","_slicedToArray","selectedIcon","setSelectedIcon","_useState3","_useState4","selectedColor","setSelectedColor","onClose","useCallback","useEffect","_jsxs","Popover","className","styles","root","placement","children","_jsx","Text","size","color","jsx","colorGrid","map","classNames","colorItem","selected","current","style","onClick","CheckSmallIcon","checkIcon","iconsGrid","Object","entries","_ref2","_ref3","name","Icon","ButtonIcon","type"],"mappings":"ygKAmBwB,SAAgEA,GAAA,IAA7DC,IAAAA,KAAMC,IAAAA,UAAWC,IAAAA,OAAQC,IAAAA,KAAMC,IAAAA,SAEtDC,EAIEC,EAAAA,SAJFD,sBACAE,EAGED,EAAQA,SAHVC,mBACAC,EAEEF,EAAQA,SAFVE,uBACAC,EACEH,EAAQA,SADVG,4BAEIC,EAAqBL,IACrBM,EAAkBJ,IAClBK,EAAsBJ,IACtBK,EAA2BJ,IAEjCK,EAAwCC,EAAAA,WAAkBC,EAAAC,EAAAA,QAAAH,EAAA,GAAnDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GACpCI,EAA0CL,EAAAA,WAAkBM,EAAAJ,EAAAA,QAAAG,EAAA,GAArDE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAEhCG,EAAUC,EAAAA,aAAY,WAC1BvB,EAAO,CACLF,KAAMkB,GAAgBN,EACtBX,UAAWqB,GAAiBT,GAEhC,GAAG,CAACD,EAAqBC,EAA0BX,EAAQoB,EAAeJ,IAS1E,OAPAQ,EAAAA,WAAU,WACJvB,IACFgB,EAAgBnB,GAChBuB,EAAiBtB,GAEpB,GAAE,CAACD,EAAMC,EAAWE,IAGnBwB,EAAAA,KAACC,EAAAA,QAAO,CACNC,UAAWC,EAAOC,KAClBC,UAAU,eACV7B,KAAMA,EACNqB,QAASA,EACTpB,SAAUA,EAAS6B,SAAA,CAEnBC,MAACC,OAAI,CAACC,KAAM,GAAIC,MAAM,KAAIJ,SAAA,eAG1BC,EAAAI,IAAA,MAAA,CAAKT,UAAWC,EAAOS,UAAUN,SAC9BvB,EAAmB8B,KAAI,SAAAH,GAAK,OAC3BH,EAAAA,IAAA,MAAA,CAEEL,UAAWY,EAAU,QACnBX,EAAOY,UACPL,IAAUf,GAAiBQ,EAAOa,SAClCN,IAAUpC,GAAa6B,EAAOc,SAEhCC,MAAO,CAAE,mBAAoBR,GAC7BS,QAAS,WAAA,OAAMvB,EAAiBc,EAAO,EAAAJ,SAEvCC,MAACa,iBAAc,CAACX,KAAM,GAAIP,UAAWC,EAAOkB,aATvCX,QAcXH,MAACC,OAAI,CAACC,KAAM,GAAIC,MAAM,KAAIJ,SAAA,UAG1BC,EAAAI,IAAA,MAAA,CAAKT,UAAWC,EAAOmB,UAAUhB,SAC9BiB,OAAOC,QAAQxC,GAAiB6B,KAAI,SAAAY,GAAA,IAAAC,EAAApC,EAAAA,QAAAmC,EAAA,GAAEE,EAAID,EAAA,GAAEE,EAAIF,EAAA,GAAA,OAC/CnB,EAAAA,IAACsB,EAAAA,WAAU,CAETpB,KAAK,QACLqB,KAAMvC,IAAiBoC,EAAO,aAAe,WAC7CR,QAAS,WAAA,OAAM3B,EAAgBmC,EAAM,EAAArB,SAErCC,MAACqB,EAAI,CAAClB,MAAOf,KALRgC,UAWjB"}

package/cjs-bundle/componentsV2/TemplatesControl/TemplatesTreeMenuHeader/TemplatesTreeMenuHeader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/slicedToArray"),o=require("classnames"),e=require("react"),c=require("../../ButtonIcon/ButtonIcon.js"),i=require("../../TextEndTruncated/TextEndTruncated.js"),n=require("../../Text/Text.js"),r=require("../../LoaderCircular/LoaderCircular.js"),u=require("./TemplatesTreeMenuHeader.scss.js"),t=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var a=require("react/jsx-runtime");function l(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var m=l(s),j=l(o);exports.TemplatesTreeMenuHeader=function(s){var o=s.badge,l=s.button,d=s.entityName,q=s.isEditable,I=s.onSave,p=s.getValidation,C=s.isUpdating,h=e.useState(!1),x=m.default(h,2),f=x[0],b=x[1],v=e.useState(d||""),T=m.default(v,2),F=T[0],g=T[1],k=e.useRef(null),E=e.useCallback((function(){q&&!C&&b(!0)}),[q,C]),O=e.useCallback((function(s){var o=s.target.value;g(o)}),[]),y=e.useMemo((function(){return(null==p?void 0:p(F))||{message:"",hasError:!1}}),[p,F]),M=y.message,A=y.hasError&&f,N=e.useCallback((function(){A||(b(!1),null==I||I(F))}),[A,F,I]),P=e.useCallback((function(s){"Enter"===s.key&&N()}),[N]);return e.useEffect((function(){b(!1),g(d||"")}),[d]),e.useEffect((function(){var s;f&&(null===(s=k.current)||void 0===s||s.focus())}),[f]),a.jsxs("div",{className:u.root,children:[a.jsxs("div",{className:u.info,children:[l,a.jsxs("div",{className:j.default(u.name,q&&!C&&u.editable,f&&q&&u.editing,A&&u.hasError),onClick:E,children:[(!q||!f)&&a.jsxs(n.Text,{size:16,className:u.nameDisplay,children:[a.jsx(i.TextEndTruncated,{children:F}),o]}),q&&f&&a.jsx("input",{type:"text",value:F,onChange:O,onKeyUp:P,className:u.field,ref:k})]}),q&&!f&&a.jsxs("div",{className:u.editButton,children:[a.jsx(c.ButtonIcon,{size:"small",onClick:E,disabled:C,children:a.jsx(t.WriteIcon,{})}),C&&a.jsx(r.LoaderCircular,{size:"xs",className:u.editButtonLoader})]}),q&&f&&a.jsx(c.ButtonIcon,{size:"small",onClick:N,type:"tertiary",disabled:A,children:a.jsx(t.CheckSmallIcon,{})})]}),M&&a.jsx(n.Text,{className:j.default(u.additionalInfo,A&&u.hasError),size:12,color:"T6",tagName:"div",children:M})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/slicedToArray"),o=require("classnames"),c=require("react"),e=require("../../ButtonIcon/ButtonIcon.js"),i=require("../../TextEndTruncated/TextEndTruncated.js"),n=require("../../Text/Text.js"),r=require("../../LoaderCircular/LoaderCircular.js"),u=require("./TemplatesTreeMenuHeader.scss.js"),t=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var a=require("react/jsx-runtime");function l(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var m=l(s),j=l(o);exports.TemplatesTreeMenuHeader=function(s){var o=s.badge,l=s.button,d=s.entityName,q=s.isEditable,I=s.onSave,p=s.getValidation,C=s.isUpdating,h=c.useState(!1),x=m.default(h,2),f=x[0],b=x[1],v=c.useState(d||""),T=m.default(v,2),F=T[0],O=T[1],g=c.useRef(null),k=c.useCallback((function(){q&&!C&&b(!0)}),[q,C]),E=c.useCallback((function(s){var o=s.target.value;O(o)}),[]),y=c.useMemo((function(){return(null==p?void 0:p(F))||{message:"",hasError:!1}}),[p,F]),M=y.message,P=y.hasError&&f,A=c.useCallback((function(){P||(b(!1),null==I||I(F))}),[P,F,I]),N=c.useCallback((function(s){"Enter"===s.key&&A()}),[A]);return c.useEffect((function(){b(!1),O(d||"")}),[d]),c.useEffect((function(){var s;f&&(null===(s=g.current)||void 0===s||s.focus())}),[f]),a.jsxs("div",{className:u.root,children:[a.jsxs("div",{className:u.info,children:[l,a.jsxs("div",{className:j.default(u.name,q&&!C&&u.editable,f&&q&&u.editing,P&&u.hasError),onClick:k,children:[(!q||!f)&&a.jsxs(n.Text,{size:16,className:u.nameDisplay,children:[a.jsx(i.TextEndTruncated,{children:F}),o]}),q&&f&&a.jsx("input",{type:"text",value:F,onChange:E,onKeyUp:N,className:u.field,ref:g})]}),q&&!f&&a.jsxs("div",{className:u.editButton,children:[a.jsx(e.ButtonIcon,{size:"small",onClick:k,disabled:C,children:a.jsx(t.WriteIcon,{})}),C&&a.jsx(r.LoaderCircular,{size:"xs",className:u.editButtonLoader})]}),q&&f&&a.jsx(e.ButtonIcon,{size:"small",onClick:A,type:"tertiary",disabled:P,children:a.jsx(t.CheckSmallIcon,{})})]}),M&&a.jsx(n.Text,{className:j.default(u.additionalInfo,P&&u.hasError),size:12,color:"T6",tagName:"div",children:M})]})};
 //# sourceMappingURL=TemplatesTreeMenuHeader.js.map

package/cjs-bundle/componentsV2/TemplatesControl/TemplatesTreeMenuHeader/TemplatesTreeMenuHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TemplatesTreeMenuHeader.js","sources":["../../../../../src/componentsV2/TemplatesControl/TemplatesTreeMenuHeader/TemplatesTreeMenuHeader.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n ChangeEventHandler,\n KeyboardEventHandler,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { TextEndTruncated } from '../../TextEndTruncated';\nimport { Text } from '../../Text';\nimport { LoaderCircular } from '../../LoaderCircular';\n\nimport styles from './TemplatesTreeMenuHeader.scss';\n\nimport { CheckSmallIcon, WriteIcon } from '~/icons';\n\nexport type TemplatesTreeMenuHeaderProps = {\n onSave?: (name: string) => void;\n badge?: ReactNode;\n entityName?: string;\n button?: ReactNode;\n isEditable?: boolean;\n getValidation?: (name: string) => {\n message?: string;\n hasError: boolean;\n };\n isUpdating?: boolean;\n};\n\nexport const TemplatesTreeMenuHeader = ({\n badge,\n button,\n entityName,\n isEditable,\n onSave,\n getValidation,\n isUpdating,\n}: TemplatesTreeMenuHeaderProps) => {\n const [isEditing, setIsEditing] = useState(false);\n const [name, setName] = useState(entityName \|\| '');\n const inputRef = useRef<HTMLInputElement>(null);\n\n const edit = useCallback(() => {\n if (isEditable && !isUpdating) {\n setIsEditing(true);\n }\n }, [isEditable, isUpdating]);\n\n const onNameChange = useCallback<ChangeEventHandler<HTMLInputElement>>(e => {\n const { value } = e.target;\n setName(value);\n }, []);\n\n const { message, hasError: validationError } = useMemo(\n () => getValidation?.(name) \|\| { message: '', hasError: false },\n [getValidation, name]\n );\n\n const hasError = validationError && isEditing;\n\n const save = useCallback(() => {\n if (!hasError) {\n setIsEditing(false);\n onSave?.(name);\n }\n }, [hasError, name, onSave]);\n\n const onKeyUp = useCallback<KeyboardEventHandler>(\n event => {\n if (event.key === 'Enter') {\n save();\n }\n },\n [save]\n );\n\n useEffect(() => {\n setIsEditing(false);\n setName(entityName \|\| '');\n }, [entityName]);\n\n useEffect(() => {\n if (isEditing) {\n inputRef.current?.focus();\n }\n }, [isEditing]);\n\n return (\n <div className={styles.root}>\n <div className={styles.info}>\n {button}\n <div\n className={classNames(\n styles.name,\n isEditable && !isUpdating && styles.editable,\n isEditing && isEditable && styles.editing,\n hasError && styles.hasError\n )}\n onClick={edit}\n >\n {(!isEditable \|\| !isEditing) && (\n <Text size={16} className={styles.nameDisplay}>\n <TextEndTruncated>{name}</TextEndTruncated>\n {badge}\n </Text>\n )}\n {isEditable && isEditing && (\n <input\n type=\"text\"\n value={name}\n onChange={onNameChange}\n onKeyUp={onKeyUp}\n className={styles.field}\n ref={inputRef}\n />\n )}\n </div>\n {isEditable && !isEditing && (\n <div className={styles.editButton}>\n <ButtonIcon size=\"small\" onClick={edit} disabled={isUpdating}>\n <WriteIcon />\n </ButtonIcon>\n {isUpdating && <LoaderCircular size=\"xs\" className={styles.editButtonLoader} />}\n </div>\n )}\n {isEditable && isEditing && (\n <ButtonIcon size=\"small\" onClick={save} type=\"tertiary\" disabled={hasError}>\n <CheckSmallIcon />\n </ButtonIcon>\n )}\n </div>\n\n {message && (\n <Text\n className={classNames(styles.additionalInfo, hasError && styles.hasError)}\n size={12}\n color=\"T6\"\n tagName=\"div\"\n >\n {message}\n </Text>\n )}\n </div>\n );\n};\n"],"names":["_ref","badge","button","entityName","isEditable","onSave","getValidation","isUpdating","useState","_useState2","_slicedToArray","_useState","isEditing","setIsEditing","_useState3","_useState4","name","setName","inputRef","useRef","edit","useCallback","onNameChange","e","value","target","_useMemo","useMemo","message","hasError","save","onKeyUp","event","key","useEffect","_inputRef$current","current","focus","_jsxs","className","styles","root","children","jsxs","info","classNames","editable","editing","onClick","Text","size","nameDisplay","_jsx","TextEndTruncated","type","onChange","field","ref","editButton","ButtonIcon","disabled","WriteIcon","jsx","LoaderCircular","editButtonLoader","CheckSmallIcon","additionalInfo","color","tagName"],"mappings":"~~usJAkCuC~~,SAQHA,GAAA,IAPlCC,IAAAA,MACAC,IAAAA,OACAC,IAAAA,WACAC,IAAAA,WACAC,IAAAA,OACAC,IAAAA,cACAC,IAAAA,WAEkCC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAA1CC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GAC9BK,EAAwBN,EAAAA,SAASL,GAAc,IAAGY,EAAAL,EAAAA,QAAAI,EAAA,GAA3CE,EAAID,EAAA,GAAEE,EAAOF,EAAA,GACdG,EAAWC,SAAyB,MAEpCC,EAAOC,EAAAA,aAAY,WACnBjB,IAAeG,GACjBM,GAAa,EAEjB,GAAG,CAACT,EAAYG,IAEVe,EAAeD,eAAkD,SAAAE,GACrE,IAAQC,EAAUD,EAAEE,OAAZD,MACRP,EAAQO,EACT,GAAE,IAEHE,EAA+CC,EAAAA,SAC7C,WAAA,OAAMrB,eAAAA,EAAgBU,KAAS,CAAEY,QAAS,GAAIC,UAAU,EAAO,GAC/D,CAACvB,EAAeU,IAFVY,IAAAA,QAKFC,IALWA,UAKmBjB,EAE9BkB,EAAOT,EAAAA,aAAY,WAClBQ,IACHhB,GAAa,GACbR,SAAAA,EAASW,GAEZ,GAAE,CAACa,EAAUb,EAAMX,IAEd0B,EAAUV,eACd,SAAAW,GACoB,UAAdA,EAAMC,KACRH,GAEJ,GACA,CAACA,IAcH,OAXAI,EAAAA,WAAU,WACRrB,GAAa,GACbI,EAAQd,GAAc,GACxB,GAAG,CAACA,IAEJ+B,EAAAA,WAAU,WACO,IAAAC,EAAXvB,IACF,QAAAuB,EAAAjB,EAASkB,eAAT,IAAAD,GAAAA,EAAkBE,QAEtB,GAAG,CAACzB,IAGF0B,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAKC,SAC1B,CAAAJ,EAAAK,KAAA,MAAA,CAAKJ,UAAWC,EAAOI,KAAKF,SAAA,CACzBxC,EACDoC,EAAAK,KAAA,MAAA,CACEJ,UAAWM,EAAU,QACnBL,EAAOxB,KACPZ,IAAeG,GAAciC,EAAOM,SACpClC,GAAaR,GAAcoC,EAAOO,QAClClB,GAAYW,EAAOX,UAErBmB,QAAS5B,EAAKsB,SAEb,GAAEtC,IAAeQ,IAChB0B,OAACW,OAAI,CAACC,KAAM,GAAIX,UAAWC,EAAOW,YAAYT,SAAA,CAC5CU,MAACC,mBAAgB,CAAAX,SAAE1B,IAClBf,KAGJG,GAAcQ,GACbwC,EAAAA,IAAA,QAAA,CACEE,KAAK,OACL9B,MAAOR,EACPuC,SAAUjC,EACVS,QAASA,EACTQ,UAAWC,EAAOgB,MAClBC,IAAKvC,OAIVd,IAAeQ,GACd0B,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOkB,WAAWhB,SAAA,CAChCU,MAACO,aAAU,CAACT,KAAK,QAAQF,QAAS5B,EAAMwC,SAAUrD,EAAWmC,SAC3DU,EAAAA,IAACS,EAASA,UAAA,MAEXtD,GAAc6C,EAAAU,IAACC,iBAAc,CAACb,KAAK,KAAKX,UAAWC,EAAOwB,sBAG9D5D,GAAcQ,GACbwC,EAAAA,IAACO,EAAAA,WAAU,CAACT,KAAK,QAAQF,QAASlB,EAAMwB,KAAK,WAAWM,SAAU/B,EAASa,SACzEU,EAAAA,IAACa,EAAcA,eAAA,SAKpBrC,GACCwB,EAAAU,IAACb,OAAI,CACHV,UAAWM,EAAU,QAACL,EAAO0B,eAAgBrC,GAAYW,EAAOX,UAChEqB,KAAM,GACNiB,MAAM,KACNC,QAAQ,MAAK1B,SAEZd,MAKX"}
1	+ {"version":3,"file":"TemplatesTreeMenuHeader.js","sources":["../../../../../src/componentsV2/TemplatesControl/TemplatesTreeMenuHeader/TemplatesTreeMenuHeader.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n ChangeEventHandler,\n KeyboardEventHandler,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { TextEndTruncated } from '../../TextEndTruncated';\nimport { Text } from '../../Text';\nimport { LoaderCircular } from '../../LoaderCircular';\n\nimport styles from './TemplatesTreeMenuHeader.scss';\n\nimport { CheckSmallIcon, WriteIcon } from '~/icons';\n\nexport type TemplatesTreeMenuHeaderProps = {\n onSave?: (name: string) => void;\n badge?: ReactNode;\n entityName?: string;\n button?: ReactNode;\n isEditable?: boolean;\n getValidation?: (name: string) => {\n message?: string;\n hasError: boolean;\n };\n isUpdating?: boolean;\n};\n\nexport const TemplatesTreeMenuHeader = ({\n badge,\n button,\n entityName,\n isEditable,\n onSave,\n getValidation,\n isUpdating,\n}: TemplatesTreeMenuHeaderProps) => {\n const [isEditing, setIsEditing] = useState(false);\n const [name, setName] = useState(entityName \|\| '');\n const inputRef = useRef<HTMLInputElement>(null);\n\n const edit = useCallback(() => {\n if (isEditable && !isUpdating) {\n setIsEditing(true);\n }\n }, [isEditable, isUpdating]);\n\n const onNameChange = useCallback<ChangeEventHandler<HTMLInputElement>>(e => {\n const { value } = e.target;\n setName(value);\n }, []);\n\n const { message, hasError: validationError } = useMemo(\n () => getValidation?.(name) \|\| { message: '', hasError: false },\n [getValidation, name]\n );\n\n const hasError = validationError && isEditing;\n\n const save = useCallback(() => {\n if (!hasError) {\n setIsEditing(false);\n onSave?.(name);\n }\n }, [hasError, name, onSave]);\n\n const onKeyUp = useCallback<KeyboardEventHandler>(\n event => {\n if (event.key === 'Enter') {\n save();\n }\n },\n [save]\n );\n\n useEffect(() => {\n setIsEditing(false);\n setName(entityName \|\| '');\n }, [entityName]);\n\n useEffect(() => {\n if (isEditing) {\n inputRef.current?.focus();\n }\n }, [isEditing]);\n\n return (\n <div className={styles.root}>\n <div className={styles.info}>\n {button}\n <div\n className={classNames(\n styles.name,\n isEditable && !isUpdating && styles.editable,\n isEditing && isEditable && styles.editing,\n hasError && styles.hasError\n )}\n onClick={edit}\n >\n {(!isEditable \|\| !isEditing) && (\n <Text size={16} className={styles.nameDisplay}>\n <TextEndTruncated>{name}</TextEndTruncated>\n {badge}\n </Text>\n )}\n {isEditable && isEditing && (\n <input\n type=\"text\"\n value={name}\n onChange={onNameChange}\n onKeyUp={onKeyUp}\n className={styles.field}\n ref={inputRef}\n />\n )}\n </div>\n {isEditable && !isEditing && (\n <div className={styles.editButton}>\n <ButtonIcon size=\"small\" onClick={edit} disabled={isUpdating}>\n <WriteIcon />\n </ButtonIcon>\n {isUpdating && <LoaderCircular size=\"xs\" className={styles.editButtonLoader} />}\n </div>\n )}\n {isEditable && isEditing && (\n <ButtonIcon size=\"small\" onClick={save} type=\"tertiary\" disabled={hasError}>\n <CheckSmallIcon />\n </ButtonIcon>\n )}\n </div>\n\n {message && (\n <Text\n className={classNames(styles.additionalInfo, hasError && styles.hasError)}\n size={12}\n color=\"T6\"\n tagName=\"div\"\n >\n {message}\n </Text>\n )}\n </div>\n );\n};\n"],"names":["_ref","badge","button","entityName","isEditable","onSave","getValidation","isUpdating","useState","_useState2","_slicedToArray","_useState","isEditing","setIsEditing","_useState3","_useState4","name","setName","inputRef","useRef","edit","useCallback","onNameChange","e","value","target","_useMemo","useMemo","message","hasError","save","onKeyUp","event","key","useEffect","_inputRef$current","current","focus","_jsxs","className","styles","root","children","jsxs","info","classNames","editable","editing","onClick","Text","size","nameDisplay","_jsx","TextEndTruncated","type","onChange","field","ref","editButton","ButtonIcon","disabled","WriteIcon","jsx","LoaderCircular","editButtonLoader","CheckSmallIcon","additionalInfo","color","tagName"],"mappings":"0zJAkCuC,SAQHA,GAAA,IAPlCC,IAAAA,MACAC,IAAAA,OACAC,IAAAA,WACAC,IAAAA,WACAC,IAAAA,OACAC,IAAAA,cACAC,IAAAA,WAEkCC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAA1CC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GAC9BK,EAAwBN,EAAAA,SAASL,GAAc,IAAGY,EAAAL,EAAAA,QAAAI,EAAA,GAA3CE,EAAID,EAAA,GAAEE,EAAOF,EAAA,GACdG,EAAWC,SAAyB,MAEpCC,EAAOC,EAAAA,aAAY,WACnBjB,IAAeG,GACjBM,GAAa,EAEjB,GAAG,CAACT,EAAYG,IAEVe,EAAeD,eAAkD,SAAAE,GACrE,IAAQC,EAAUD,EAAEE,OAAZD,MACRP,EAAQO,EACT,GAAE,IAEHE,EAA+CC,EAAAA,SAC7C,WAAA,OAAMrB,eAAAA,EAAgBU,KAAS,CAAEY,QAAS,GAAIC,UAAU,EAAO,GAC/D,CAACvB,EAAeU,IAFVY,IAAAA,QAKFC,IALWA,UAKmBjB,EAE9BkB,EAAOT,EAAAA,aAAY,WAClBQ,IACHhB,GAAa,GACbR,SAAAA,EAASW,GAEZ,GAAE,CAACa,EAAUb,EAAMX,IAEd0B,EAAUV,eACd,SAAAW,GACoB,UAAdA,EAAMC,KACRH,GAEJ,GACA,CAACA,IAcH,OAXAI,EAAAA,WAAU,WACRrB,GAAa,GACbI,EAAQd,GAAc,GACxB,GAAG,CAACA,IAEJ+B,EAAAA,WAAU,WACO,IAAAC,EAAXvB,IACF,QAAAuB,EAAAjB,EAASkB,eAAT,IAAAD,GAAAA,EAAkBE,QAEtB,GAAG,CAACzB,IAGF0B,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAKC,SAC1B,CAAAJ,EAAAK,KAAA,MAAA,CAAKJ,UAAWC,EAAOI,KAAKF,SAAA,CACzBxC,EACDoC,EAAAK,KAAA,MAAA,CACEJ,UAAWM,EAAU,QACnBL,EAAOxB,KACPZ,IAAeG,GAAciC,EAAOM,SACpClC,GAAaR,GAAcoC,EAAOO,QAClClB,GAAYW,EAAOX,UAErBmB,QAAS5B,EAAKsB,SAEb,GAAEtC,IAAeQ,IAChB0B,OAACW,OAAI,CAACC,KAAM,GAAIX,UAAWC,EAAOW,YAAYT,SAAA,CAC5CU,MAACC,mBAAgB,CAAAX,SAAE1B,IAClBf,KAGJG,GAAcQ,GACbwC,EAAAA,IAAA,QAAA,CACEE,KAAK,OACL9B,MAAOR,EACPuC,SAAUjC,EACVS,QAASA,EACTQ,UAAWC,EAAOgB,MAClBC,IAAKvC,OAIVd,IAAeQ,GACd0B,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOkB,WAAWhB,SAAA,CAChCU,MAACO,aAAU,CAACT,KAAK,QAAQF,QAAS5B,EAAMwC,SAAUrD,EAAWmC,SAC3DU,EAAAA,IAACS,EAASA,UAAA,MAEXtD,GAAc6C,EAAAU,IAACC,iBAAc,CAACb,KAAK,KAAKX,UAAWC,EAAOwB,sBAG9D5D,GAAcQ,GACbwC,EAAAA,IAACO,EAAAA,WAAU,CAACT,KAAK,QAAQF,QAASlB,EAAMwB,KAAK,WAAWM,SAAU/B,EAASa,SACzEU,EAAAA,IAACa,EAAcA,eAAA,SAKpBrC,GACCwB,EAAAU,IAACb,OAAI,CACHV,UAAWM,EAAU,QAACL,EAAO0B,eAAgBrC,GAAYW,EAAOX,UAChEqB,KAAM,GACNiB,MAAM,KACNC,QAAQ,MAAK1B,SAEZd,MAKX"}

package/cjs-bundle/componentsV2/TemplatesControl/TemplatesTreeNodeItem/TemplatesTreeNodeItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("classnames"),o=require("react"),c=require("../../Text/Text.js"),e=require("../../TextEndTruncated/TextEndTruncated.js"),i=require("../../ButtonIcon/ButtonIcon.js"),n=require("./TemplatesTreeNodeItem.scss.js"),r=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var u=require("react/jsx-runtime");function t(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var m=t(s),j=o.forwardRef((function(s,o){var t=s.content,j=s.isActive,l=s.onClick,I=s.level,q=s.additionalContent,a=s.statusIcons,d=s.iconComponent,p=s.isSelected,C=s.onMenuClick,x=s.iconColor,F=void 0===x?"#FFFFFF":x,h=s.isMenuOpen;return u.jsxs("div",{ref:o,className:m.default(n.root,p&&n.selected,j&&n.active,h&&n.menuOpen),style:{"--TreeNodeItem-level":I},onClick:l,children:[u.jsx(d,{className:n.icon,color:F}),u.jsxs(c.Text,{size:14,className:n.title,color:"inherit",children:[u.jsx(e.TextEndTruncated,{children:t}),q&&u.jsx(c.Text,{size:12,color:"T7",children:u.jsx(e.TextEndTruncated,{children:q})})]}),a,C&&u.jsx(i.ButtonIcon,{size:"xs",className:n.menuToggle,onClick:C,type:h?"tertiaryBg":"tertiary",children:u.jsx(r.MoreIcon,{})})]})}));exports.TemplatesTreeNodeItem=j;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("classnames"),o=require("react"),c=require("../../Text/Text.js"),e=require("../../TextEndTruncated/TextEndTruncated.js"),n=require("../../ButtonIcon/ButtonIcon.js"),i=require("./TemplatesTreeNodeItem.scss.js"),r=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var u=require("react/jsx-runtime");function t(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var m=t(s),j=o.forwardRef((function(s,o){var t=s.content,j=s.isActive,I=s.onClick,l=s.level,q=s.additionalContent,a=s.statusIcons,d=s.iconComponent,p=s.isSelected,C=s.onMenuClick,x=s.iconColor,F=void 0===x?"#FFFFFF":x,h=s.isMenuOpen;return u.jsxs("div",{ref:o,className:m.default(i.root,p&&i.selected,j&&i.active,h&&i.menuOpen),style:{"--TreeNodeItem-level":l},onClick:I,children:[u.jsx(d,{className:i.icon,color:F}),u.jsxs(c.Text,{size:14,className:i.title,color:"inherit",children:[u.jsx(e.TextEndTruncated,{children:t}),q&&u.jsx(c.Text,{size:12,color:"T7",children:u.jsx(e.TextEndTruncated,{children:q})})]}),a,C&&u.jsx(n.ButtonIcon,{size:"xs",className:i.menuToggle,onClick:C,type:h?"tertiaryBg":"tertiary",children:u.jsx(r.MoreIcon,{})})]})}));exports.TemplatesTreeNodeItem=j;
 //# sourceMappingURL=TemplatesTreeNodeItem.js.map

package/cjs-bundle/componentsV2/TemplatesControl/TemplatesTreeNodeItem/TemplatesTreeNodeItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TemplatesTreeNodeItem.js","sources":["../../../../../src/componentsV2/TemplatesControl/TemplatesTreeNodeItem/TemplatesTreeNodeItem.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { ComponentType, CSSProperties, forwardRef, MouseEventHandler, ReactNode } from 'react';\n\nimport { Text } from '../../Text';\nimport { TextEndTruncated } from '../../TextEndTruncated';\nimport { ButtonIcon } from '../../ButtonIcon';\n\nimport styles from './TemplatesTreeNodeItem.scss';\n\nimport { MoreIcon } from '~/icons';\n\nexport type TemplatesTreeNodeItemProps = {\n content: ReactNode;\n iconComponent: ComponentType<{ className?: string; color?: string }>;\n iconColor?: string;\n onClick?: MouseEventHandler;\n onMenuClick?: MouseEventHandler;\n additionalContent?: ReactNode;\n statusIcons?: ReactNode;\n isSelected?: boolean;\n isActive?: boolean;\n level?: number;\n isMenuOpen?: boolean;\n};\n\nexport const TemplatesTreeNodeItem = forwardRef<HTMLDivElement, TemplatesTreeNodeItemProps>(\n (\n {\n content,\n isActive,\n onClick,\n level,\n additionalContent,\n statusIcons,\n iconComponent: IconComponent,\n isSelected,\n onMenuClick,\n iconColor = '#FFFFFF',\n isMenuOpen,\n },\n ref\n ) => {\n return (\n <div\n ref={ref}\n className={classNames(\n styles.root,\n isSelected && styles.selected,\n isActive && styles.active,\n isMenuOpen && styles.menuOpen\n )}\n style={{ '--TreeNodeItem-level': level } as CSSProperties}\n onClick={onClick}\n >\n <IconComponent className={styles.icon} color={iconColor} />\n\n <Text size={14} className={styles.title} color=\"inherit\">\n <TextEndTruncated>{content}</TextEndTruncated>\n {additionalContent && (\n <Text size={12} color=\"T7\">\n <TextEndTruncated>{additionalContent}</TextEndTruncated>\n </Text>\n )}\n </Text>\n\n {statusIcons}\n\n {onMenuClick && (\n <ButtonIcon\n size=\"xs\"\n className={styles.menuToggle}\n onClick={onMenuClick}\n type={isMenuOpen ? 'tertiaryBg' : 'tertiary'}\n >\n <MoreIcon />\n </ButtonIcon>\n )}\n </div>\n );\n }\n);\n"],"names":["TemplatesTreeNodeItem","forwardRef","_ref","ref","content","isActive","onClick","level","additionalContent","statusIcons","IconComponent","iconComponent","isSelected","onMenuClick","_ref$iconColor","iconColor","isMenuOpen","_jsxs","className","classNames","styles","root","selected","active","menuOpen","style","children","_jsx","icon","color","Text","size","title","TextEndTruncated","jsx","ButtonIcon","menuToggle","type","MoreIcon"],"mappings":"~~wjJAyBaA~~,EAAwBC,EAAUA,YAC7C,SAAAC,EAcEC,GACG,IAbDC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,kBACAC,IAAAA,YACeC,IAAfC,cACAC,IAAAA,WACAC,IAAAA,YAAWC,EAAAZ,EACXa,UAAAA,aAAY,UAASD,EACrBE,IAAAA,WAIF,OACEC,EAAAA,KAAA,MAAA,CACEd,IAAKA,EACLe,UAAWC,EAAAA,QACTC,EAAOC,KACPT,GAAcQ,EAAOE,SACrBjB,GAAYe,EAAOG,OACnBP,GAAcI,EAAOI,UAEvBC,MAAO,CAAE,uBAAwBlB,GACjCD,QAASA,EAAQoB,SAAA,CAEjBC,MAACjB,EAAa,CAACQ,UAAWE,EAAOQ,KAAMC,MAAOd,IAE9CE,OAACa,OAAI,CAACC,KAAM,GAAIb,UAAWE,EAAOY,MAAOH,MAAM,UAASH,SAAA,CACtDC,MAACM,mBAAgB,CAAAP,SAAEtB,IAClBI,GACCmB,EAAAO,IAACJ,OAAI,CAACC,KAAM,GAAIF,MAAM,KAAIH,SACxBC,MAACM,mBAAgB,CAAAP,SAAElB,SAKxBC,EAEAI,GACCc,EAAAA,IAACQ,EAAAA,WAAU,CACTJ,KAAK,KACLb,UAAWE,EAAOgB,WAClB9B,QAASO,EACTwB,KAAMrB,EAAa,aAAe,WAAWU,SAE7CC,EAAAA,IAACW,EAAQA,SAAA,QAKnB"}
1	+ {"version":3,"file":"TemplatesTreeNodeItem.js","sources":["../../../../../src/componentsV2/TemplatesControl/TemplatesTreeNodeItem/TemplatesTreeNodeItem.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { ComponentType, CSSProperties, forwardRef, MouseEventHandler, ReactNode } from 'react';\n\nimport { Text } from '../../Text';\nimport { TextEndTruncated } from '../../TextEndTruncated';\nimport { ButtonIcon } from '../../ButtonIcon';\n\nimport styles from './TemplatesTreeNodeItem.scss';\n\nimport { MoreIcon } from '~/icons';\n\nexport type TemplatesTreeNodeItemProps = {\n content: ReactNode;\n iconComponent: ComponentType<{ className?: string; color?: string }>;\n iconColor?: string;\n onClick?: MouseEventHandler;\n onMenuClick?: MouseEventHandler;\n additionalContent?: ReactNode;\n statusIcons?: ReactNode;\n isSelected?: boolean;\n isActive?: boolean;\n level?: number;\n isMenuOpen?: boolean;\n};\n\nexport const TemplatesTreeNodeItem = forwardRef<HTMLDivElement, TemplatesTreeNodeItemProps>(\n (\n {\n content,\n isActive,\n onClick,\n level,\n additionalContent,\n statusIcons,\n iconComponent: IconComponent,\n isSelected,\n onMenuClick,\n iconColor = '#FFFFFF',\n isMenuOpen,\n },\n ref\n ) => {\n return (\n <div\n ref={ref}\n className={classNames(\n styles.root,\n isSelected && styles.selected,\n isActive && styles.active,\n isMenuOpen && styles.menuOpen\n )}\n style={{ '--TreeNodeItem-level': level } as CSSProperties}\n onClick={onClick}\n >\n <IconComponent className={styles.icon} color={iconColor} />\n\n <Text size={14} className={styles.title} color=\"inherit\">\n <TextEndTruncated>{content}</TextEndTruncated>\n {additionalContent && (\n <Text size={12} color=\"T7\">\n <TextEndTruncated>{additionalContent}</TextEndTruncated>\n </Text>\n )}\n </Text>\n\n {statusIcons}\n\n {onMenuClick && (\n <ButtonIcon\n size=\"xs\"\n className={styles.menuToggle}\n onClick={onMenuClick}\n type={isMenuOpen ? 'tertiaryBg' : 'tertiary'}\n >\n <MoreIcon />\n </ButtonIcon>\n )}\n </div>\n );\n }\n);\n"],"names":["TemplatesTreeNodeItem","forwardRef","_ref","ref","content","isActive","onClick","level","additionalContent","statusIcons","IconComponent","iconComponent","isSelected","onMenuClick","_ref$iconColor","iconColor","isMenuOpen","_jsxs","className","classNames","styles","root","selected","active","menuOpen","style","children","_jsx","icon","color","Text","size","title","TextEndTruncated","jsx","ButtonIcon","menuToggle","type","MoreIcon"],"mappings":"2qJAyBaA,EAAwBC,EAAUA,YAC7C,SAAAC,EAcEC,GACG,IAbDC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,kBACAC,IAAAA,YACeC,IAAfC,cACAC,IAAAA,WACAC,IAAAA,YAAWC,EAAAZ,EACXa,UAAAA,aAAY,UAASD,EACrBE,IAAAA,WAIF,OACEC,EAAAA,KAAA,MAAA,CACEd,IAAKA,EACLe,UAAWC,EAAAA,QACTC,EAAOC,KACPT,GAAcQ,EAAOE,SACrBjB,GAAYe,EAAOG,OACnBP,GAAcI,EAAOI,UAEvBC,MAAO,CAAE,uBAAwBlB,GACjCD,QAASA,EAAQoB,SAAA,CAEjBC,MAACjB,EAAa,CAACQ,UAAWE,EAAOQ,KAAMC,MAAOd,IAE9CE,OAACa,OAAI,CAACC,KAAM,GAAIb,UAAWE,EAAOY,MAAOH,MAAM,UAASH,SAAA,CACtDC,MAACM,mBAAgB,CAAAP,SAAEtB,IAClBI,GACCmB,EAAAO,IAACJ,OAAI,CAACC,KAAM,GAAIF,MAAM,KAAIH,SACxBC,MAACM,mBAAgB,CAAAP,SAAElB,SAKxBC,EAEAI,GACCc,EAAAA,IAACQ,EAAAA,WAAU,CACTJ,KAAK,KACLb,UAAWE,EAAOgB,WAClB9B,QAASO,EACTwB,KAAMrB,EAAa,aAAe,WAAWU,SAE7CC,EAAAA,IAACW,EAAQA,SAAA,QAKnB"}

package/cjs-bundle/componentsV2/TemplatesControl/Toggle/Toggle.js CHANGED Viewed

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